?? ?以下簡單的介紹了網(wǎng)頁設(shè)計(jì)中的一個(gè)步驟:構(gòu)圖,羅列了一些比較常用而又有效果的方法,除此之外,應(yīng)該還有很多,希望大家補(bǔ)充,但我相信無論構(gòu)圖也好,色彩搭配也好,亦或是節(jié)奏旋律等等。它們總是圍繞著一個(gè)共同點(diǎn)去進(jìn)行,那就是使頁面在信息順利傳達(dá)的前提下變的美觀而生動(dòng),有了這一大準(zhǔn)則,我想設(shè)計(jì)頁面的時(shí)候需要的不是一大堆技法和技巧,而是一顆永不停止探索美和創(chuàng)造美的心。
幾何圖形的力量。?
幾何圖形在頁面中往往能起到大梁的作用,也是網(wǎng)頁內(nèi)容最為常用的承載面板。這些圖形合理的搭配和有效的穿插,能使頁面除了信息傳達(dá)外,更具層次感和觀賞性。?
? 圓形和橢圓形的結(jié)合搭載了輪播廣告和重要信息,使得整個(gè)頁面既有亮點(diǎn)又不失簡潔。
??? 同樣是圓角矩形的穿插結(jié)合,?色彩填充的圖形交集既能展示重要信息又勾勒出整個(gè)網(wǎng)站的風(fēng)格形態(tài)。
豎著的大圓角矩形和線條勾勒出整個(gè)完整的畫面,各種信息鑲嵌于各個(gè)形狀只中,既不顯得亂又使其相得益彰。?
更多類似的例子:?
素材應(yīng)用的好,往往能起到畫龍點(diǎn)睛的作用,而素材起點(diǎn)綴頁面和表達(dá)主題之外,還能作為構(gòu)圖中的一種主要元素存在,這些素材通常破格而出作為連接頁面的紐帶,使頁面結(jié)構(gòu)更加的穩(wěn)固,故稱其為“鉚釘”。?
??? 素材看似隨機(jī)的擺放,其實(shí)是有意的將素材擺放于左上和右下兩個(gè)對角點(diǎn),視覺上俗稱的暗線,左下角信息內(nèi)容的圖片和右上角的登錄窗口組成了另外一條對角暗線,?兩者并組成了X結(jié)構(gòu),而四個(gè)素材起到到了固定和壓軸的作用,穩(wěn)固而又美觀。
??? 飛躍的人越于頁面之上,護(hù)目鏡掛于導(dǎo)航欄之上。這兩個(gè)素材的使用使整個(gè)頁面既貼切于主題又生動(dòng),而在構(gòu)圖上人連接穿插了1、2兩個(gè)板塊,而護(hù)目鏡所在的2板塊鏈接了3、4板塊,視覺上的感官延續(xù)讓頁面脈絡(luò)清晰不脫節(jié),切富有節(jié)奏感。
頁面非常簡單,除了圖形構(gòu)筑的基礎(chǔ)形,就是幾朵起到“鉚釘”作用的花兒,花朵破框而出,使得素材有機(jī)的融于框內(nèi)又搭于整個(gè)頁面之上?,讓人有種花是由圓洞內(nèi)長到頁面之上的錯(cuò)覺,簡單而富有層次。
這個(gè)頁面的素材和主體框架的結(jié)合很巧妙,破框而出的噴濺牛奶和靜態(tài)的巧克力、杯子的動(dòng)靜結(jié)合于頁面頭部,使得整個(gè)頁面主次清晰而又連貫。?
更多類似的例子:?
【三】打造斜塔之美—斜的視覺張力?
比薩斜塔之斜是地質(zhì)沙化下沉還是設(shè)計(jì)師故意為之,至今還是有人在爭論,拋開爭議,斜塔的美似乎讓許多人都想來到它身邊一睹這位傾斜美人之容,湊巧的是,在浩瀚的宇宙中最美麗的星球,也就是地球,也斜著身子對著太陽轉(zhuǎn)著。話題扯的比較遠(yuǎn),斜線,或者說是斜著的物體,似乎天生有一種張力。在網(wǎng)頁設(shè)計(jì)中亦是如此,而在這里所表現(xiàn)的為視覺的張力,是種視覺心里上的延伸力而非物理上的。當(dāng)頁面過于平均,畫面平平毫無亮點(diǎn)時(shí),打破平均打破通體的平均尤為重要,打破平均的方式有很多,而斜線似乎是網(wǎng)頁設(shè)計(jì)中慣用的一招,屢試不爽。?
斜線的張力讓整個(gè)頁面富有動(dòng)感和延伸性,即可為頁面起到修飾的作用,又能做為信息的承載模塊,兩者有機(jī)的融合并不讓人覺得傾斜的標(biāo)題不好識(shí)別或者有礙閱讀,反之更能讓整個(gè)頁面富有形式感和表現(xiàn)力。
??? 斜線的運(yùn)用加上素材和圓形的穿插結(jié)合,讓整個(gè)頁面具有動(dòng)感,同時(shí)視線又隨著斜線的走向帶入至素材和標(biāo)題之上?,具有張力的同時(shí)又讓這些線起到一個(gè)很好到視覺導(dǎo)向作用
??? 以斜線為暗線排版而成的信息組件和右邊斜線切割而成的圖片形成形態(tài)上的互補(bǔ),又形成節(jié)奏上虛實(shí)和疏密的對比,使得整個(gè)畫面既有斜線帶來的張力和動(dòng)感之外,又不乏整體的穩(wěn)固和均衡。?
更多類似的例子:?
?? ?
選擇我們,優(yōu)質(zhì)服務(wù),不容錯(cuò)過
1. 優(yōu)秀的網(wǎng)絡(luò)資源,穩(wěn)定的網(wǎng)站和速度保證
?(配送雙線獨(dú)立ip空間,國際A級(jí)BGP機(jī)房,99.5% 的主機(jī)在線時(shí)間)
2. 7年北京網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
我們的與眾不同之處:
????? 免費(fèi)網(wǎng)絡(luò)營銷顧問:我們?yōu)槟峁┟赓M(fèi)的網(wǎng)絡(luò)營銷顧問服務(wù),您需要了解關(guān)于如何開展網(wǎng)絡(luò)營銷,電子商務(wù),網(wǎng)站設(shè)計(jì)等的事宜,歡迎隨時(shí)聯(lián)系我們。
???? ?seo友好的網(wǎng)站管理系統(tǒng):除了優(yōu)質(zhì)的網(wǎng)站空間,網(wǎng)站管理系統(tǒng),和網(wǎng)站設(shè)計(jì)外,我們的網(wǎng)站管理系統(tǒng)更是seo友好的,包括:自定義欄目名,Google Sitemap自動(dòng)生成,靜態(tài)頁面生成等等,讓您的網(wǎng)站。
???? ?免費(fèi)網(wǎng)絡(luò)營銷培訓(xùn):如何更好的投放網(wǎng)絡(luò)廣告,如何提高網(wǎng)絡(luò)廣告的投資回報(bào),如何發(fā)帖子,
???? ?如何優(yōu)化網(wǎng)站,我們有豐富的經(jīng)驗(yàn)開放給您!祝君成功!
聯(lián)系我們:010-62199213?? 62122723-808?? 賈先生
傳誠信北京網(wǎng)站建設(shè)網(wǎng)站:m.jzztb.org.cn?點(diǎn)擊查看經(jīng)典網(wǎng)站案例!
北京網(wǎng)站建設(shè)2010年網(wǎng)站建設(shè)套餐及優(yōu)惠!