網頁美工設計

網頁設計如何配色?專業設計師告訴你

編輯：時間：2016-03-29 16:28:13

　　這些食物網站使用的顏色，可以使你開始感到饑餓

　　但愿這些能有助于你今后選擇合適配色方案，你已經學到了一些色彩理論的歷史以及它們相伴的關聯含義，務必聰明而細心地發揮你設計師的能力。

　　案例分析：推特Twitter

　　你頭一次接觸Twitter網站時，會注意到它的設計主要為藍色。我們知道藍色是一種用于web的安全色彩，因此Twitter在其網站上用到它就不足為奇了，特別是它還支持英語、法語、德語、意大利語、日語、韓語和西班牙語等多種語言。支持這么多語言意味著你的受眾是多種文化的聚合體。

　　圖為標準的Twitter網站，該圖顯示了無色盲的人看到的Twitter主頁的模樣。

　　我們知道每12人中有1人為色盲，那么如果我們通過他們的眼睛來看這個網站，又會出現什么情況呢?

　　如果對比度和顏色組合太過相似，你的一部分受眾就會無法看到內容。有許多方法可以模仿色盲效果。我喜歡用的程序是Color Oracle，這是一個適合Windows、Mac和Linux的色盲模擬程序，由伯恩哈德•杰尼(Bernhard Jenny)和納撒尼爾•沃恩•科爾索(Nathaniel Vaughn Kelso)開發。

　　作為web設計師，我們聽過漸進增強，但是有沒有聽過柔性降級(graceful degradation)?柔性降級指的是，網站采用現有最新最棒的功能設計和開發后，再用老的瀏覽器檢查以確保新特性不呈現時，網站功能仍然有效。這一思想也適于色彩運用。先用你所需的所有顏色設計好網站，然后使用Color Oracle或Photoshop檢查色盲支持效果。

　　顏色并非你工具箱里的唯一工具。選取能夠凸顯內容的顏色，但仍然要讓用戶能閱讀內容。使用Color Oracle測試顏色組合，如有必要，則作出改變。記住一點，你希望自己的網站能讓最廣泛的受眾看到，如此他們才能欣賞你的設計。

　　綠色盲：

　　綠色盲患者會看到這樣的推特

　　5%的男性和0.35%的女性患有這種色盲，它讓這些人無法感知紅綠兩色。

　　藍色盲：

　　藍色盲患者會看到這樣的推特

　　這是一種最罕見的色盲，不到0.3%的男性和女性患有這種色盲，它會限制你識別藍-黃色譜的能力。

2/2 首頁上一頁 1 2

<< 上一篇：網頁設計一般用什么軟件較好？

>> 下一篇：為什么說網站設計要超越顏色

推薦資訊