颜色革命(上)

1 楔子

        其实一直想写一篇关于APP颜色主题设计的文章，从去年就开始酝酿，断断续续，既是因为缺少足够积淀，也是因为自己还没有真正拿得出手的成品——空口无凭。现在，随着CMF APP全新3.0的改版完成，终于一尝所愿。

        颜色革命，这个标题很大，但却已经是一个正在进行时了，只是你可能还没有意识到，其实它业已成为当今移动互联网产品领域的已成现实。

        以颜色作为产品主题战略方针的最坚定也是最成功的执行者，就是我们乔帮主倾力的Apple，从这个Apple诞生之初，就一直以乳白色作为产品外观主打颜色，并一直坚持了下来，扩展到公司所有主流产品线，无论硬件（PC、MacBook、iPhone、iPad）还是软件（IOS内置应用）。以至于当今世界，一旦出现以白色为主打色调的高档消费电子产品，在第一时间内，你总会不自觉地联想到苹果。

        细思极恐，这种颜色战略驱动下的品牌战略真是可怕，因为他在潜移默化之中就已经影响了你对部分事物（商品为主）的感官认知。所以虽然iPhone火了这么多年了，各类高仿手机层出不穷，也依然是——一直被模仿，从未被超越。因为你模仿得越多，反而越是推动用户去强化Apple产品设计形象认知：哦，那个白白的、方方的、薄薄的手机就是当今最火的iPhone啊。

        是不是很可怕的一件事？就好比《笑傲江湖》里的吸星大法，你内力越是深厚，就越是在助长施法者的功力。当然，凡事物极终必反，Apple掌门人换成了一个卖手机的，iPhone产品外观多年不变、产品功能体验停滞不前甚至倒退，用户已经开始出现审美疲劳，而且价格一直在高位，销量已经开始出现疲软，不过，这个跟本文主题无关，就撂下不表了。

2 颜色与产品族风格规划

        回归正题，在硬件产品中，颜色战略坚持得如此彻底的恐怕也是仅此一家，但在移动软件产品中，颜色战略的执行相对容易，因此也更加彻底，可谓是百家争鸣、各领风骚。

        在拟物化设计为主流的IOS6以前，因为产品功能信息主要通过逼真易懂的图形来传递给用户，产品设计追求看图识物，风格各异，图形精彩纷呈，所以APP的主题颜色作用似乎并没有特别明显。但是自IOS7之后，移动世界进入了扁平化设计时代，色块、文字、简易线形图标替代了原本细腻贴切的实物图标，信息表述更加抽象但是也更简明直接，产品设计大势也因此从“求异”转成了“趋同”。

        信息抽象化也就意味着单个内容的信息描述的可发挥空间更小，功能形象、操作体验都会越来越同质化、标准化、规范化。图形线形化之后，图标的信息描述维度从颜色、灰度、形状三维降成了颜色、形状二维，而形状维度最终也会因为相同功能图标的统一化而消失(因为在缺乏实物模拟信息辅助的情况下，统一化、标准化的抽象图标才能最大程度降低用户的学习成本、加快识别速率、提高操作体验的熟悉度)，因此颜色也就成了产品设计可发挥的唯一一个维度。

        例如最常见的分享图标，如果在拟物化设计时代，每个App都可以结合自身的业务使用场景来设计出具备自身领域特色的图标；但到了扁平时代，业务属性弱化，功能属性突出，现在的分享图标基本也就都长下面这样了，而且也“只能”长这样了，你要是换成其他“非主流”的图标，反而会被认为是业余设计，因为这说明你连业界基本规范都不懂：

        所以，在图形表达方式也趋同的大背景下，唯一能寻求的差异化优势也就剩下颜色了。而普通人日常可分辨的颜色总量其实也不多，即便是有经验的油漆工人也仅能识别到1000种左右，因此，如果能提早占据用户视觉中的一类主流颜色，形成色彩视觉战略制高点，也就能为公司移动产品战略垫定先发战略优势。我们的CMF3.0也是基于此考虑而应运而生。

        颜色战略，对于大公司而言，其实选择反而更加简单，因为每一个公司都会有自己的主打品牌形象，这个品牌形象在过去就已经或多或少地植入人心了。只是在过去主要通过品牌Logo与广告来表达，而在当今移动时代，由品牌Logo图像延伸出来的品牌主题很容易就能承担起移动端公司品牌形象推广的角色。

        在这一方面，放眼整个互联网界，目前而言，做得最好的是360打造的安全卫士产品族。说到360的产品形象，只要看过一眼或者使用过一次他家产品的人，都会记住他的绿色，这一点是非常非常精明的。其在软件产品端颜色战略上的运用功力，差不多可以与Apple平齐。这其中，也是因为他们的产品执行力足够强——所有360的产品，都是以绿色作为主题色，而且完整覆盖到了PC客户端、web站点以及移动App三大当今用户信息平台。

        这样做，既简单粗暴，又高效实用——就是在用户使用任一款360产品的过程中，不断强化用户潜意识对360绿色的品牌形象的认知，以期让用户在潜意识里就记住他的“绿”品牌形象。这一策略在PC端这一大容量内容平台上的成功大家应该已经有目共睹（虽然过程未必受大家认同）。

        这一方面的反面例子就是某鹅了，下图只是简单在其windows版客户端上截了一个图，从下面这张图可以看出——各个产品各自为政，并没有从集团产品族的高度来对产品风格做统一规划与设计。

      简单吐槽一下：

       第一个浏览器、最后一个电脑管家算是比较接近，都是蓝白主色调，但一个灰蓝色调，一个纯蓝色调，并不完全一致，反而有可能让用户觉得是百度的产品，因为百度产品以蓝白系居多。再说一下第三个音乐客户端，这个黄绿色调，很容易让用户误认为是360安全卫士的某个产品，因为360安全卫士本身就是黄绿色调Logo且全都是绿色系产品。而其余产品差别更大，根本不会被人认为是同一家公司出品。这样导致的后果就无法形成品牌合力，很容易被各个击破，这一点在移动端体现得更加明显。

        将色彩作为一种移动品牌战略，于单个产品设计本身并不难，难的是从整个公司层面来统筹规划公司整个产品族，将PC、Web、手机等所有用户终端纳入统一品牌风格规划，对用户形成全方位、无死角的“色彩轰炸”，从而最终将公司品牌形象根植人心。

3 移动产品风格设计

        公司产品族的品牌形象规划方面暂且就说这么多，接下来说说本文真正的重头——移动端品牌形象与产品风格设计。

        因为IOS系统的卓越，在扁平化设计时代，移动端APP产品的设计工作似乎已经变得相当容易——功能图标已有统一标准样式、操作流程也是极其规范成熟、用户功能操作习惯也已经养成并且协调统一，业务APP团队需要做的似乎就是根据自身领域业务需求将业务功能“填进去”。

        然而，越是趋同，也就容易陷入产品同质化的漩涡无法自拔，也就越难以设计出别具一格、耳目一新的产品。因为简单标准的东西大家都容易学会！真正的APP产品设计征程，虽然从“标准、统一”的起点出发，但终究还是要去到“大同中求取大不同，最终到达卓越不群”产品的终点!

        产品的卓越之道在于不断打磨、精益求精，永远没有终点，但是一路上的沉淀与反思总会帮助你不断喷发出灵感的闪光，从而铸就产品的传奇。

        因为篇幅与章节结构关系，上篇内容就只能写到这了，在下篇中，笔者将结合本次CMF 3.0的产品设计历程，详细谈谈这一路走来的产品设计体验。

        上篇务虚，下篇务实，理论指导实践，实践校正理论，产品设计亦是如此。