UI Color Guide
色彩一直是一个习惯被争论的话题，设计师说是红色的，CEO说是蓝色的，CTO说是#2D88F3，CMO说为什么不是IOS7的梯度。
之前的文章《UI设计系统》中，提到了颜色是一个设计语言的关键基础，这是个有趣的主题，因为UI的颜色系统不像品牌的色彩那么容易。UI中的色彩是活跃的。一个颜色不仅仅是一个页面上漂亮的点，更是一个信号，引导一些行为或者传达一些想法。
在我们开始选择色彩之前，先要运用我们脑海中的设计原则：
谁是用户？他们的特点，习惯，喜好是什么？
UI需要传达怎么样的信息和声音？
这次的UI Guideline 我们要实现什么目标？
当你准备好了，就可以开始了：
1.Primary colors（主色）
通常的品牌颜色，主色是用户看到的最多的颜色。人的大脑对接收颜色和数字有限，我们不能说出可口可乐的红色和Target的红色的不同，但肯定的是，我们知道百事的蓝色和可口可乐的红色的区别。主色的数量控制在一个或两个是最理想的状态。
除了主色，设计师可以根据具体情况的需要，形成次要辅助的颜色集。
2. Accent Color（强调色）
用来强调动作和突出显示信息：文字，唤起动作，浮动按钮（MD Design），进度条，选择控件，特殊按钮，滑块，链接... 根据主色，强调色可以通过色环选取，比如运用：类似，单色，补充，分裂补充，三角形...等原则。
如果选取的强调色对于背景太深或者太浅，应该另外选一个。
强调色是活泼和有趣的，但是容易被忽视的是强调色只占整个产品的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.数据的特殊状态：没有数据，错误/空值/不正确的数据，我们总是选择灰色对应空数据，白色对应没有数据。当然，这两种颜色又是彼此独特的。
5.特殊元素（大多数应用于中性的）：工具提示，图表标题，数据点，图表轴，线和数值...
在设计UI Guideline的时候最后一个注意事项：
KISS — Keep It Systematic Simple
关键词：Design，Colors ，Guideline
原文链接：https://blog.prototypr.io/basic-ui-color-guide-7612075cc71a#.orksm2m1v
