前言：想写这样的一篇文章很久了，从事UI视觉设计工作以来，工作项目中有了一些积累，也想整理一下流程。更好的了解这个从有到无的过程，建立起一套规范，不断精进。这里算是自己的一个小心得吧，就拿炒菜来说，中国人和德国人是完全不一样的规范流程，中国人是每一个厨师炒的每一道菜都是不一样的。盐少许，油适量的例子不胜枚举，而德国人能把这个过程量化，标准化，模块化。这也是肯德基、麦当劳为什么开那么多家店口味品质能得到保证的重要原因。往深了说，这算是共生型产品架构和模块化产品架构的优劣体现。

言归正传，今天主要跟大家说一说APP界面设计规范里边的色彩规范。在过去一年的项目里边我把界面设计规范整理为色彩、文字、板式、图标、按钮和平台规范6个部分，在以后的文章里边将继续与大家分享。

上图是14年app store对多个类别的top 100应用进行抽样统计和分析的结果，我们可以看出不管是付费应用还是免费应用，白色和蓝色都是最常用的颜色，使用率要高于其他所有的的纯色。这是为什么呢？在色彩心理学上每一种颜色都关联了一种最普遍的情感意义，白色象征着纯洁、简单而蓝色呢，给人信任和自信。而这两种颜色符合80%以上人的情感意义，这也是为什么会受到设计师的偏爱的原因。

无论是在app界面设计还是web还是平面设计中，色彩往往能够体现互联网品牌意义和内涵，而设计师对于色彩的挑选和取舍，也是完成作品中的必备环节。站在消费者角度，色彩也能够在理解和决策阶段起到一定的影响作用。

而在面临着琳琅满目，林林总总的色彩的时候，作为设计师的我们该去怎么选择和选取色彩呢？我觉得从以下四个维度去思考：一、企业战略文化。一个企业的战略文化怎么会有色彩呢?读过西方艺术史的同学都知道其实在艺术发展的每一个时期都有一个固定的风格这个跟当时的社会背景文化周遭都有着千丝万缕的联系。其实颜色也一样，关于莫奈的睡莲有一种说法是其成功的原因是要归结于用绿光终结了几百年的酱油色。而到了20世界“波普艺术”大师克莱因更将色彩发挥到了极致，克莱因蓝颜色专利在苏富比拍到3000万刀。所以关于色彩的意义和价值就不在赘述了。如果能用一种颜色去表达企业的战略文化，直观或者间接，这对企业的文化理念将会起到很大的正向效应。那如何去确定企业的战略文化颜色呢？时代背景，流行色，企业理念，可持续发展疑惑是热情服务。可以是贯穿一整条产业链条的色彩，去一一检索。二、目标用户、一个企业可能会有N多个产品每一个产品针对的目标用户层级可能会有很大的差别。对于目标用户的考量必不可少，用户年龄阶段，兴趣爱好，工作学习生活环境。如果说企业文化的颜色是要向用户传达“我们要向用户传达一种什么理念”的话，那么目标用户群的色彩分析就应该是“用户需要从我们的产品中的到什么”这样一种需求。三、使用场景、产品的使用场景不同，色彩的选择也会有所差别。使用场景包括，使用环境，使用时段，使用地段，使用地点区域。一般新闻类应用都会设置白天/夜间模式，这就是一种使用针对使用场景不同的色彩选择不同。值得强调的一点，很多app会有海外市场拓展的计划，这里就涉及到使用区域的问题，当地的民风民俗和禁忌，不同的颜色在不同的文化背景下也是有不同的含义。四、竞品、对于竞品的颜色一般是采取两种措施避免或者相接近。选用一种特立独行的颜色是很大胆的选择，当然这个颜色也是在团队进过以上步骤之后确立的备选项之一。而相接近呢则是一种选对保守安全的方式，至于如何选择，视前面三点而定。

经过前面四个步骤我们基本确立了一个应用的主色，然后就是辅助颜色的选取，对比色、邻近色、互补色等等。对比色和互补色视觉冲击的比较大，谨慎使用，也可以采取降低饱和度来调和，平衡色彩。而邻近色和同类色则比较统一和谐，对于整个页面的风格一致，能起到积极的作用。在界面设计中，具体如何选取，根据界面重点和信息分布以及产品特征去衡量选取。这里给大家介绍一种比较好用的色系——忙塞尔色系。它是一种立体模型来表示颜色的方法，用三维空间的模型，把颜色的色调、亮度、饱和度表现了出来，在颜色选取和搭配的时候十分的方便。

这里有一些有一些色彩运用原理和对比规则仅供大家参考：

1：统一色调，针对软件类型以及用户工作环境选择恰当色调：
如：安全软件，根据工业标准，可以选取黄色，绿色体现环保，蓝色表现时尚、紫色表现浪漫等等，淡色可以使人舒适，暗色做背景使人不觉得累等
2：如果没有自己的系列界面，采用标准界面则可以少考虑此方面，做到与操作系统统一，读取系统标准色表
3：色盲、色弱用户，即使使用了特殊颜色表示重点或者特别的东西，也应该使用特殊指示符，着重号，以及图标等
4：颜色方案也需要测试，常常由于显示器、显卡的问题，色彩表现每台机器都不一样，应该经过严格测试，不同机器进行颜色测试
5：遵循对比原则：在浅色背景上使用深色文字，深色背景上使用浅色文字，蓝色文字以白色背景容易识别，而在红色背景则不易分辨，原因是红色和蓝色没有足够反差，而蓝色和白色反差很大。除非特殊场合，杜绝使用对比强烈，让人产生憎恶感的颜色。

6：整个界面色彩尽量少的使用类别不同的颜色。