界面設計顏色調節小助手

初學者對顏色的敏感度一般是很是弱的，在面對一個界面設計的時候都會在主色上無從入手，然而一個界面設計給用戶使用的第一感受中，主色影響很大；

 

今天就爲你們推薦一款比較好的自動生成配色色板小工具-- Coolors，裏面的配色板是很是全面的，最新版的3.0不只增強了調色功能，上千的調色板讓你選擇，還有設計師社區讓你能夠提出本身的建議和疑問。

 

新版在應用的結構上沒有大的變化，打開後能夠點擊「Generate」來經過機器計算生成配色方案。若是你喜歡某個顏色，能夠將其鎖定在其基礎上進行再次配色。

 

 

若是色板裏面的顏色還不符合你的要求，還能夠對某個顏色進行再細節的手動調整，在新版中，裏面增長了HSB、RGB、CMYK三種模式，經過在滑竿選擇你想要調出的顏色。

 

 

生成的每一個色塊中都會有對應的16進制色值，不過你不用將它們記住。點擊「分享」按鈕能夠將它保存下來，應用支持生成對應網址連接、發送郵件、保存 PDF 或 PNG 四種方式。

 

新版中一個對交互設計過程當中有不少幫助的一個功能是帳號的概念，能夠將一些已經配好的方案保存起來再多端同步，能夠減小設計時的重複操做。

 

你的配色方案將會進入到系統列表中分享給你們，若是喜歡能夠直接從這裏獲取配色方案。若是你正爲配色發愁，你一樣也能夠到這裏來找找靈感。

 

除此以外 Coolors 此次還提供了 Web 版的數據，全部熱門的配色在網站也一樣能被找到。

上個版本嚴格來講還只是一個玩物，而現在的 Coolors 顯然想真正進入設計師的工具箱。因此他們還配套發佈了 Photoshop 的小插件（需付費），你能夠省掉那些導出的步驟直接在 Photoshop 中使用。Coolors 沒有支持現在在設計師中最火的 Sketch 卻是有些奇怪，也許也正在開發中吧。

 

 

 

雖然 Coolors是一個要付費的助手小工具，但倒是對界面設計是十分有幫助的，也比剛發佈的時候無償使用時的功能強大得多了，這樣的一個小小的工具，是能夠幫助你完成設計的速度和質量的提高。

 

 

 

更多UI設計培訓相關的文章-- 線上界面和設計原稿的巨大差別

 

 

 

原文來自：5key