UI Color Guide
色彩一直是一個習慣被爭論的話題，設計師說是紅色的，CEO說是藍色的，CTO說是#2D88F3，CMO說為什么不是IOS7的梯度。
之前的文章《UI設計系統(tǒng)》中，提到了顏色是一個設計語言的關鍵基礎，這是個有趣的主題，因為UI的顏色系統(tǒng)不像品牌的色彩那么容易。UI中的色彩是活躍的。一個顏色不僅僅是一個頁面上漂亮的點，更是一個信號，引導一些行為或者傳達一些想法。
在我們開始選擇色彩之前，先要運用我們腦海中的設計原則：
誰是用戶？他們的特點，習慣，喜好是什么？
UI需要傳達怎么樣的信息和聲音？
這次的UI Guideline 我們要實現什么目標？
當你準備好了，就可以開始了：
1.Primary colors（主色）
通常的品牌顏色，主色是用戶看到的最多的顏色。人的大腦對接收顏色和數字有限，我們不能說出可口可樂的紅色和Target的紅色的不同，但肯定的是，我們知道百事的藍色和可口可樂的紅色的區(qū)別。主色的數量控制在一個或兩個是最理想的狀態(tài)。
除了主色，設計師可以根據具體情況的需要，形成次要輔助的顏色集。
2. Accent Color（強調色）
用來強調動作和突出顯示信息：文字，喚起動作，浮動按鈕（MD Design），進度條，選擇控件，特殊按鈕，滑塊，鏈接...? 根據主色，強調色可以通過色環(huán)選取，比如運用：類似，單色，補充，分裂補充，三角形...等原則。
如果選取的強調色對于背景太深或者太淺，應該另外選一個。
強調色是活潑和有趣的，但是容易被忽視的是強調色只占整個產品的10%，理想的色彩比例是6-3-1。60%的主色，30%的輔助主色，10%的強調色。正所謂如果所有人都是英雄，那就沒有英雄。然而現實的情況是多種多樣的，還是需要根據實際情況來定。
3.Semantic Colors（語義色）
失敗，成功，警告，信息提示。這些顏色是基于對信號心理學的一個堅實的研究：
紅色代表了失敗，錯誤和危險。
綠色代表了成功，安全和正確。
黃色代表了警告，警戒和提醒。
藍色代表了信息。
4.Neutrals（中性色）
白色，黑色或灰色。
這些顏色通常用于字體和背景。為了做到這一點，MD Design 有一個黑科技，為了替代定義黑色和灰色的特殊代碼，他們使用了黑色的不透明度來用在排版上，也就是說，不需要去定義一個灰色的代碼，他們只是調整黑色的透明度為54%，81%或者其他。
但不管哪種方式，關鍵點是在對象和背景之間的對比。檢查這些顏色的對比度是非常重要的。
5.Chart（圖表色）
設計一組10或者20個顏色，以一個特定的順序將數據視覺化。數據的工程師可以輕松地應用他們，然而，這也是一項較為困難的工作。
1.分類（Categorical）：包含了許多顏色，彼此之間保持一定的對比度，以一個特定的順序排列，此集合呈現不同類型的數據（柱狀圖，折現圖...）
2.順序（Sequential）：固定，增量變更（熱點圖，樹狀圖...）
3.偏振（Polarize）：一個序列的兩個極端（多用于熱點圖）
4.數據的特殊狀態(tài)：沒有數據，錯誤/空值/不正確的數據，我們總是選擇灰色對應空數據，白色對應沒有數據。當然，這兩種顏色又是彼此獨特的。
5.特殊元素（大多數應用于中性的）：工具提示，圖表標題，數據點，圖表軸，線和數值...
在設計UI Guideline的時候最后一個注意事項：
KISS?—?Keep It Systematic Simple
關鍵詞：Design，Colors ，Guideline
原文鏈接：https://blog.prototypr.io/basic-ui-color-guide-7612075cc71a#.orksm2m1v
