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

網(wǎng)頁(yè)設計如何配色?專(zhuān)業(yè)設計師告訴你

編輯：時(shí)間：2016-03-29 16:28:13

　　這些食物網(wǎng)站使用的顏色，可以使你開(kāi)始感到饑餓

　　但愿這些能有助于你今后選擇合適配色方案，你已經(jīng)學(xué)到了一些色彩理論的歷史以及它們相伴的關(guān)聯(lián)含義，務(wù)必聰明而細心地發(fā)揮你設計師的能力。

　　案例分析：推特Twitter

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

　　圖為標準的Twitter網(wǎng)站，該圖顯示了無(wú)色盲的人看到的Twitter主頁(yè)的模樣。

　　我們知道每12人中有1人為色盲，那么如果我們通過(guò)他們的眼睛來(lái)看這個(gè)網(wǎng)站，又會(huì )出現什么情況呢?

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

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

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

　　綠色盲：

　　綠色盲患者會(huì )看到這樣的推特

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

　　藍色盲：

　　藍色盲患者會(huì )看到這樣的推特

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

2/2 首頁(yè) 上一頁(yè) 1 2

<< 上一篇：網(wǎng)頁(yè)設計一般用什么軟件較好？

>> 下一篇：為什么說(shuō)網(wǎng)站設計要超越顏色

推薦資訊