色彩是任何網(wǎng)站設(shè)計(jì)的關(guān)鍵部分,但它很容易失控??此茻o限的色調(diào)和色度,來自不同顏色空間的可變性,以及各種挑選和取樣顏色的方法,很容易讓網(wǎng)站設(shè)計(jì)師得到幾十種不一致使用的顏色值。
通過定義一個(gè)顏色網(wǎng)站,您可以確保您有一個(gè)可接受的顏色控制(和合并)調(diào)色板,一致和正確的使用,還可以提高維護(hù)的易用性。作為一個(gè)簡(jiǎn)單的起點(diǎn),看看你的的顏色。該調(diào)色板可能嚴(yán)重影響您在網(wǎng)站設(shè)計(jì)中使用的色板,在整個(gè)UI中融入色彩也能確保你保持的個(gè)性。你要確保你有這些顏色的陰影,你可以在不合適或不理想的情況下使用顏色的全部強(qiáng)度。如果網(wǎng)站需要同時(shí)支持市場(chǎng)營銷和產(chǎn)品,您可能還需要包括關(guān)于如何使用每種顏色的使用指南。
你還需要考慮你的顏色有多容易獲得,并不是調(diào)色板中的每個(gè)色塊都需要滿足這個(gè)要求,但是您需要確保已經(jīng)包含了足夠的可訪問顏色集,您可以將這些顏色應(yīng)用于文本和關(guān)鍵的UI控件,以及它們需要進(jìn)行對(duì)比的背景。根據(jù)您的需求,您可能需要滿足AA或AAA可訪問性標(biāo)準(zhǔn),因此請(qǐng)確保您的顏色對(duì)是定義良好的。
考慮添加能夠傳達(dá)功能的含義和色調(diào)的顏色,在向用戶顯示消息的示例中,某些顏色有助于傳達(dá)消息的內(nèi)容:紅色表示錯(cuò)誤,藍(lán)色表示信息,綠色表示確認(rèn)。通過定義某些顏色的含義,您可以為將來如何使用它們創(chuàng)建一個(gè)可重復(fù)的模式。
除了挑選顏色外,還要考慮清楚它們的用法。許多團(tuán)隊(duì)已經(jīng)引入了一個(gè)變量或令牌網(wǎng)站設(shè)計(jì)來為他們的顏色命名添加一個(gè)語義層。將一種顏色命名為“紅色”,并引用“紅色”要比記住一個(gè)精確的Hex/RGBA/HSLA值容易得多,但它幾乎無法描述其預(yù)期用途。一些團(tuán)隊(duì)會(huì)在顏色的名稱中添加另一個(gè)修改詞來描述它的預(yù)期用途,并確保它得到正確的實(shí)現(xiàn)。如果顏色需要更改,這也使得跨多個(gè)平臺(tái)維護(hù)調(diào)色板變得更加容易。