如何巧妙地運用顏色來建立優秀的 UI 介面（三）

1. 一些配色工具

　　配色工具可以讓配色更容易。在這裡，我選擇了一些好的 UI 設計配色工具。在 UI 設計中採用配色工具，可以節省大量時間。
 
　　（1）Coolors.co（https://coolors.co/）
 
　　這是一款專業的顏色選擇器。它允許您鎖定選定的顏色並按空格來生成調色盤。您也可以上傳圖片，然後用圖片製作一個調色盤。它還為您提供了一個顏色選擇器來修改參考點。
 

 
　　（2）Paletton（http://paletton.com/）
 
　　這是挑選顏色的好工具。在 WordPress 外貿獨立站網站建設當中它的優勢是多使用者可以生產超過 5 個顏色的配色方案。當您選擇了您的主色並想要產生額外的顏色時，這個工具特別有用。
 

 
　　（3）Check my Color（http://www.checkmycolours.com/）
 
　　這是一種檢查所有 DOM 元素的前景和背景顏色組合的工具，並確定它們是否在有顏色缺陷的人檢視時提供了足夠的對比度。
 

 
　　（4）Adobe Color CC（https://color.adobe.com/zh/create/color-wheel/）
 
　　Adobe Color CC 允許您使用一個色輪來建立一個配色方案。建立的方案可以匯出到 Adobe Photoshop 中。它還提供了來自 Adobe 創意 WooCommerce 社群的數千種優秀的配色組合。
 

 
　　2. 注意：切記可用性很重要

　　巧妙地在 UI 設計中使用顏色可以建立一個美觀的 UI 介面，但是建立美觀的 UI 介面並不是最終的目的。要實現優秀的多使用者體驗目標，讓多使用者輕鬆愉快使用產品才是最關鍵點。因此，從顏色選擇和介面的可用性角度來看，設計師應該始終記住，介面應該是高效的和簡潔的。在以多使用者為中心的情況下，設計工作中什麼顏色能選用什麼不能選用，都應該是有分寸的。