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

網(wǎng)頁(yè)設(shè)計(jì)如何配色?專業(yè)設(shè)計(jì)師告訴你

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

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

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

　　案例分析：推特Twitter

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

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

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

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

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

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

　　綠色盲：

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

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

　　藍(lán)色盲：

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

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

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

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

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

推薦資訊