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