網頁美工設計

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

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

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

　　顏色對比

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

　　大小對比

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

　　對齊方式對比

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

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

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

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

推薦資訊