修改导语：在产品规划中，颜色是其间的一个重要元素。一方面，合理的颜色规划有助于捉住用户眼球，添补用户的视觉等待；但另一方面，若颜色运用不当，则或许导致品牌回忆被掩盖。本文作者介绍了产品规划中、怎么运用颜色心思学来传递信息的办法，一同来看一下。
最近一段时间，你或许看到过谷歌新的 G-suite 系列 icon，他们看起来毫无差异，令人难以差异，总的来说新规划令人一言难尽。
你也或许现已留意到由 Facebook 出品的 Messenger APP 的视觉更新，其间运用的强有力的渐变色添补了用户在视觉上不断增加的巴望。
颜色是美好的，其传递出的含义远大于物理特征，它能够经过颜色的刻画把充溢次序且安静的时间变得如焰火般绚烂且绚丽。
假如一场电影继续选用爆破镜头，必然会使每一次重要的爆破失掉本来的含义。假如一首歌曲充满了很多的自动调音，那么听起来也会短少改变，或许你会成为这种艺术风格的粉丝，或许你并不能承受这样的风格，但最成功的艺术形式，往往是在绚烂中寻求静寂。
怎么做到把静寂融入绚烂之中？为了精确地传达出颜色的含义，就需求首要考虑人类的感知心思（期望、颜色含义及情境）。
一、颜色心思学的规律 The ABC’s of Color Psychology
研讨标明，人们对颜色的认知影响着日子的方方面面。比方，依据报导，暖色的安慰剂药片比冷色的安慰剂药片愈加有用；赤色会使人发生更敏捷的反响；在体育比赛中身穿黑色运动服被处分的概率更高。
虽然以上说到的这些颜色认知效应人们并不生疏，但我仍然以为颜色心思学是没有规范的参阅准则的——颜色的成功取决于在特定情形和空间中对视觉风格的运用和掌握，而非生搬硬套某些规律。
就像白色在西方文化国际是纯真的标志，可是在东方文化里，白色是哀悼的颜色。
二、颜色认知胜过其他特性 Color cognition transcends other characteristics
还记得我说到过，充分运用颜色的特性能够让本来安静的规划变得绚烂绚丽吗? 经过这样的办法，颜色也能够很简略约束其他的物理特性，就像看到 G Suite 系列 icon 相同。
相关阅览：
你看到了什么？一开端，我的榜首感觉是这些 icon 由于他们运用了类似的配色计划。更重要的是，这些图标令人目不暇接，本来我还能以形状来差异他们，现在这些形状也完全被颜色掩盖了。
现在，看看单色主题运用到这些图标上会发生什么。奇妙的颜色调配强调了形状的不同，而不是让每个图标都绽放出焰火相同的颜色来含糊形状（我的示例并没有完美的匹配谷歌的颜色风格，可是该示例的要点在于颜色的运用而不是颜色是否匹配）。颜色并不一定是体现出跨程序协同系列的仅有元素——这些图标的形状现已展现出了软件之间互相的联络。
G Suite 是谷歌开发的系列工作软件，所以他们的 icon 在视觉上应该满足类似才干发生系列感，而且又要有显着的差异以便于不会混杂。
颜色具有显着的特性，它与情感和回忆有关。在谷歌的事例中，颜色的过度运用掩盖了形状间的细小差异，而这恰巧是差异这些 icon 的要害。
三、自上而下与自下而上的颜色感知处理形式 Top-down versus bottom-up processing
当你寻觅一款 APP 时，你会逐行查找，仍是直接阅览页面？假如你像我相同，你大概率会是后者。
在心思学中，有两种敌对的影响处理理论：自上而下和自下而上。
自上而下——是指咱们将预期投射到影响物上，然后处理得到的信息。自下而上——是指咱们处理完影响后，将咱们的预期投射到其他影响物上。在日子中这两种理论咱们都有运用。
以下榜首张图中，你看到了什么？
你或许会看到一个白色的形状，从漆黑的布景中锋芒毕露。这便是一个自下而上处理影响物的比方——白色的形状便是被处理的其他影响物，此刻将黑色区域淡入布景，便可得到白色的物体，由于黑色在技术上是指没有光（本来白色指 “无”，黑色是物体自身，可是当白色成为 “光” 时，黑色就变成了暗，白色就被凸显出来了）。
看下面这个图片，你现在看到了什么？
而在第二张图片中，现在的焦点变成了由黑色负空间构成的人脸。这便是自上而下的处理信息办法的比方。
假如这张图片是自下而上来处理的，中心形状反射出的白色光会突显出这个形状的存在，然后疏忽黑色部分的存在。黑色部分所表明的人脸就不会跳到远景部分而引起留意。
可是，黑色构成的负空间确实跳到了远景引起了留意，这是由于咱们的大脑现已进化到能够自动从图画中查找其表达的含义。
因而，自上而下和自下而上的处理办法是咱们在做规划时必需求考虑的要素。
四、运用 APP 时不同的感知处理形式 Different modes of processing in application
根据谷歌规划 G Suite 系列 icon 的办法，规划师更期望人们用自下而上的处理办法来感知这些 icon。日历 APP 中的数字 “31” 和 Hangouts APP 中的镜头 icon，更体现出这些 APP 之间的不同。
关于有丰厚运用经历的用户来说，或许能够差异出他们之间的不同之处，但假如用自上而下的办法感知时，这些细节或许会通通消失。咱们想要的不是把每一个 icon 都细心看一遍来寻觅咱们想要的产品，而是快速扫描以发现这些 icon 的要害差异。
颜色差异就成为最能有目共睹的特征，而谷歌运用这样的五颜六色形式，却使咱们无法经过颜色来差异这些 icon。
五、自上而下的感知处理办法的优缺点 Highs and lows of top-down processing
许多年来，一些表现力较强的 logo 在规划时，都运用了人们对自上而下的感知处理办法的偏好，经过快速可辨认的图画来引发人们的共识。成功的 logo 会马上唤醒咱们激烈的品牌情感回忆。
当看到这些 logo 的时分，你的反响是什么呢？
最开端进入到咱们脑际的或许便是品牌的姓名，接下来或许是下意识地对品牌定位的感知。
这种感觉是正常的，由于自上而下的处理办法现已把含义赋予给了图画。这就解说了为什么好的 logo 一般会运用白色和黑色。这也便是为什么你会前文事例中图片上的两张人脸。
当咱们把这些 icon 设置为黑色，它虽然没有显着的问题，但也因而失掉了满足多的风趣特征来引发人们的品牌感知。
六、怎么猜测人们的感知形式 How we can predict processing models
虽然每个人关于视觉信息的感知形式不同，但仍然有一些办法能够推荐给咱们。
了解你的规划类型——你是在规划一个 icon 仍是一个特征图片，大多数情况下，icon 是用来指引下一步运用途径的，而特征图片是需求被自下而上感知的，能够提示用户主要产品的信息。
了解你规划的情境——在运用 Facebook 的时分，或许你的眼睛会以自上而下的办法阅览有含义的帖子。可是，在你感兴趣的帖子里，你或许又会运用自下而上的感知形式来花时间细心了解这篇帖子的内容。
考虑层次结构——大多数 APP 的 icon 是存在在页面里的，可是有些是存在于文档中的。由于其结构层次的不同，存在于文档中的 icon 更简略被自下而上地了解。可是当告诉信息出现时，文档中的 icon 则会显得愈加显着。
七、怎么为自下而上的感知形式规划？How to design for top-down, how to design for bottom up?
在自上而下的感知形式中，规划是需求被约束和抑制的，由于它既不是要点，也不是更大体系中的一部分。
这种对规划的约束能够运用到许多不同的特征上，比方颜色、形状的杂乱程度和信息架构。更重要的是，规划需求在更大的体系中被评价是否是调和的。
自下而上的感知形式会遭到更少的约束。由于这些规划一般是在与周围元素隔脱离的状态下被处理感知的，运用自下而上的感知形式时会有更多构思的自在。
这便是为什么在自上而下的感知形式愈加普及时，公司会倾向于运用更简略的 logo；而在 logo 需求被独自检查而且自下而上感知时，会运用愈加杂乱的 logo（一般带有文本）。
八、总结 Summing it up人们对感知形式知之甚少，了解颜色心思发生的不同影响的人就更少了。咱们应该进行更多关于人们怎么感知视觉信息的研讨。就现在而言，现在有两种不同的处理视觉信息的形式，这两种形式在很大程度上影响了信息是怎么被终究传达和认知的。
本文翻译已取得作者的正式授权（授权截图如下）
作者：Christian Leong，译者：王英睿，修改：王娅，审阅：李泽慧、张聿彤；大众号：TCC翻译情报局
原文链接：https://uxdesign.cc/color-must-be-processed-before-it-expresses-meaning-16c85785990c
本文由@TCC翻译情报局 翻译发布于人人都是产品司理，未经许可，制止转载。
题图来自 Unsplash，根据 CC0 协议