網頁美工設計

顏色對比在網頁設計中的應用

編輯：時間：2016-01-06 11:14:34

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

　　顏色對比

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

　　大小對比

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

　　對齊方式對比

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

　　網頁設計學習在設計作品中創建合適的對比和掌握其他設計原則是一樣的，都需要實踐。

<< 上一篇：網頁設計中的顏色如何搭配？

>> 下一篇：網頁設計中色彩怎么選擇？

推薦資訊