F5.14.3Functional color system设计

情绪化色彩选择不能替代基于功能与语义的色彩系统

别名: 情绪配色 · mood palette · 功能色系统

概念解释

新团队决定整站都要「有活力」,于是错误、导航、图表、空状态全部铺成珊瑚橙。活力也许到了,状态没了:用户分不清哪块橙是失败、哪块是装饰、哪块是主按钮。情绪化选色可以当一层表皮,不能替代按功能和语义搭起来的色槽。缺了那张槽,页面只剩一种心情,没有一种意思。

机制

功能色系统回答的是「现在发生了什么、我能做什么」:成功、错误、禁用、主操作、信息层级。情绪色回答的是「我们希望被感觉成什么样」。前者是编码,要稳定、可分、可学习;后者是修辞,允许随战役改。用修辞去填编码的坑,所有槽塌成同一色相,分类器没有输入。情绪主张越强,越容易把语义槽染成同一个调子——这是替换,不是叠加。

叠加是允许的:在语义槽稳定之后,用一枚限定面积的气氛色去烘品牌。替换是把槽拆掉。产品出问题的几乎都是替换。

边界

  • 一页一动作的营销落地页可以几乎只有情绪色,因为它几乎没有状态。进工作台这条就不成立。
  • 品牌识别色可以大面积出现,只要状态槽还在、且不与之撞车。
  • 情绪词(活力、安心、高端)没有操作定义时,连表皮都无法验收,更容易滑向替换。

怎么落地

  • 先冻结语义和功能槽,再讨论气氛色落在哪一块非状态表面上。
  • 评审时把气氛色关掉,看错误、成功、主操作是否仍能被指出;指不出,说明已经替换。
  • 禁止用情绪词给 token 命名(energycalmFill)来当状态色。
  • 验证办法:列出本屏要传达的状态,再列出本屏用到的非中性色;状态多于可分色相,或所有状态共用一枚「有活力」的色,系统就已经被替换。

延伸

  • 同组F5.14.1 特定色相与情绪的关联在实验室之外证据并不稳固 · F5.14.2 色彩引发的情绪反应受个人经验与文化背景强烈调节 · F5.14.4 品牌调性可以借助色彩传达,但不构成可靠的普适心理规律
  • 相邻F5.02 语义色 · F5.03 品牌色与功能色
  • 站内检索functional color system · mood palette · semantic colour

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/F5.14.3