UI设计中色彩的用法和分类

用户界面的构建过程中，最为耗时的事情是色彩的选择。真正能够和整个设计项目贴合、能够覆盖整个设计中所有元素需求的配色，需要在设计中不断的调整和验证。一套强大而有效的配色方案，可能需要好几个小时来回的打磨。

零售业有个有趣的研究成果—— “七秒钟定律”：人们在挑选商品和服务时 ，只需要7秒钟就可以确定是否感兴趣，而在这短暂的7秒钟内，色彩的作用占到了 67%。

60%-30%-10%的配色比例被认为是颇为令人愉悦的，在视觉感知上，它提供了一个颇为让人舒适的色彩层次，这样的控制让整个UI的色彩以一种可控的比例呈现出来，而不是将整个设计弄得一团糟。

最早是源自于室内设计领域，室内设计师借助这一原则，创造出协调的室内设计配色。为了达到平衡的配色，几种色彩遵循这60%—30%—10%这样的色彩配比。其中占据60%的是主色，而30%则是辅助色，而占据10%的色彩应当为点缀色。

每一种颜色都有其独特的含义，将它们组合起来也就能传递出无限的可能，也能使用户在界面上停留得时间更持久，增加点击率。UI设计要给人简洁整齐、条理清晰的感觉，依靠的就是界面元素的排版和间距设计，还有色彩的合理、适度搭配。

在众多的UI 设计规范中，色彩部分的介绍，都必然包含三种类型，分别是：

主色：核心色彩，品牌色；

辅色：丰富页面视觉和传达效果；

点缀色：色彩鲜艳饱和，有画龙点睛的效果；

中性色：没有色相的文字、背景用色。