色彩在UI设计中的应用

人脑对于色彩的记忆度要高于形态，保定设计培训即一个App给用户留下深刻印象的往往是界面的色彩。例如支付宝，可能想不起它的首页长什么样子，标签栏图标是那些，但能马上记起它的界面主色是蓝色。因此运用好色彩对UI设计十分重要，它能直观的呈现产品的气质和性格，能有效的帮助用户组织和阅读信息，与界面设计产生联系和记忆。

好的配色往往依靠设计师审美、感觉搭配出来，但合理的颜色搭配必定存在合理的配色规律，和配色方法论的支撑。在App设计之前应先确定界面的主色调，主色将占据界面中很大的比例，通常是品牌色，而辅助色、点缀色、背景色等都应以主色调为基准来搭配，这样才能保证App整体色调的一致。

分析研究了很多设计作品，发现他们在用色的时候有一部分区域是不会使用的，也就是常说的“配色禁区”。当然这里的“禁区”是带双引号带的，并没有什么禁区，只是说这些颜色不易控制，在连基础色都没有驾驭好之前，尽量少碰。

在界面设计中，一般主色和辅助色都集中在右上角，次要的和不可点的颜色都集中在中中上方，而文字信息和背景色则集中在左侧，右下角禁区是我们要重点避开的对象。60%、30%、10%的原则，是达到色彩平衡的比例。

在60%的空间使用主色，可以运用到导航栏、按钮、图标等关键的元素中，使之成为整个App的视觉焦点和色彩关系。30%的空间使用辅助色，可以平衡过多的主色而造成的视觉疲劳。剩下10%的空间为点缀色，可以用在一些不太重要的元素又需要区分的时候。

6:3:1原则构建了一种丰富的色彩层次，让界面看上去和谐、平衡和不杂乱。经常很多大神在网上说配色不要超过三种色，其实就是色不过三原则，即在一个页面中不要使用超过3种颜色搭配，这也和上面说的“60-30-10原则”类似，即一个主色、一个辅助色和一个点缀色。

但在实际UI设计中，迫于产品的需要可能会使用更多数量的色彩，但切记不可超过7种色相，注意不是7种色值，每个色相还可以运用其饱和度、明度的变化分解出丰富的色彩搭配。