配色知識，教你掌握UI設計的配色方法

通過人工方式（肉眼識別色彩）創建色板是最理想的，但這需要我們對色彩有很好的理解。任何靠工具自動識別產生的色板，總是在準確性上有所欠缺，因此最好使用你自己的視覺。

在下面的例子中，我選擇了支付寶應用的界面，通過識別分析出應用使用的主色，次色以及中性色。

主色一般與整個品牌的顏色一致，在圖標，按鈕，菜單中都會有所使用。次色可以選擇與主色色調一致的同色系色彩，也可以使用如對比色，鄰近色等與主色存在反差的色彩。次色使用得比較少，僅用在需要引起用戶注意的地方，如消息提醒，折扣推銷等需要醒目標識的地方。對于背景色，它們用來襯托內容，也可以起到調和整個應用色調的做用。這也是為什么，我們會同時看到明亮主題的UI和暗色主題的UI。

你還能夠選擇不同的配色模式，甚至移動取色標識選擇不同的顏色加入到你的色板中。

在Dribble上，你可以瀏覽和保存色板。你可以根據一個色彩來尋找所有以這個色彩為主色的設計，從而激發你的靈感。

你還能夠選擇不同的配色模式，甚至移動取色標識選擇不同的顏色加入到你的色板中。

另一個，我最常去的地方是Pintrest，上面可以看到很多設計師收集的色板，下面是我Pintrest上的色板Board。

理解顏色的基本原理，它們之間的關系，以及如何選取顏色進行配色對于你做APP設計非常重要。我建議閱讀下面關于色彩的指南，它除了解釋基本色彩原理之外，還能幫你更深入地了解如何運用色彩。

Google推出的Material Design 色彩設計指南，其中推薦的色板對你進行Web UI或iOS設計同樣非常有幫助。

Sketch色板 使你能夠非常方便地保存或導入全局或文檔色板。其中推薦的色板對你進行IOS設計同樣非常有幫助。我們一般可以從一個包含了iOS，Material Design，和Flat UI 的全局色板開始。

iOS中非常多地使用漂亮的漸變效果。通過選取兩個相匹配的顏色，然后簡單設置就能產生漸變效果。下面是一個收集了很多漸變效果的優秀集合。

一個能在Sketch和XCode中使用的顏色拾取器。支持RGB，HEX等不同格式。

歡迎關注作者「技匠」的微信公眾號 techmask 喔