第 11 章 色彩的心理账本与跨屏一致性

先看一个你迟早会遇到的场面。

你熬了两晚上,给客户做了一版主视觉。主色是蓝色,你挑得很认真:不是太亮的宝蓝(怕俗),也不是太暗的藏青(怕老),是一个中等明度、偏低饱和的蓝。你自认为挑得很专业。

客户看了一眼,说:“这个蓝不够科技感。”

你问:“那您想要什么样的?”

客户想了想,说:“就是……更有科技感一点。”

你回去改。你试着把饱和度提上去一点,把明度提上去一点,加个渐变,加个光晕。再给客户看。

客户说:“嗯,还是不太对。”

这时候你心里一定有一句没敢说出口的话:蓝就是蓝啊。什么叫科技感?

这句话你憋着是对的,说出来会显得你不专业。但我现在替你说出来:这个问题问得非常好,因为”蓝就是蓝”这四个字,恰恰是这一章要解决的核心矛盾。

从物理上讲,蓝就是蓝:色相、明度、饱和度确定了,它就确定了。但从一个活在社会里的人的角度讲,蓝从来不只是蓝。每一个颜色身上都背着一笔账——几十年的商业投放、几百年的文化沉淀、你个人的生活经历,全都记在这笔账上。

客户说”不够科技感”,他说的不是那个色值,他说的是这笔账上”科技感”那一栏的余额不够。

这一章讲两件事。第一件:这笔账怎么记上去的、你怎么读它,以及为什么它极不稳定、最容易在跨文化传播时翻车。第二件:同一个颜色凭什么在手机上看是一个颜色、印出来是另一个颜色,而且你没法让它完全一样。

这两件事看着不相干,其实有一个共同的根:颜色从来不是它自己,颜色是它所处的那套系统的产物。 前面那套系统叫”文化”,后面那套系统叫”色彩空间”。


一、“科技感”这三个字,到底在描述什么

先把那个客户的问题拆解掉。不拆的话,你接下来十年都会遇到同样的问题,而且每次只能靠猜。

“客户说不出需求是常见问题,但这跟颜色有什么关系?”

关系在于:在这个例子里客户其实说对了一半,只是用错了词汇。

来想:什么样的蓝会被说成”有科技感”?你脑子里应该已经跳出来几个画面了——深色背景,冷调,蓝或者青,带一点发光感,字是细的无衬线体,可能还有网格线,还有那种从深蓝到亮青的渐变。

这些画面从哪来?从过去二十年的科技产品视觉里长出来的。

回想一下:早年的企业级软件界面是什么颜色?深蓝。早期的大型机厂商为什么被叫”蓝色巨人”?因为机器是蓝的,宣传物料是蓝的。个人电脑兴起时操作系统默认窗口边框是什么颜色?蓝。链接默认是什么颜色?蓝。二十一世纪初那批芯片厂商、通信设备厂商主色是什么?蓝。再往后,云计算、企业服务、SaaS,几乎清一色是蓝。

几十年的重复投放,把”蓝”和”科技”焊死在了一起。

这不是天然的,是历史的。而且它有一个实在的技术起源:早年的显示和色彩还原技术里,蓝色最难做准、也最能体现”设备很高级”——这个细节先放一放,后面讲色彩空间时你会明白为什么说”能显示多少蓝”曾经是设备水准的标尺。

所以当客户说”这个蓝不够科技感”,他其实在说:这个蓝不在我脑子里那段”科技产品记忆”里。

那段记忆里的蓝有什么特征?四条,你对照自己挑的那个蓝:

一,冷得很明确。 不是带紫的蓝,也不是带绿的蓝,是明确的、偏青一点的蓝。

二,明度偏暗。 科技感的蓝很少是浅蓝、天蓝——那是”清新""医疗""教育”的蓝。科技感的蓝是中低明度,因为它要跟深色背景搭。

三,饱和度中等偏高但不刺眼。 纯度过低显得灰扑扑像没做完,过满显得廉价。

四,通常不孤立出现。 旁边会有一个亮青或亮紫的”发光”搭档,而且常常带渐变。

这四条没有一条是”蓝”这个字的本义,全都是这个蓝在过去二十年里被谁用过、怎么用的。

这就是色彩联想的真相:颜色本身不携带意义,意义是被使用场景反复写在它身上的。

理解了这一点,下次再遇到”不够科技感”这种需求,你就知道该怎么问了:不是问”您想要什么蓝”,而是问”您希望用户看到这个的时候联想到哪一类东西”。想到医院(蓝+白+低饱和)?银行(深蓝+金)?航空(蓝+白+大留白)?还是消费电子(深蓝+青+发光)?

这四种都是蓝,但它们是四个完全不同的蓝。

“那客户要是还是说不出来呢?”

那就给他看。找五张不同气质的蓝色系作品,问哪个最接近他想要的。他说出来一个,你就有锚点了。这个方法叫”情绪板”(mood board),不是什么高深的东西,就是把说不清的感受转化成可以指着说的具体样本。这一招在需求阶段能省掉你一半改稿。


二、色彩联想的三个层次

好,现在我们把它系统化。一个颜色让你产生某种感觉,这个感觉是哪来的?

我给你分三层。这三层是叠在一起的,绝大多数时候你分不清是哪层在起作用,但分清楚之后你就能判断”这个联想靠不靠谱”。

第一层:生理层。

这一层是最硬的,因为它不依赖文化,是身体层面的反应。

红色会加快心率、提高血压、增强警觉——这不是比喻,是有生理测量的。有研究发现身处红色环境的人会报告觉得时间过得更慢、也更容易感到饥饿;在一些运动比赛的统计里,穿红色队服的选手胜率略高(有争议,但方向一致)。

蓝色反过来:降低心率、让人平静。

黄色是所有颜色里明度最高的,对视网膜的刺激最强,所以天然”刺眼”——这也是警示牌、校车、出租车用黄色的原因。

还有一个你可能没注意的:颜色会影响你对时间和温度的感知。 红光房间里的人会觉得更热;暖色调的快餐店让你吃得快、走得快,暖褐加暗色的咖啡馆让你待得久、再来一杯。

这一层跨文化、相对稳定,可以放心用。

第二层:文化层。

这一层是学来的,所以它在不同文化之间会打架。

白色。在当代中国和大部分西方社会,白色是婚礼、纯洁、医院、干净。但在传统东亚丧葬礼仪里,白色是孝服的颜色,直接关联死亡。

红色。在中国是喜庆、年节、婚礼、兴旺;在股市里,“红”是涨(A 股是红涨绿跌)。而在欧美的证券市场,绿是涨、红是跌,恰好反过来。所以一个红色按钮,在一个中国用户眼里可能是”买涨”,在一个美股用户眼里可能是”卖出/亏损/危险”。

绿色。在伊斯兰文化里有神圣的含义;在中文互联网语境里,“绿”还有一个非常具体的负面梗,你懂的——所以任何面向中国用户的产品,都要非常小心地处理绿色的帽子、绿色的头饰、绿色的头顶元素。

紫色。在西方长期和皇室绑定,因为古代紫色染料极其昂贵(从骨螺里提取,几千只螺才得几克)。所以在欧洲语境里紫=尊贵=奢华;但在巴西和部分拉美国家,紫色与丧葬关联,用在庆典物料上很不合适。

黄色。在西欧某些国家与嫉妒相关,在部分东亚和拉美文化中与哀悼相关,同时又是快乐、阳光、注意力的通用色。

你看,同一个颜色在不同文化里的含义,可以相差 180 度。

第三层:个人经验层。

这一层最不稳定,但在个体身上最强烈。一个人小时候被黄蜂蜇过,可能对黄黑条纹产生本能反感;一个人前公司的工作服是藏青色,离职后看到藏青就觉得压抑。

这一层你没法研究,也没法设计。能做的是意识到它存在,并且在做用户调研时不要被一两个人的强烈反应带偏。

三层叠在一起,构成了你面对一个颜色时的全部反应。问题在于:你分不清哪层是哪种。

举个例子。你觉得红色”危险”。这是生理层(警觉)、文化层(消防车、禁止标志)、还是个人经验层(小时候被红笔批改的试卷吓过)?大概率三层都有,所以你会觉得红色”天然”就危险,觉得这是常识。但对一个从小在红色=喜庆的环境里长大、又没被红笔批改过的人来说,红色的”危险”意味要弱得多。

这就是为什么色彩联想极易被误当成”天然规律”。 你以为你在陈述事实,其实你在陈述你自己的履历。


三、行业色是怎么形成的:历史偶然加商业强化

理解了分层,我们来看那些”理所当然”的行业色。

科技为什么爱蓝?

前面讲了:几十年产品视觉的重复叠加。但我要补一个更冷酷的解释,它比”好看”重要得多:行业色一旦形成,就有了锁定效应。

假设你是 2010 年的一家云计算创业公司,要定品牌色,调研发现行业里头部玩家都是蓝的。你有两个选择:选蓝,用户一看就觉得”这是正经的科技公司”,认知成本低,但你会淹没在一片蓝里;选别的,你有辨识度,但用户第一眼不会把你归到”科技”品类,教育成本极高。

绝大多数公司选蓝。于是蓝的浓度进一步提高,进一步强化”科技=蓝”,下一批公司更不敢选别的。 这是正反馈循环。它的起点可能是偶然的(某个早期巨头的机器恰好是蓝的),但循环一旦转起来,就变得像自然法则一样坚固。

所以”科技=蓝”既不是天然的,也不是理性的最优解,它是历史偶然加商业强化的产物。

环保为什么是绿?

这个看起来最”天然”——树叶是绿的,环保是保护自然,所以绿=环保。但往深想一层:为什么不是棕色?土壤是棕的,也是”自然”的一部分。为什么不是蓝色?水、天空、地球从太空看都是蓝的(“蓝色弹珠”那张照片影响力极大)。

绿之所以胜出,有几个非常实际的原因:

第一,绿色的可辨识度极高。 可见光谱里人眼对绿光最敏感(还记得视锥细胞的敏感度峰值在 555 纳米吗,那正是黄绿)。所以绿色在远距离、小面积、快速扫视的条件下最容易被识别——这在包装和标牌上是巨大优势。

第二,绿色在商业上”干净”。 在被环保运动占用之前它没被大品牌重度占用:红色被可乐占了,蓝色被科技占了,绿色相对空白。

第三,也是关键的一步:政策与标准把它固化了。 各国的环保标识、回收标志、有机认证,陆续采用了绿(或绿+白)的配色。一旦写进标准,“绿=环保”就从”约定俗成”升级成了”制度事实”。

所以绿=环保,有自然联想的成分,但真正让它不可撼动的是后面那两步:商业占位和制度固化。

奢侈品为什么是黑白金?

这个最反直觉。一般人的想法是:奢侈品应该华丽、繁复、色彩丰富。但实际上,顶级奢侈品品牌的视觉系统绝大多数是近乎无色的:黑白,加一点金或银。

为什么?

第一,黑白是”减法”,而减法在视觉上等价于自信。 前面第 09 章讲过,自信的表达往往是压低音量的。一个满身颜色的人在喊”看我”,一个穿一身黑的人什么都不用说。

第二,黑白让位给产品。 奢侈品的主角是产品本身(包、表、衣服),不是包装。彩色包装会跟产品抢注意力,中性色包装是背景板。你去看看任何一本高端时装画册,版式几乎全是白底黑字,图片是唯一有颜色的东西。

第三,也是最实际的一条:黑白印刷最稳。 这一点跟本章后半部分连起来看会更清楚。黑白不需要担心色偏,任何印刷工艺、任何纸张、任何光照条件下,黑白金都能保持基本一致的观感。对一个全球投放、物料品类极多的品牌来说,这个稳定性值很多钱。

第四,金色有明确的历史包袱。 金=贵金属=稀有,这是生理层和文化层都成立的极少数颜色之一(黄金的色泽几乎在所有文明里都跟价值绑定)。所以黑白负责”高级”,金负责”贵”,分工清楚。

外卖为什么是黄和红?

黄色明度最高、最刺眼,在街道和手机屏幕上远距离可辨识度最强。外卖的场景是”我在路上、我很急、我要一眼找到那个骑手/那个 App 图标”,黄色是这个功能的最优解。

红色唤起度最高、最激发行动(点餐、下单、抢券),在中文语境里还有”红火、热闹、有食欲”的加成。餐饮用红黄另一个隐藏原因是红黄搭配对食欲的刺激——快餐行业几十年的实践证明这套组合能让客单价和翻台率都上去。

再加一条物理的:红黄都是长波色,在雾天、雨天、傍晚这些低能见度条件下穿透力最好。骑手的衣服要在车流里被看见,红黄就是答案。

所以外卖的黄红每一条都是功能性的,不是审美偏好。

四组摆在一起,规律是:没有一条是”天然法则”。 每一条都是”某个历史起点 + 几十年商业投放 + 某些功能性优势”的叠加。功能性优势是真实存在的(黄色的可辨识度、绿色的视觉敏感度、黑白的印刷稳定性),但有优势不等于必然胜出——胜出靠的是后面几十年的重复。

这个区分极其重要。因为如果你知道一个行业色是”被强化的历史偶然”,你就知道它可以被打破。 打破的代价很高(要花很多钱做教育),但近十几年已经有公司在”科技=蓝”的铁律里撕开了口子——用紫的、用绿的、用高饱和的珊瑚色,前提是投放预算足够、产品足够强。而如果你误以为”科技=蓝”是天然法则,你连试都不敢试。


四、翻车的几种类型

色彩联想不稳定,最容易在什么时候出事?跨文化传播的时候。

我给你列几种最常见的翻车类型。我不点具体的品牌名,因为点名没意义,你要记住的是翻车的结构。

翻车类型一:把颜色的吉祥含义直接搬过去。

某品牌在中国市场用红色做主推色,很成功(红=喜庆=热销=年节)。进入东南亚某个市场时,直接把红色物料平移过去。结果当地用户对红色的联想不是”喜庆”,而是另一套东西——可能与警示、政治、或者某种不吉利的民俗相关。物料铺下去,销量没动,还收到了投诉。

结构:颜色在本土市场积累的正面联想,在目标市场是零或者负的。 而设计团队根本没意识到”红=喜庆”是需要被验证的假设,他们以为这是常识。

翻车类型二:把颜色用在了错误的物件上。

这个类型特别隐蔽也最常见。一个面向中国用户的产品做了一次营销活动,主题色是绿色(因为产品是环保相关的),设计师给一个人物形象加了一顶绿色的帽子。评审会上没人发现问题,上线之后被用户截图传播,成了负面热点。

结构:颜色联想不是”颜色”的联想,是”颜色加物件”的联想。 绿色的草地没人觉得有问题,绿色的帽子在这个语境里是灾难。设计师看的是色块,用户看的是”一个戴绿帽子的人”。同类陷阱还有白花白布在某些文化场景里的用法、紫色在庆典物料上的用法。

翻车类型三:把颜色用在错误的方向上。

最常见的是红绿和涨跌。一个金融产品做出海版本,K 线图沿用国内的”红涨绿跌”,欧美用户看到满屏红色,第一反应是”我的持仓在亏”。这不是审美问题,是语义读反了,而且它致命,因为影响的是真金白银的操作。

结构:一个在本土市场被制度或惯例锁定了方向的颜色语义,在另一个市场被锁定了相反的方向。 两边用户都认为自己的方向天经地义,没人会主动怀疑。

翻车类型四:意义过载导致自相矛盾。

一个 App 里红色同时被用作:删除按钮、错误提示、未读角标、限时促销标签、会员等级标识。结果用户看到红色角标第一反应是”出错了”,点进去发现是促销;看几次之后他对红色脱敏了,等真有”账户异常”的红字提示出现,他也不看了。

结构:一个颜色在单个系统里被赋予太多互相冲突的含义,语义被稀释。 这跟”红色按钮大面积铺开会失效”是同一件事的不同版本:稀缺性才是意义的来源。

翻车类型五:忽略了颜色在特定行业里的”已被占用”。

某产品选了某个颜色做主色,上线后发现用户总把它和另一个完全不同行业的品牌搞混——因为那个颜色在那个行业里已被一个巨头占据了二十年。

结构:颜色是公共资源,先占先得。 你在选色的时候,竞争的不是一个色值,是一个”这个颜色在用户心智里归谁”的问题。

怎么防这五种翻车?我给你三条能落地的做法:

第一,把”颜色的含义”当成需求的一部分去确认,而不是当成常识。 跨文化传播前找目标市场的本地人问一句:“这个颜色在你们这里让你想到什么?” 就这一句能挡掉一半翻车。

第二,把颜色和它承载的物件一起检查。 不要只看色卡,要看成品画面里的具体形象。色卡上的绿是草地的绿,画面上的绿可能是帽子的绿。

第三,在系统内部给颜色做”语义分工”。 一个颜色只承担一个主要语义,剩下的用图标、文案、位置去区分。颜色是最贵的资源,因为它最稀缺、最直观、也最容易用完。


五、语义负荷:一个颜色背的东西越多,它越不自由

这一节我要给你一个我觉得是色彩领域最实用、但最少被讲的概念。

语义负荷(semantic load):一个颜色在其使用环境里已经承载的意义总量。

负荷越重,你的自由度越小。

我用界面设计解释,你会立刻懂。

红色。

在一个典型的中文互联网产品里,红色已经承载了:错误、失败、警告、删除、禁止、危险、未读消息、限时折扣、优惠券、热销、喜庆、涨停、爱情、直播、录音中……

你数数,这是十几种语义,而且其中”错误”和”喜庆”、“危险”和”优惠券”是完全冲突的。

结果是什么?你几乎没法用红色表达任何新意思了。

你想用红色表达”重要”,用户会读成”出错”。你想用红色表达”新功能上线”,用户会读成”打折”。

这就是语义负荷过重:颜色被用尽了,它不再能承载新信息。

对比一下:紫色。

在大多数中文产品界面里,紫色几乎是空的。它没有系统级语义(不像红黄绿有状态语义),也没有强行业绑定(除了某些特定行业)。

所以紫色的自由度很高。你可以用它表达会员、表达 AI、表达神秘、表达创意,用户不会带着预设去读它。

当然,这份自由是有代价的:用户也不认识你。用红色,你白捡”紧急”这个语义;用紫色,你得自己从头教育用户。

所以语义负荷是一个权衡:高负荷的颜色自带语义,但你不自由;低负荷的颜色自由,但你要付教育成本。

这个权衡具体出现在哪?

场景一:状态色。 几乎每个系统都需要”成功/警告/错误/信息”四个状态,行业惯例是绿/黄/红/蓝。这四个颜色一旦被状态语义占用,你在这个系统里就再也不能用它们表达别的东西了——一个绿色按钮,用户会本能期待它表示”确认/成功”,你拿它做”取消”,用户会点错。所以有经验的团队会给状态色留专属区域,规定它们只能出现在状态语境里:任何装饰性的绿色、红色一律禁止。这条规定看着教条,但它保护了状态色的纯净度。

场景二:品牌色和功能色打架。 你的品牌色是红色,同时你需要一个”错误提示”色。两者都用同一个红,用户就分不清”这是品牌装饰”还是”这是报错”。三个解法:一是把品牌红和错误红在明度/饱和度上明确区分(品牌红更纯更正,错误红更暗更沉);二是给错误提示加上强制的辅助手段(图标、文案、边框),不依赖颜色单独传意;三是干脆承认冲突,在错误语境里不用品牌色。

第三条最容易被忽略,但它往往是对的:品牌一致性不是最高价值,用户不误解才是最高价值。

场景三:深色模式下的语义迁移。 第 10 章讲过深色背景上颜色要重新调明度,这里多一层:语义也要重新确认。浅色模式的”成功绿”提亮之后会不会看起来像”在线”指示灯?“警告黄”提亮之后会不会像”高亮/选中”?颜色换环境时语义会漂移。 唯一办法是换完环境重新走一遍”这个颜色在这个语境下会被读成什么”的检查。

还有一条重要推论:语义负荷有地域性和时代性。

紫色的”空”是中文互联网产品当下的状态。如果明天某个巨头把紫色打成 AI 的代表色,两年后紫色负荷就满了。某个颜色在你的目标人群里是空的,在另一个人群里可能已经满了。

所以语义负荷不是静态属性,你要按具体的用户群体和时代重新评估,不能拿五年前的结论用。这也是为什么这一章反复强调”不要相信色彩联想是天然的”——它不天然,它会变,而且变化速度比你想的快。


六、跨屏一致性:色彩空间不是”更多的颜色”,是不同的边界

好,换一个完全不同的话题。

你一定遇到过这种事:电脑上调好一个颜色,看着很舒服,截图发给同事,他在手机上看说”这个颜色怎么有点艳”;拿去打印,打出来完全不是那个颜色——要么灰,要么脏,要么偏。

你的第一反应是什么?“是不是我的显示器没校准好?”

不一定。很多时候这不是校准问题,是物理限制。

要讲清楚,得先讲清楚一个被严重误解的概念:色彩空间(color space)。

“色彩空间我知道啊,sRGB、Adobe RGB 这些,Adobe RGB 的颜色更多。”

这句话里有个典型误解,我得先纠正:Adobe RGB 不是”颜色更多”,它是”边界形状不一样”。

要理解这句,你需要知道色域(gamut)是什么。

色域就是一个设备(或者一个色彩空间)能表达的颜色范围。

怎么表示这个范围?最通用的做法是在一张叫 CIE 1931 chromaticity diagram(色度图)的图上画。那张图你大概见过——一个马蹄形的色块,里面是人眼能分辨的全部颜色。

在这个马蹄形里,每一个色彩空间可以画成一个三角形。三角形的三个顶点是这个空间的三个原色(红、绿、蓝),三角形内部就是它能表达的所有颜色。

sRGB 是一个三角形。Adobe RGB 是另一个三角形。Display P3 是第三个。CMYK 印刷能覆盖的区域是第四个,而且它连三角形都不是,是个不规则形状。

关键的来了:这些三角形不是包含关系,是交错关系。

Adobe RGB 在青绿方向上比 sRGB 大一圈,能表达一些 sRGB 表达不了的鲜绿和青;Display P3 在红和绿方向上明显更外扩,能表达更饱和的红和绿,但在蓝的方向上跟 sRGB 差不多;而 CMYK 印刷的区域在亮蓝、亮绿、亮橙这些地方会明显往里缩——屏幕上那些特别鲜亮的蓝、绿、橙,印刷根本印不出来。

所以正确的表述不是”Adobe RGB 颜色更多”,而是:不同色彩空间是不同的边界形状。某些颜色在 A 空间里存在,在 B 空间里不存在,跨空间传递时越界的那部分必然丢失或被替换。

这对你应该很好懂:就像把一个 int64 塞进 int32 的字段,超出部分就得截断或报错。不关精度的事,是容量的问题。

几个常见空间的来历:sRGB 是九十年代定的,色域保守(要迁就当时最普通的显示器),但正因为保守,它成了最安全、兼容性最好的空间——今天网页上绝大多数颜色都是 sRGB。Adobe RGB 九十年代末定的,目标是尽可能覆盖 CMYK 印刷的色域,让屏幕到印刷的落差小一点。Display P3 源自数字影院的 DCI-P3,后来被消费电子厂商采用,在红绿方向上比 sRGB 大一圈,现在很多手机和电脑屏幕的物理能力已经超过 sRGB。CMYK 不是显示器的事,下一节专门讲。

这里有个极重要的现实:P3 屏幕能显示的颜色比 sRGB 多,你在 P3 屏幕上按 sRGB 方式工作会觉得颜色”偏淡”;反过来,用 P3 的鲜艳颜色做的设计投放到只支持 sRGB 的屏幕上,超出的颜色会被压缩,变得比你在自己屏幕上看到的更闷。

这就是”我在自己手机上看着挺好,发给别人就说太艳/太灰”——你俩的屏幕能力不一样,而且你的文件没有声明它用的是哪个空间。


七、屏幕和印刷为什么必然不同:这是物理,不是校准

现在讲最扎心的部分。

做过印刷物料的人一定体验过那种落差:屏幕上鲜亮的蓝,印出来变成发灰的蓝紫;屏幕上干净的绿,印出来变成脏兮兮的橄榄色。你会怀疑:是不是印刷厂不行?纸张不行?我没校准?

有可能。但即便印刷厂世界顶级、纸张最好、显示器刚校准过,那个落差依然会在。 三个根本原因:

第一,发光和反射是两套完全不同的物理机制。

屏幕是加色法:自己发光,红绿蓝三种光叠加,叠得越多越亮,三个都拉满就是白,颜色是”光直接进你的眼睛”。

印刷是减色法:自己不发光,你看到的是环境光打在纸上、被油墨吸收掉一部分之后反射进你眼睛的那部分光。油墨叠得越多吸收越多、反射越少,所以越暗,四种墨(青 C、品红 M、黄 Y、黑 K)铺满就是接近黑。

一个是往黑底上加光,一个是往白纸上减光。这两件事从原理上就不可能对齐。

第二,色域边界不同,而且差得不是一点。

CMYK 的色域在亮蓝、亮绿、亮橙这些区域明显往里缩,意味着屏幕上有一大片颜色是印刷物理上印不出来的——特别是高饱和的亮蓝、亮绿、亮橙、亮紫,恰恰是最”现代”、最”屏幕感”的那些。

这一点极其重要,因为近十年的设计趋势就是往高饱和、往亮的方向走。你在屏幕上调出来的那个漂亮的高饱和亮蓝,很可能根本不在 CMYK 里面。

那怎么办?只能找一个 CMYK 里最接近的颜色替代它,这个过程叫色域映射(gamut mapping)。不同映射策略结果不同:有的保饱和度(牺牲明度),有的保明度(牺牲饱和度),有的保色相关系。不管用哪种,它都是”另一个颜色”。

第三,颜色取决于光,而光会变。

这一条最容易被忽略,但造成的落差往往最大。你看到印刷品的颜色 = 光源的光谱 × 纸张的反射特性 × 油墨的吸收特性 × 你的视觉系统。光源变了,颜色就变了。

办公室日光灯下、窗边自然光下、商场暖色射灯下,同一个印刷品是三个颜色。这就是同色异谱(metamerism):两个样品在一种光源下一样,在另一种光源下不一样。而屏幕没这个问题——它自己发光,什么环境光下射出的光都是那一个。

所以印刷行业约定了标准观察光源(通常是 D50 或 D65,代表不同色温的标准日光)。在”标准光源灯箱”下看打样才是”正确的”颜色,普通办公室看到的不算数。

把这三条合起来:加色/减色的机制差异 + 色域边界的重叠不全 + 观察光源的不确定。这三道坎,没有一道能通过”校准”跨过去。

校准解决的是”我的设备有没有按它应该的方式工作”。而这里的问题是”它本来就只能工作到这一步”。

“导师,那我怎么办?总不能不做印刷吧。”

做,但要改变预期和流程。下一节讲具体怎么做。


八、实用的应对思路:在设计流程的哪个环节做什么决策

我不给你”怎么校准显示器”这种操作指南(那不是这门课的事,而且你能搜到),我给你决策层面的思路:在一个项目的时间线上,哪个节点该做什么判断,才能把翻车概率降到最低。

环节一:定色之前,先定媒介。

这是最重要也最容易被跳过的一步。在你定主色的那一刻,你就该知道这个设计主要给屏幕看、还是要印出来、还是两者都有。

如果两者都有,从一开始就该选一个在两个空间里都站得住的颜色。什么样的颜色站得住?

  • 中等饱和度比高饱和度安全。 高饱和是第一个被牺牲的。
  • 中等明度比极亮极暗安全。 极亮的鲜艳色印刷几乎必然掉。
  • 偏离”危险区”的颜色安全。 最经典的印刷掉色区是:鲜亮的蓝(变紫灰)、鲜亮的绿(变脏)、鲜亮的橙(变土)、鲜亮的紫(变灰)。

所以很多时候最好的方案是在定色阶段就回避问题,而不是在印刷阶段救火。

环节二:做设计的过程中,留意色域警告。

大多数专业设计软件都有一个功能:告诉你当前这个颜色是否超出了目标色彩空间的边界(叫色域警告或超色域提示)。你不需要记住怎么打开它(那是操作),但要知道这件事存在,而且定关键色时该看一眼。

什么时候必须看?定品牌色、主色、任何需要在多个媒介保持一致的关键色时。 一个超色域的品牌色,会在每一次出印刷物料时给你制造一次事故,这个成本比定色时多花十分钟找个”能落地的”替代色高得多。

环节三:出稿之前,做软打样。

软打样(soft proof)的意思是:在屏幕上模拟最终输出媒介的效果,也就是看一个”假装印出来是这个样子”的版本。

它不万能——屏幕是发光的,模拟反射光总有偏差。但它能帮你提前看到最致命的那部分落差:哪些颜色会明显变灰、哪些会变暗、哪些层次会并到一起。软打样的价值不在”精确”,在”提前”:让你在还能改的时候发现问题,而不是在印刷厂开机之后。

环节四:必须准的颜色,用色卡,不要靠屏幕。

这条适用于”差一点都不行”的场景:品牌主色、包装主色、需要跨批次保持一致的产品色。办法是对照标准色卡(比如 Pantone 这类专色系统)来指定颜色,而不是给一个屏幕上的数值。

为什么?色卡是独立于任何显示设备的物理参照物。你跟印刷厂说”我要这个色号”,双方手里拿的是同一个物理标准,而不是各自屏幕上的一块像素。本质是:当你需要确定性时,要引入一个不依赖设备的第三方标准。

这跟你的专业很像:两个服务之间传数据,你要定一个与实现无关的契约(protobuf、schema),而不是依赖某一端的内存布局。色卡就是颜色的契约。

环节五:给印刷留余地。

降低对”完全一致”的期待。 屏幕和印刷能做到的是”接近”和”同一个气质”,不是”同一个色值”。你要守的是关系和气质(这个蓝比那个灰亮多少、这个红是不是最跳的),不是绝对值。

避开大面积的平铺高饱和色。 大面积平铺在印刷上最容易出问题:高饱和本来就危险,而且大面积平铺对油墨均匀性极其敏感,稍微不均就会”花”。小面积的高饱和色块反而好印。

关键色尽量用”干净”的墨组合。 有些颜色两三种墨就能干净地调出来,有些要四种墨一起上,后者更容易偏。定色时问印厂一句”这个颜色好不好印”,能省很多事。

先打样,再批量。 这条是废话,但它是被违反最多的废话。

环节六:验收时,在正确的光下看。

拿到打样或成品,不要在随便一个灯下下结论。日光下的窗边,或者标准光源灯箱,才是判断颜色对不对的地方。这一条能解决大量”我以为印错了”的虚惊,也能暴露真正的错误。


九、色彩管理的基本原理:一句话

前面讲了一堆,我把它压成一句话。

色彩管理的全部原理就是:给每一个环节标注它用的是哪个色彩空间,让每一次转换都有据可依。

展开一点说。

一个颜色从你脑子里到一个用户眼前,中间要经过很多环节:你的设计软件、你的显示器、你存的文件、别人打开这个文件的软件、他的显示器,或者印刷厂的制版、油墨、纸张。每一个环节都有自己的色彩空间。

如果什么都不管会怎样?每个环节按自己的默认理解处理这个颜色:A 软件以为这个数值是 sRGB,B 软件以为它是 P3,显示器按自己的物理能力显示它。结果是每一步都在丢失或扭曲信息,而且你不知道错在哪一步。

色彩管理做的事非常朴素:

第一步,给每个环节贴标签。 这个文件是 sRGB 的,那台显示器能覆盖 P3,这台打印机的特性是这样的。这个”标签”在技术上的形式叫 ICC profile(色彩特性文件),你可以把它理解成这个设备的”色彩身份证”,上面写着”我能表现哪些颜色、我怎么理解数值”。

第二步,有了标签,转换就有据可依。 从 sRGB 转到 CMYK,系统知道两端的边界在哪,就能做色域映射;从 P3 转到 sRGB,系统知道哪些颜色要被压缩。转换依然会损失,但损失是”已知的、可控的”,不是”随机发生的”。

所以色彩管理不是让颜色不变,是让变化可预测。

这句话你记住,就理解了色彩管理的全部价值主张。它不承诺无损,它承诺可预期。

对你的实际工作,这意味着三条很朴素的纪律:

一,知道你的文件现在在哪个空间里,并且在导出/交付的时候明确声明它。 不要”随便存一下”,因为接收方会用他的默认理解去打开它。

二,不要在不同空间之间反复来回转换。 每一次转换都有损失,来回几次颜色就烂了。这跟反复压缩图片是一个道理。

三,链条上最保守的那一环决定了最终效果。 如果你的文件是 P3 的,但接收方只能显示 sRGB,那最终效果就是 sRGB 的,你多出来的那部分色域根本不会被看到。所以按”最保守的那一环”来工作,通常是最安全的选择——除非你明确知道受众用的是高端设备。

最后补一句给你这个工程师的解释方式,你一听就懂:

色彩空间就像字符编码。 一个字节序列,用 UTF-8 解和用 GBK 解,得到的是不同的字。乱码不是因为数据坏了,是因为解码方用错了编码。颜色同理:同一个数值,用 sRGB 解和用 P3 解,是两个颜色。色彩管理做的,就是在数据里带上”我是用什么编码写的”这个声明。


十、跨场景:同一套判断,五个不同的现场

场景一:一个出海 App 的主色决策。

国内团队做了一个效率工具,主色是红色(国内很成功:醒目、有行动感、符合国内用户对”重要”的直觉)。现在要做出海版本。

直接把红色平移过去,行不行?按前面的框架走一遍:

第一,红色的语义负荷在全球范围内非常重:错误、危险、停止、亏损(在欧美的金融语境里)。你要用它表达”重要/行动”,用户第一反应可能是”出问题了”。

第二,红色的生理唤起度最高。 工具类产品用它做主色,长期使用疲劳感会很高——效率工具是每天开十几次的东西,不是促销页面。

第三,红色在欧美市场已被几个超大型品牌重度占用,你的辨识度会很低。

所以合理的决策是:出海版本不用红。

换什么?这不是审美选择,是战略选择。两个方向:一是用低负荷的颜色(紫、青绿),付出教育成本换辨识度;二是跟随当地行业惯例(效率工具类在欧美大量用蓝、用靛蓝),付出辨识度换认知效率。

关键不是选哪个,而是你要意识到这是需要被明确讨论的决策,不是”设计师挑个好看的颜色”。

场景二:一份要同时出现在屏幕和印刷上的品牌手册。

一个连锁餐饮品牌,主色是”很跳的橙”,在手机屏幕上非常漂亮——高饱和、高明度,在白底上像要跳出来。现在要做门店的灯箱、菜单、包装。

会发生什么?那个橙在印刷上会往”土黄”的方向掉,因为高饱和的亮橙恰好在 CMYK 色域的外面。印出来的橙跟手机上的橙不是同一个橙。

三个选项,各有代价:

一,改品牌色,选一个印刷也稳的橙。 代价是屏幕上的效果变弱,而且要改动大量已有物料。

二,分两套:屏幕上用亮橙,印刷上用一个”印刷专用橙”(在 CMYK 里尽可能接近的那个)。 代价是品牌色不再是”一个”颜色而是一组,你要写清楚规范。

三,接受落差,只保证”气质一致”。 代价是严苛的客户会问”为什么 App 上的和菜单上的不一样”。

绝大多数成熟的品牌选的是选项二,只是很多团队没把它写进规范,导致每次出物料都要重新吵一遍。

顺带一个细节:包装这类物料还有个额外的杀手——大面积平铺的高饱和橙。 大面积平铺对油墨均匀性极敏感,稍微不均就”花”。所以在包装上,那个橙往往要比屏幕上用得更少、更碎。

场景三:一次摄影作品的跨设备展示。

一个摄影师拍了一组日落,天空是从橙到紫的渐变,层次极其丰富。他在自己的广色域显示器上修完,非常满意。发到网上,很多人说”有点过”。

为什么?他的显示器能显示 P3 甚至更广的色域,而绝大多数观众用的是 sRGB 屏幕。他修的那些”刚刚好的鲜艳”,在观众的屏幕上被压缩,层次并到了一起,看起来就像”过饱和”。 这跟审美水平没关系,是参照系不一致。

对策不是”修得淡一点”(那是在自己屏幕上迁就别人,你根本不知道该淡多少),而是:导出时明确转成 sRGB,并在导出前做一次软打样,看转换之后层次还在不在。 如果转完之后天空那段渐变层次没了,说明你原来修的时候层次是靠超色域拉开的,得回去重修。

这条给所有做视觉的人:你的最终交付环境是什么空间,你就该在那个空间里检查。

场景四:一次会议投影的配色。

这个场景太日常了,几乎没人认真对待,但它是跨屏翻车最集中的地方。

你做了一份深色背景的 PPT,深蓝底、浅色字,在自己笔记本上非常清楚。到了会议室接上投影仪,投出来是一团糊:字看不清,颜色发灰,整个画面像蒙了一层雾。

三个原因叠加:一,投影仪的色域和亮度远不如笔记本屏幕,动态范围窄,深色全部压到黑,浅色提不上去,你精心设计的”深蓝和更深蓝之间的层次”全没了。二,会议室有环境光,环境光打在幕布上把黑色抬成灰色,对比度进一步崩塌——这是屏幕没有的问题(屏幕自发光)。三,很多投影设备对深蓝、深红这类暗色的还原极差。

所以给投影做设计,规矩和给屏幕做设计不一样:用亮底深字,用大对比,用大面积色块而不是细腻的渐变和细线,避免”深蓝配深紫”这种靠细微色差区分的方案。

这不是审美保守,这是对输出媒介的尊重。你在为”最差的那一环”设计。

场景五:一个电商商品的色差投诉。

用户在手机上下单了一件”藏青色”外套,收到货觉得是”黑色”,申请退货,理由是”色差太大”。

这是谁的错?多半谁都没错,但每一环都贡献了一点:商品图在影棚灯光下拍的、后期提亮了;用户手机屏幕可能偏冷,也可能开了护眼模式(护眼模式会大幅改变屏幕色温,很多人常年开着);实物的藏青在日光下确实接近黑。

这条链上有三个可变因素:拍摄光源、显示设备、观察环境,任何一个不标准,最终感知就会漂移。

对策是承认色差存在,然后在流程上削减它:拍摄时用标准光源并做色彩校准、提供多个角度和光照条件下的图、在详情页说明”显示器差异可能导致轻微色差”,以及对色差敏感的商品(服装、家居、涂料)提供实物色卡寄送服务。

这又回到了那条原则:当你需要确定性时,引入一个不依赖设备的物理参照物。


心法

这一章讲了两件看起来不相干的事:色彩的意义,和色彩的跨媒介一致性。我把它们缝起来,因为它们的根是同一个——

一个颜色从来不是它自己。它的意义来自它所处的社会系统,它的呈现来自它所处的技术系统。

先说意义那一半。我们反复在讲:“科技=蓝”不是天然的,“环保=绿”不是天然的,“红=喜庆”不是天然的。 它们是历史偶然加商业强化加制度固化,一层一层写上去的。

我希望你真正接受这个结论,因为它有一个很硬的推论:

如果颜色的意义是被写上去的,那它就可以被改写。

这句话有两层意思。

第一层是防守性的:不要把你自己的联想当成普遍真理。

你觉得红色危险,是因为你在红色被用作警示的环境里长了三十年;你觉得白色干净,是因为你在医院和现代设计的语境里看惯了。这些都是你的履历,不是世界的属性。 一旦走出你的语境——做跨文化的产品、面向不同年龄层或不同 subculture 的产品——这套联想就是负债,不是资产。

我见过太多次:一个设计师坚信某个颜色”就是高级的”或”就是廉价的”,说不出理由,只能反复强调”你不懂”。他不是在陈述事实,是在陈述他的履历,而且把履历当成了物理定律。这是这一章要防的第一个毛病:把个人经验误认为普遍规律。

第二层是进攻性的:既然意义是被写上去的,你就可以参与书写。

这一层更重要,更少有人讲。一个行业色看起来坚不可摧(“科技必须蓝”),是因为被几十年的投放焊死了,但焊死不等于不可能撬动——过去十几年已经有品牌在多个品类里把”非惯例颜色”打成了自己的资产:用紫的、用粉的、用高饱和的珊瑚色。

它们的共同前提是:有足够的重复曝光量,以及一个足够好的产品。 意义是”重复”写上去的,那你只要有足够的重复,你也能写。

这意味着:当你被要求”用行业的标准色”时,你至少该知道这是一个可以被讨论的商业决策,而不是一条必须遵守的物理定律。 你可以提不同方案,但要同时提出代价(教育成本、认知摩擦),让决策方自己权衡。这就是”敢直接说不”和”盲目反传统”的区别:前者知道代价,后者只知道姿态。

再说呈现那一半。

屏幕和印刷的落差、不同屏幕之间的落差,同样不是”谁的错”,它是两套物理机制的必然结果。加色和减色是两回事,反射光和自发光是两回事,色域边界是交错的不是包含的。

这里的心法是:把”追求一致”换成”管理落差”。

新手的目标是”让印刷和屏幕一模一样”。这个目标达不到,于是他一生都在跟印刷厂吵架,或者陷入”是不是我显示器不行”的自我怀疑。高手则是承认落差必然存在,然后在流程上管理它:定色阶段避开危险区、关键色用色卡这种设备无关的契约、出稿前软打样、验收时在标准光源下看。他追求的不是”无损”,是”可预期”。

两半的共通点是什么?色彩的”意义”和”呈现”都是系统属性,不是颜色本身的属性。

一个颜色在你眼里是什么意义,取决于你生活在哪个文化里、接受过什么样的商业曝光;一个颜色在你眼前是什么样子,取决于它从哪个设备发出、走过哪些色彩空间、在什么光下被看到。颜色是空的,是系统在给它赋值。

这个认识会改变你做事的方式:面对意义问题,你不再争论”这个颜色到底高级不高级”,而去问在目标用户那套系统里这个颜色被赋了什么值;面对呈现问题,你不再追问”为什么印出来跟屏幕上不一样”,而去查这条链路上有哪些环节、每个环节用的是哪个空间。两件事最后都指向同一个动作:先搞清楚系统,再谈颜色。

这也是我把它们放在同一章的原因——它们不是两个话题,是同一个道理的两面。

最后一句可以直接带走的话,也是这一章、整个色彩模块的收尾:

颜色的意义是被社会写进去的,颜色的呈现是被设备决定的,唯独不是被它自己决定的。所以面对任何色彩问题,你的第一个问题永远不该是”这个颜色对不对”,而应该是”这个颜色在哪个系统里”。


小结

这一章从一个让你憋屈的问题开始:“这个蓝不够科技感——蓝就是蓝啊。”

答案是:蓝确实不只是蓝。 每个颜色身上都背着三层账:生理层(红色真的会加快心率,跨文化稳定)、文化层(白和红在东西方含义可以相反)、个人经验层(你自己的履历,最强烈也最不可控)。

而那些看起来”天然”的行业色——科技蓝、环保绿、奢侈品黑白金、外卖黄红——没有一个是从天上掉下来的,它们都是历史偶然 + 功能性优势 + 几十年商业强化的产物。功能优势解释了它们为什么”有竞争力”,商业强化解释了它们为什么”胜出”。分清楚这两件事,你才知道什么可以被打破。

由此得到两个判断工具:色彩联想极不稳定,跨文化时最容易翻车;语义负荷越重,颜色的自由度越小。

下半章处理了同一个颜色为什么在不同设备上不一样。核心是色彩空间不是”更多的颜色”,是不同的边界形状——sRGB、Adobe RGB、Display P3、CMYK 是几个交错而不是包含的图形。屏幕和印刷的落差有三道物理坎:加色与减色的机制差异、色域边界的重叠不全、观察光源的不确定,没有一道能靠校准跨过去。

应对不是追求一致,是管理落差。色彩管理的全部原理就一句话:给每个环节标注它用的是哪个色彩空间,让转换有据可依。

你带走的一句话:颜色是空的,是系统在给它赋值。面对任何色彩问题,先问”它在哪个系统里”,再问”它对不对”。

到这里色彩模块就走完了:颜色属于谁(06)、色环为什么互相打架(07)、明度为什么是老大(08)、配色公式的生理账(09)、冷暖怎么造空间(10)、意义层与跨屏一致性(11)。下一章进入第三个模块”构成”,你会发现构成里几乎所有问题最后都会变成”关系”问题,而不是”元素”的问题——这跟色彩完全同理:明度是老大,因为明度是关系;颜色是空的,因为意义是关系。


【思考题】

  1. 找一个你所在行业的”行业标准色”(科技的蓝、医疗的白蓝、金融的深蓝金、教育的橙、餐饮的红黄都行),然后问自己:如果我现在做一个这个行业的新品牌,我能不能不用这个颜色?如果不用,我要付出什么代价?如果要付出代价,这个代价具体是什么(是用户不认识我?是渠道不给我位置?还是纯粹因为老板不敢)?

  2. 红色在中文互联网产品里已经承载了十几种语义。请你列举你常用的三个 App,分别统计一下红色在它们里面被用作了哪些意思。然后想一想:如果你要在其中一个 App 里新增一个”重要但不紧急”的功能提示,你会用什么颜色?为什么?

  3. 你在自己手机上看到一个设计,觉得颜色很漂亮;发给朋友,朋友说太艳。请列出至少三种可能造成这种差异的原因,并对每一种说明:它是”设备能力差异”、“文件声明缺失”、还是”观察者偏好差异”?这三种的应对方式有什么不同?

  4. 有人说:“既然屏幕和印刷永远不可能一致,那我在屏幕上调色的时候就不用管印刷了,反正也会变。“请指出这个想法错在哪。它混淆了哪两件事?

  5. 假设你要给一个面向中老年用户(55 岁以上)的健康类 App 定主色。请用色彩联想的三个层次,分别分析:生理层给了你什么约束?文化层(针对这个特定年龄段和地域)给了你什么约束?你会怎么在这两层之间做取舍?

  6. “语义负荷越重,自由度越小。“请举一个你自己观察到的例子(不一定要是界面,可以是服装、汽车、包装、城市空间),说明某个颜色在某个领域里被”用尽”之后发生了什么。

【参考答案】

  1. 这道题我想让你体会的是:行业色的约束力,到底是哪种力。

    先把它拆成三部分,因为这三种”代价”的应对方式完全不同。

    第一种,认知成本。 用户看到你的颜色不会自动把你归类到这个行业。这是真实成本,但可以用钱买——足够的曝光量能重新建立联想。所以它的本质是”市场预算”。

    第二种,渠道成本。 有些渠道(商超货架、应用商店分类页、行业展会)确实存在”视觉惯例”,不遵守会让物料在同类里显得突兀。这也是真实成本,但通常比你想的小——用户识别品牌靠的是形状和组合,不只是一个颜色。

    第三种,内部成本。 也就是”老板不敢""投资人不认可""决策链上没人愿意担责”。这一条往往最重要,但它不是设计问题,是组织问题。

    我见过太多被归为”行业惯例”的决策,其实是第三种伪装成第一种。有人跟你说”我们这个行业必须蓝”,你要追问一句:“是用户会不认识我们,还是我们自己不放心?” 这两个问题的答案通常不一样。

    真正该做的是:把这三笔账分开算,然后让决策方看着三笔账做决定。 一个设计师的价值不在于”敢用紫色”,在于”能说清用紫色要花多少钱、换来什么”。

  2. 这个练习的目的是让你亲手验证”语义负荷”,而不是听我讲。

    你大概率会发现:常用 App 里红色至少承担五到六种语义,而且必然有几对是冲突的(比如”错误提示”和”促销标签”)。

    接下来那个问题——新增一个”重要但不紧急”的提示用什么颜色——是这道题真正想让你想的。我的建议是:不要用颜色作为主要手段。

    原因很简单:颜色这个资源在你的系统里已经用尽了。红黄绿蓝各有各的语义,塞进去第七种只会让已有语义进一步稀释。正确做法是换维度:用图标、位置、留白、动效、文案。一个”重要但不紧急”的提示可以是带图标的卡片、页面顶部的横条、需要滑动才能消除的元素——都不依赖颜色。

    如果一定要用颜色,就用系统里负荷最轻的那个:在大多数中文产品里是紫、青或某个自定义的中间色。代价是用户不认识,好处是不跟已有语义打架。

    这里有个更普遍的道理:当一种资源被用尽时,正确反应不是硬挤,是换一种资源。 界面上能用的区分手段至少有七八种(颜色、大小、形状、位置、留白、动效、图标、文案),颜色只是最容易想到的那一种,也往往是最先被用尽的那一种。

  3. 三种原因,分属三个不同的类别,应对方式完全不同:

    原因一:两台设备的色域能力不同(设备能力差异)。 你的手机是广色域屏(能显示 P3),朋友的是普通 sRGB 屏,你用了超出 sRGB 的颜色,在他那边被压缩了。应对:交付前转换到目标空间,并做软打样检查;最终交付给大众看的,就按最保守的那一环(sRGB)来工作。

    原因二:文件没有声明自己的色彩空间(文件声明缺失)。 同一个数值,接收方软件按 sRGB 解和按 P3 解是两个颜色,他那边解错了就漂了。应对:导出时明确标注并嵌入色彩特性信息。 这一类最容易修,因为它是”信息缺失”不是”能力不足”——跟字符编码一个道理,标清楚了就不乱码。

    原因三:屏幕设置和观看环境不同(环境/观察者差异)。 他开了护眼模式(色温大幅偏暖)、亮度更高、在阳光下看。应对:这一类你没法改,只能承认,能做的是关键决策不依赖单一设备的观感——多看几台设备、看灰度图确认明度关系、必须准的颜色用物理色卡。

    前两类是技术问题,第三类是现实约束。 很多人把这三类混在一起,于是要么过度纠结(想让所有人在所有设备上看到一模一样),要么过度放任(“反正每个人看的都不一样,那我随便做”)。分清楚之后你就知道:前两类要修,第三类要接受。

  4. 这个想法混淆了两件事:“不可能完全一致”和”完全无法控制”。

    屏幕和印刷确实不可能一致,这一点我们这一章讲透了。但从”不可能百分之百一致”推不出”做什么都一样”。这两个极端之间,是一大片可以管理的空间。

    举个具体的例子。两个设计师都做了一个亮蓝色的主视觉。

    甲从没想过印刷的事,选了一个饱和度拉满的亮蓝。 乙在定色时看了一眼色域警告,发现这个蓝超了,于是选了一个在 CMYK 里能落地的、稍微收一点饱和的蓝。

    印出来之后,甲的蓝变成了灰紫色,乙的蓝还是蓝——只是比屏幕上暗一点、闷一点。

    两者都不一致,但一个是”变成了另一个颜色”,一个是”还是那个颜色,只是弱了一点”。 这个差距,对品牌来说是巨大的。

    再举一个:甲在屏幕上用了大面积平铺的高饱和色,乙改成小面积点缀色。印出来之后甲的物料”花”了,乙的干干净净。同样是”不可能一致”,甲每次都在救火,乙每次都只是轻微偏差。

    所以这个想法的错误在于:它把”无法消除的系统性偏差”当成了”放弃所有控制”的理由。系统设计里到处都是这种情况——网络延迟不可能消除,但你依然要做超时重试和降级;浮点计算不可能精确,但你依然要选合适的精度。

    工程思维在这里跟设计思维是一样的:接受不可消除的偏差,然后管理它。

  5. 这题我给一个分析框架,具体答案你自己填(因为不同地域的文化层差异很大)。

    生理层给你的约束:

    一,对比度要够。 中老年用户的晶状体变黄、透光率下降、对短波(蓝紫)分辨能力下降,对比敏感度整体降低,低对比的设计在他们眼里会糊成一团。明度对比和色相对比都要拉大,不要用靠细微差别区分的方案(这跟第 08 章”明度是老大”一致)。

    二,避开蓝紫作为关键信息载体。 晶状体变黄会吸收短波,蓝紫在他们眼里会变暗变灰,跟紫黑难分。所以”深蓝底配紫色字”这种你看得很清楚的方案,在他们眼里可能是一团黑。

    三,黄色要小心。 黄色对视网膜刺激强,老年用户对眩光更敏感,大面积高亮黄会造成不适。

    文化层给你的约束(以中国大陆这一代人为例):

    一,红色在这个人群里负荷极重,但方向是正面的——喜庆、热闹、年节、健康、有精神。所以健康类 App 用红色不像在年轻用户产品里那样”危险”,但也可能被读成”促销”或”警告”,看具体语境。

    二,绿色的联想比年轻人正面——健康、生机、安全、放心,而不是那个网络梗(那个梗的传播基本限于更年轻的群体)。

    三,小心过度”年轻化”的配色。 高饱和的粉、荧光色、强渐变在这个人群眼里不是”时尚”,是”不庄重""不正经”。健康类产品的可信度对他们极其重要。

    两层怎么取舍?我的建议是:生理层优先级更高,因为它是硬限制。 文化层是”倾向”,生理层是”能不能看见”。用户看不见的东西,联想再正面也没意义。

    实际操作顺序是:先用生理层筛掉不可行的(低对比、蓝紫、大面积高亮黄),再在剩下的可行区间里用文化层挑一个语义最合适的。 大致落在中高对比、暖色为主(红/橙/暖绿)、避免大面积冷色的区间。

    最后补一句:这个人群内部差异极大。 一个 55 岁的大学教授和一个 75 岁的农村老人,视觉能力和文化联想完全不同。这类产品更应该做真实用户测试,而不是靠推理。

  6. 这道题我要你看的是”用尽”之后会发生什么,我给几个方向,你对照着看自己想到的例子是不是同一个结构。

    方向一:语义稀释。 一个颜色承载太多意思,用户对它脱敏——“到处都是红的”之后,红色不再意味着紧急。看你的例子里有没有这个现象:某个颜色出现得太频繁,以至于它不再传递任何信息。

    方向二:语义冲突导致误操作。 同一个颜色在系统里表示两个相反的意思,用户按错。前面”红涨绿跌”在不同市场的冲突就是这个结构。

    方向三:语义固化导致无法更新。 一个颜色被牢牢绑在旧含义上,品牌想转型却转不动。比如某个颜色在用户心里已经等于”廉价”,只要还用它就摆脱不掉。

    方向四:先占导致的拥挤。 一个领域里所有人都用同一个颜色,结果是谁都没有辨识度——你能说出这个行业所有品牌都是什么色,却说不出哪个品牌是哪个色。

    四个方向的共同点是:颜色是稀缺资源,价值来自稀缺性,而稀缺性会被过度使用消耗掉。

    这跟上一章”红色按钮小面积最跳、大面积铺红会失效”是同一件事:那个讲视觉上的稀缺性,这个讲语义上的稀缺性。底层一致——对比才能产生信息,对比需要差异,差异需要有人”不做什么”。


【动手练习】

  1. 行业色考古:挑一个行业色,查它的来历

    选一个你感兴趣的行业色(科技的蓝、环保的绿、医疗的白蓝、金融的深蓝金、咖啡的棕、婚庆的红、外卖的黄红任选),做一次小型考古:找至少五个该行业的头部品牌(跨年份更好),看它们的主色是什么、什么时候开始用的、早期和现在有没有变化。

    然后写一段三百字左右的结论,回答:这个行业色是”功能上最优”还是”历史上偶然”? 你找到的证据支持哪一边?

    自评标准:合格的结论必须包含”时间点”和”变化”。只写”大家都是蓝色所以蓝色好”,说明你只做了观察没做考古。如果你发现某个行业里其实有过一段”颜色很杂”的时期、然后才收敛到今天的样子——那是个特别有价值的发现,它直接证明了”收敛是后来的,不是天然的”。

  2. 语义负荷审计:给你的产品(或你常用的 App)做一次红色审计

    打开一个你熟悉的产品,截图统计红色出现在哪些地方、每个地方表达什么意思,列一张清单,然后回答三个问题:有没有两处红色的语义是冲突的?有没有哪处红色其实可以用别的方式表达(图标、文案、位置)?如果现在要新增一个”紧急且重要”的提示,你还有颜色可用吗?

    自评标准:清单里少于五条语义说明你截图截得太少,回去再找。三个问题里第三个最难也最有价值——答案是”只能用红色,再加粗加图标”,说明你还在用叠加的方式硬挤;答案是”换一种手段,颜色只做辅助”,说明你真的理解了语义负荷。

  3. 跨媒介落差实测:同一个颜色,三种媒介

    挑一个你喜欢的颜色(最好是你自己设计里正在用的),做三个版本:第一版在自己设备上看,截屏存档;第二版发给至少三个人,让他们在各自设备上看,记下他们的描述(“偏亮/偏暗/偏灰/偏艳”);第三版打印出来(任何打印机都行),在同一张纸上放一个中性灰作为参照,在窗边自然光下看。

    然后写一段对比记录:三个版本之间的落差有多大?哪个是设备造成的,哪个是机制造成的?如果要选一个”在三种媒介里都站得住”的替代色,你会往哪个方向调(提明度还是降饱和)?

    自评标准:三个人的描述如果不一致(很可能不一致),你要能说出”谁的设备大概是什么情况”。打印版如果跟屏幕差得非常远,看看是不是落在了”危险区”(亮蓝、亮绿、亮橙、亮紫)。能给出”往哪个方向调”的具体判断并说出理由,这次练习的目的就达到了——你开始能预测落差,而不只是惊讶于落差。


【阶段项目】一套三色的配色系统:从屏幕到印刷

项目时长:2-5 小时

背景与任务

假设你要为一个品牌/主题建立一套”可落地”的配色系统。品牌可以虚构,但必须具体——不许写”一个科技公司”,要写清楚:它卖什么、卖给谁、用户在什么场景下接触它、气质往哪边靠(冷静专业?热烈亲切?克制高级?)。

你要交付一套三色配色系统(一个主色 + 两个辅助色,外加必要的中性色),并说明它在屏幕和印刷两种媒介下分别怎么落地、哪里要妥协、妥协的理由是什么。

交付物清单

一、一页品牌与场景说明(300-500 字)

写清楚:这个品牌是什么、目标用户是谁、主要触点有哪些(App?官网?门店?包装?名片?)、你希望这套颜色传递哪三个形容词(比如”专业、可靠、不贵”,或者”克制、手工、慢”)。

二、配色系统主表

三个颜色 + 中性色。每个颜色必须给出:

  • 用途(主色用在哪些地方、辅助色分别承担什么角色)
  • 大致的色相/明度/饱和度描述(不用精确到色值,但要说清楚”中低明度、低饱和的蓝绿”这种程度)
  • 语义说明:这个颜色在你的系统里承担什么意义?有没有跟行业惯例冲突?如果有冲突,你是怎么想的?
  • 深色背景下的对应变体(如果有深色模式需求)

三、空间与层级说明(300-500 字)

用第 10 章的知识说明:这三个颜色在画面里的前后关系是什么?哪个前进、哪个后退?为什么?如果你的主色高饱和,你打算怎么处理大面积和小面积的问题?

四、跨媒介落地说明(500-800 字)

这是项目重点。必须写清楚:有没有哪个颜色落在印刷的”危险区”(高饱和的亮蓝、亮绿、亮橙、亮紫)?如果有,应对是什么(改色?分两套?接受落差)?哪些是”必须准”的关键色,怎么保证一致性(色卡?专色?还是放弃精确只保气质)?流程里哪个环节做软打样、哪个环节做色域检查、验收在什么光下看?以及——明确列出你放弃了什么(比如”放弃了让包装上的橙和 App 上的橙完全一致,只保证气质一致”)。

五、两张对比图(或两份说明)

同一套设计(一张海报、一个界面首屏、一张名片都行)在两种媒介下的版本。有条件就做实物打印;没条件就用软打样模拟,并写清楚你模拟了什么(降低饱和?压暗明度?)。

评分维度

维度一:语义一致性(权重最高)

三个颜色各自承担的意义是否清楚、是否互相冲突?有没有考虑过这个行业/地域的色彩联想?用了一个反行业惯例的颜色,有没有说清代价?

常见失分点:颜色选得挺好看,但说不清”为什么是这个颜色”;或三个颜色的语义互相打架(辅助色和主色都在喊”看我”)。

维度二:关系的合理性

三个颜色之间的明度关系是否清楚?去色之后还有没有层级?主色和背景对比够不够?第 08 章说过明度是老大,这里直接检验你有没有真的相信这句话。

常见失分点:三个颜色明度太接近,去色后糊成一片;或饱和度都拉满,谁也不让谁。

维度三:跨媒介的现实感

你有没有识别出真正的风险点?应对是”回避”还是”硬上”?妥协是有理由的,还是随便说一句”印刷会偏”就过去了?

常见失分点:完全没提色域问题;或反过来把色彩管理写成设备操作说明书(这一章不考操作,考决策)。

维度四:取舍的自觉性

你有没有明确写出”我放弃了什么”?敢于写明放弃项的项目,通常比什么都想要的项目成熟。

常见失分点:交付物里全是”我要做到什么”,没有一句”我接受什么”。

维度五:可交付性

别人拿着这套东西能不能真的用起来?用途写清楚了没有?深色变体给了没有?中性色考虑了没有?

常见失分点:只给三个色块,没有任何使用规则;或规则写得太空(“主色用于重要位置”——什么叫重要位置?)。

做完之后的自测

把交付物拿给一个不看设计的人看,问他三个问题:这个品牌是干什么的?这套颜色让你想到什么?你觉得它贵还是便宜?

如果他的回答跟你的”三个形容词”基本吻合,配色系统在语义层面就是成立的。如果差得远,回到维度一重做——这通常不是颜色没挑好,是你没想清楚这个品牌到底要说什么。