網(wǎng)頁(yè)美工設計

顏色對比在網(wǎng)頁(yè)設計中的應用

編輯：時(shí)間：2016-01-06 11:14:34

　　現在幾乎所有的頁(yè)面一般都包括頭部、內容區域和底部。這三部分是完全不同的，它們在視覺(jué)上應當區分明確，使用背景顏色產(chǎn)生對比是一個(gè)不錯的方法。如果頁(yè)面上所有的元素都是同樣的樣式，那么整個(gè)頁(yè)面將是無(wú)序的，頁(yè)面結構也沒(méi)有流動(dòng)性和層級性。內容閱讀起來(lái)將變得非常困難。這使得對比原則成為頁(yè)面web設計中一個(gè)必要的方法。如何使用對比在顏色、大小和對齊方式三個(gè)方面創(chuàng )建一些不同之處呢？

　　顏色對比

　　它的頭部和底部均采用了深色背景，而內容區則采用白色背景。這使內容區域和其他部分截然分開(kāi)，并且使其重要性更加突出。如果仔細觀(guān)察，我們會(huì )發(fā)現在內容區還有另外一層的背景對比。內容區上半部分的特色產(chǎn)品區用了亮藍色的背景，而它和內容區其他部分的對比則并不強烈，這就告訴我們這兩部分是相互關(guān)聯(lián)的。文字也可以使用顏色產(chǎn)生對比。

　　大小對比

　　在Web設計中另一種創(chuàng )建對比的方法就是讓元素的大小產(chǎn)生不同，是其中一些元素的尺寸比其它的大。當你無(wú)法使用顏色對比時(shí)，可以考慮使用大小對比。Taxi在布局上做了很多而只使用了很少的顏色。所以為了在三個(gè)欄目之間創(chuàng )建出層次，設計者為中間一欄使用了比左右兩欄大了很多的寬度，這使得用戶(hù)很明顯地認為中間一欄是整個(gè)頁(yè)面最重要的部分。正如可為文字標題應用顏色來(lái)創(chuàng )建對比一樣，使用大小也可以。

　　對齊方式對比

　　好的對齊方式在高質(zhì)量的web設計中發(fā)揮著(zhù)很大的作用。當把東西對齊放置時(shí)，它們看起來(lái)會(huì )很舒服。但我認為這恰恰是用不同的對齊方式創(chuàng )建對比的困難之處，并且應謹慎使用。不過(guò)如果使用得當則能創(chuàng )建非常有效的分割效果。把大段的內容居中放置是排版布局中的禁忌，它使內容很難閱讀。然而不要怕把居中的標題和左對齊的內容段落放在一起，因為這是應用對齊方式創(chuàng )建對比的另一種很好的方式。如果和襯線(xiàn)字體一起放置，可以使布局呈現一個(gè)非常經(jīng)典的外觀(guān)。

　　網(wǎng)頁(yè)設計學(xué)習在設計作品中創(chuàng )建合適的對比和掌握其他設計原則是一樣的，都需要實(shí)踐。

<< 上一篇：網(wǎng)頁(yè)設計中的顏色如何搭配？

>> 下一篇：網(wǎng)頁(yè)設計中色彩怎么選擇？

推薦資訊