網站設計中的色彩使用技巧 - 金沙設計 SUMAART

網站設計中的色彩使用技巧

By:limo- 2019-10-31 10:54:01


色彩是任何網站設計的關鍵部分,但它很容易失控。看似無限的色調和色度,來自不同顏色空間的可變性,以及各種挑選和取樣顏色的方法,很容易讓網站設計師得到幾十種不一致使用的顏色值。


通過定義一個顏色網站,您可以確保您有一個可接受的顏色控制(和合並)調色盤,一致和正確的使用,還可以提高維護的易用性。作為一個簡單的起點,看看你的品牌的顏色。該調色盤可能嚴重影響您在網站設計中使用的色板,在整個UI中融入品牌色彩也能確保你保持品牌的個性。你要確保你有這些顏色的陰影,你可以在不合適或不理想的情況下使用顏色的全部強度。如果網站需要同時支援市場營銷和產品,您可能還需要包括關於如何使用每種顏色的使用指南。


你還需要考慮你的顏色有多容易獲得,並不是調色盤中的每個色塊都需要滿足這個要求,但是您需要確保已經包含了足夠的可訪問顏色集,您可以將這些顏色應用於文字和關鍵的UI控制元件,以及它們需要進行對比的背景。根據您的需求,您可能需要滿足AA或AAA可訪問性標準,因此請確保您的顏色對是定義良好的。


考慮新增能夠傳達功能的含義和色調的顏色,在向用戶顯示訊息的示例中,某些顏色有助於傳達訊息的內容:紅色表示錯誤,藍色表示資訊,綠色表示確認。通過定義某些顏色的含義,您可以為將來如何使用它們建立一個可重複的模式。


除了挑選顏色外,還要考慮清楚它們的用法。許多團隊已經引入了一個變數或令牌網站設計來為他們的顏色命名新增一個語義層。將一種顏色命名為“紅色”,並引用“紅色”要比記住一個精確的Hex/RGBA/HSLA值容易得多,但它幾乎無法描述其預期用途。一些團隊會在顏色的名稱中新增另一個修改詞來描述它的預期用途,並確保它得到正確的實現。如果顏色需要更改,這也使得跨多個平臺維護調色盤變得更加容易。