網(wǎng)頁設(shè)計(jì)是由許多個(gè)不一樣的元素構(gòu)成的,而這些元素的前幾要 性都不一樣 ,并且有些元素還須要尤為的突出.有些元素彼此之間存在著聯(lián)絡(luò) ,而另外的元素之間則一點(diǎn)關(guān)聯(lián)性都沒有.比較難辦的部分就是如何 有效的在視覺下去傳遞元素之間的聯(lián)絡(luò) .這就該用到比較準(zhǔn)繩了.
比較就是兩個(gè)或更多個(gè)元素之間的不一樣 .議決比較 ,設(shè)計(jì)師就可以 創(chuàng)造出視覺興趣性,同時(shí)引導(dǎo)用戶的留心力.想象一下,假如頁面上一切的元素都是一個(gè)容貌 ,那就會覺得這些內(nèi)容沒有組織,沒有”(視野 )流”,沒有明白的結(jié)構(gòu),也很難去理會 和接受.因而在網(wǎng)頁設(shè)計(jì)中,比較是很前幾要 的一部分.
在這篇文章中,我們 將會看到如何 議決顏色,尺寸,對齊方式 這三個(gè)方面來建立比較 .
大多數(shù)人聽到”比較 ”這個(gè)詞,他們更先想到的就是顏色.雖然比較準(zhǔn)繩中不只包含顏色,但是顏色對于協(xié)助用戶辨認(rèn)頁面中不一樣的元素有很大的協(xié)助 .
通常頁面都包含頁頭,內(nèi)容區(qū),頁腳.那么我們 就須要從視覺上明晰的區(qū)分中這三個(gè)不一樣的部分.很好的要領(lǐng)就是: 運(yùn)用不一樣的背景色.
先來看看Church Media Group’s website,這是一個(gè)很好的例子.頁頭和頁腳都運(yùn)用較深的背景色,內(nèi)容區(qū)是白色.議決這種差別 ,可以 很清楚的突出內(nèi)容,并表現(xiàn)出它的前幾要 性.假如我們 再深化點(diǎn)看,在內(nèi)容區(qū)域也有不一樣的背景色比較 :”案例”部分運(yùn)用了淺藍(lán)色.正由于它與其他內(nèi)容部分的比較很小,表示 兩個(gè)部分是有關(guān) 聯(lián)的.
Phil Renaud’s portfolio運(yùn)用了一個(gè)前幾特籌劃 和更其好看的配色方案.站點(diǎn)全體運(yùn)用了棕色來設(shè)計(jì),他運(yùn)用了一種金黃色來添加垂直導(dǎo)航區(qū)域和其他區(qū)域的比較 .
文本之間也可以 運(yùn)用顏色來構(gòu)成比較 .在Billy Tamplin中,標(biāo)題,副標(biāo)題,文章段落分別運(yùn)用了不一樣的顏色,將各部分合理的區(qū)分并建立視覺結(jié)構(gòu),更后獲得 了很好的成效 .作為blog 的界面來說,在文章標(biāo)題和主體內(nèi)容之間建立比較是很前幾要 的.這樣在用戶滾動頁面的時(shí)辰 ,就可以 讓他們清楚的看到文章的從哪開端和到哪結(jié)束.
在頁面設(shè)計(jì)中另外一種比較方式 就是不一樣的元素運(yùn)用不一樣的尺寸.換句話說,讓一部分內(nèi)容比其他的更大.
在無法依托顏色的時(shí)辰 ,議決尺寸建立比較則變得特別前幾要 .Taxi的配色很少,而它的頁面中有許多的音訊 .因而 ,為了建立三列籌劃 的結(jié)構(gòu),設(shè)計(jì)師在兩頭列運(yùn)用了大得多的寬度-比左側(cè)和右側(cè)列的兩倍還大.讓用戶一眼就能看出來,兩頭那列是頁面中更前幾要 的部分.
網(wǎng)頁美工簡單：網(wǎng)頁設(shè)計(jì)中的比較準(zhǔn)繩1，謝謝閱讀。
