F5.14.3Functional color system设计
情绪化色彩选择不能替代基于功能与语义的色彩系统
别名: 情绪配色 · mood palette · 功能色系统
概念解释
新团队决定整站都要「有活力」,于是错误、导航、图表、空状态全部铺成珊瑚橙。活力也许到了,状态没了:用户分不清哪块橙是失败、哪块是装饰、哪块是主按钮。情绪化选色可以当一层表皮,不能替代按功能和语义搭起来的色槽。缺了那张槽,页面只剩一种心情,没有一种意思。
机制
功能色系统回答的是「现在发生了什么、我能做什么」:成功、错误、禁用、主操作、信息层级。情绪色回答的是「我们希望被感觉成什么样」。前者是编码,要稳定、可分、可学习;后者是修辞,允许随战役改。用修辞去填编码的坑,所有槽塌成同一色相,分类器没有输入。情绪主张越强,越容易把语义槽染成同一个调子——这是替换,不是叠加。
叠加是允许的:在语义槽稳定之后,用一枚限定面积的气氛色去烘品牌。替换是把槽拆掉。产品出问题的几乎都是替换。
边界
- 一页一动作的营销落地页可以几乎只有情绪色,因为它几乎没有状态。进工作台这条就不成立。
- 品牌识别色可以大面积出现,只要状态槽还在、且不与之撞车。
- 情绪词(活力、安心、高端)没有操作定义时,连表皮都无法验收,更容易滑向替换。
怎么落地
- 先冻结语义和功能槽,再讨论气氛色落在哪一块非状态表面上。
- 评审时把气氛色关掉,看错误、成功、主操作是否仍能被指出;指不出,说明已经替换。
- 禁止用情绪词给 token 命名(
energy、calmFill)来当状态色。 - 验证办法:列出本屏要传达的状态,再列出本屏用到的非中性色;状态多于可分色相,或所有状态共用一枚「有活力」的色,系统就已经被替换。