关于 brand-color-psychology
用于制定品牌配色的参考技能，结合色彩心理、应用情境、差异化和实际设计约束，适合品牌与设计工作，并涵盖配色比例、规格、文化适配和无障碍检查。
主要功能
- 01基于情境解读色彩
- 0260-30-10 配色比例
- 03品牌原型色彩框架
- 04色彩搭配方案
- 05分析竞品配色空缺
- 06无障碍与文化检查
适用场景
- 01制定品牌色彩方案
- 02审查竞品并寻找视觉空缺
- 03记录印刷与数字媒介色彩规格
- 04检查对比度与文化适配
安装
复制下面的命令，在终端中运行。
npx skills add https:/安装后在 Claude Code 中输入/brand-color-psychology确认已加载。
附带文件reference/templates.md
详细介绍
品牌色彩心理学与战略调色板开发
快速参考指南，助你基于心理学、差异化和实际应用开发战略品牌调色板。
“62%–90% 的产品瞬间判断仅基于色彩。”—— Satyendra Singh，《Management Decision》（2006）
“持续使用色彩，品牌识别度最高可提升 80%。”—— Reboot Online Study
“色彩是否符合品牌语境，或许是最重要的因素。”—— Help Scout Research
关键统计数据
| 指标 | 数值 | 含义 |
|---|---|---|
| 基于色彩形成的第一印象 | 90% | 色彩会立即塑造感知 |
| 持续使用色彩带来的品牌识别度 | 80% | 持续性会随时间累积效果 |
| 基于色彩形成的瞬间判断 | 62%–90% | 色彩塑造第一印象 |
| 形成判断所需时间 | 90 秒 | 在“90 秒规则”中，色彩起主导作用 |
核心框架
1. 色彩语境理论（Elliot & Maier）
基础原则： 色彩效应既非普遍适用，也非随意而定，而是取决于语境。
关键原则：
- 色彩含义因心理语境而异
- 有些反应源于生物本能，另一些则通过反复联想习得
- 色相、明度和饱和度都很重要，不只有色相
- 同一种颜色在不同语境下会引发不同反应
示例： 促销横幅上的红色 = 紧迫感。健康应用中的红色 = 危险／警告。情人节上的红色 = 爱／热情。语境决定含义。
适用场景： 为特定品牌语境、受众和行业中的色彩含义做出战略决策时。
2. 适切性原则
关键见解： 色彩的有效性取决于人们认为它是否符合品牌、产品和语境。
“适切”的颜色，效果胜过理论上“更好”但让人感觉不合适的颜色。
- 蓝色适用于金融领域，因为人们期望它传递信任感
- 蓝色可能不适用于儿童糖果品牌
- 适切性 > 理论
启示： 应问“这种颜色适合这个语境中的这个品牌吗？”，而不是“这是一种好颜色吗？”
3. 60-30-10 规则
一种用于实现视觉平衡与层次感的色彩分配框架：
| 比例 | 作用 | 用法 |
|---|---|---|
| 60% | 主色／底色 | 中性色；背景、大面积区域 |
| 30% | 次要色 | 主品牌色；页眉、导航 |
| 10% | 点缀色 | 高对比度 CTA、重点内容 |
有效原因： 营造视觉层次，又不会显得过于繁杂。确保点缀色能在需要的位置精准吸引注意力。
适用场景： 所有品牌应用：网站、包装、营销材料、应用界面。
4. 品牌原型色彩框架
每种品牌原型都有与之相关的配色方案，以强化其个性：
| 原型 | 色彩联想 | 心理效应 |
|---|---|---|
| 英雄 | 鲜明的红色、蓝色、金色、黑色 | 力量、强大、成就 |
| 智者 | 蓝色、柔和色调、灰色、白色 | 智慧、知识、信任 |
| 反叛者 | 黑色、红色、亮丽色彩 | 叛逆、颠覆、危险 |
| 纯真者 | 柔和色彩、白色、婴儿蓝、淡黄色 | 乐观、纯真、简约 |
| 探索者 | 大地绿、棕色、橙色、蓝色 | 冒险、自由、探索 |
| 照顾者 | 柔和的蓝色、绿色、温暖的大地色调 | 关怀、信任、同情 |
| 创造者 | 鲜明、别出心裁的色彩组合 | 创新、自我表达 |
| 统治者 | 深紫色、金色、黑色、藏青色 | 权威、奢华、掌控 |
| 魔法师 | 紫色、深蓝色、神秘色调 | 转变、愿景、想象力 |
| 恋人 | 红色、粉色、暖色调、柔媚色彩 | 热情、亲密、享受 |
| 小丑 | 明亮、活泼的多色组合 | 乐趣、幽默、自发 |
| 普通人 | 朴实、亲切的色彩，以及蓝色、绿色 | 亲和力、归属感、信任 |
适用时机： 确定品牌个性和原型定位之后。
5. 色彩和谐体系
基于传统色彩理论（艾萨克·牛顿的 Opticks）：
| 配色方案 | 描述 | 最适用于 |
|---|---|---|
| 单色 | 单一色相搭配不同明度、暗度和色调 | 营造精致、协调的感觉（Spotify 的绿色） |
| 互补色 | 色轮上相对的颜色（蓝/橙、红/绿） | 实现最大对比度，带来视觉冲击（谨慎使用） |
| 邻近色 | 三种相邻的颜色（蓝-绿-青绿） | 营造和谐、舒缓的配色 |
| 三色 | 色轮上间隔相等（120°）的三种颜色 | 鲜明且平衡；一种为主色，其余作为点缀色 |
| 分裂互补色 | 基础色 + 互补色两侧的相邻色 | 对比度良好，冲突感较弱 |
适用时机： 选定主色后，构建次要色和点缀色方案时。
蓝海色彩策略
借鉴 Kim 和 Mauborgne 的蓝海战略：寻找无人涉足的视觉领域。
流程
- 审视行业类别：所有主要竞争对手都使用哪些颜色？
- 找出空白：哪些颜色尚未出现或未被充分使用？
- 评估契合度：替代色彩是否仍符合品牌个性和受众预期？
- 测试领域：你能否可信地占据这一色彩空间？
成功案例
| 品牌 | 策略 | 结果 |
|---|---|---|
| Lufthansa | 在以蓝色/红色为主的航空业中使用黄色 | 实现全球知名的差异化 |
| T-Mobile | 在电信行业中使用洋红色 | 相较蓝色/红色竞争对手，获得即时识别度 |
| Apple | 在以黑色/灰色为主的行业中使用白色/银色 | 传达纯粹与注重设计的理念 |
| ING | 在保守的蓝色银行业中使用橙色 | 彰显创新与亲和力 |
| Tiffany & Co. | PMS 1837（已注册商标） | 仅凭颜色就能在没有标志的情况下触发识别 |
核心见解： 遵循行业色彩规范虽然让人感觉安全，但策略性差异化往往能创造更大价值。
色彩规范系统
请用以下四种系统记录所有品牌颜色：
| 系统 | 描述 | 用途 | 格式示例 |
|---|---|---|---|
| HEX | 六位 RGB 代码 | Web 开发、CSS | #FF0000 |
| RGB | 红、绿、蓝值 | 数字屏幕、应用 | rgb(255, 0, 0) |
| CMYK | 青、品红、黄、黑 | 印刷材料 | C:0 M:100 Y:100 K:0 |
| Pantone | 标准化专色 | 品牌一致性、高端印刷 | PMS 485 C |
重要提示：
- RGB 色域最大；某些颜色无法通过印刷再现
- CMYK 色域较小，因此某些数字颜色印刷后会显得更暗淡
- 约 30% 的 Pantone 颜色无法用 CMYK 复现
- 某些 Pantone 颜色已注册商标（Tiffany Blue PMS 1837、UPS Brown、Barbie Pink）
行业特定惯例
科技与金融
- 主导色： 蓝色（信任、稳定、能力）
- 知名用户： IBM、Facebook、Chase、LinkedIn
- 差异化机会： 紫色（Twitch）、绿色（Robinhood）、洋红色（T-Mobile）
医疗保健与健康
- 主导色： 蓝色（信任）、绿色（疗愈、平静）
- 应用： 冷色调可减轻患者的焦虑
食品与饮料
- 主导色： 红色、黄色、橙色
- 科学依据： 暖色调可刺激食欲并促使人们快速决策
奢侈品与高端产品
- 主导色： 黑色、金色、深海军蓝、白色
- 应用： 克制的配色搭配金属色点缀；少即是多
环保／可持续发展
- 主导色： 绿色、大地色系（棕色、褐色）
- 知名用户： Whole Foods、Patagonia
文化中的色彩考量
不同文化对颜色的寓意差异很大：
| 颜色 | 西方 | 东方／亚洲 | 中东 |
|---|---|---|---|
| 白色 | 纯洁、婚礼 | 哀悼、死亡 | 纯洁、和平 |
| 红色 | 危险、紧急、爱情 | 好运、繁荣 | 危险、警示 |
| 绿色 | 自然、生长 | 青春、生育 | 伊斯兰、天堂 |
| 黄色 | 快乐、警告 | 勇气、皇室（日本） | 快乐 |
| 黑色 | 高雅、哀悼 | 力量、健康（中国） | 神秘、邪恶 |
| 蓝色 | 信任、平静 | 不朽（中国） | 保护 |
影响： 务必研究每个目标市场对颜色的理解，并做好调整的准备。
无障碍要求
WCAG 对比度
| 标准 | 比率 | 使用场景 |
|---|---|---|
| AA（最低） | 4.5:1 | 普通文本 |
| AA（最低） | 3:1 | 大号文本（18pt+） |
| AAA（增强） | 7:1 | 普通文本 |
| AAA（增强） | 4.5:1 | 大号文本 |
色盲方面的考量
- 约 5% 的人口患有某种形式的色盲
- 使用 Protanopia（红色盲）、Deuteranopia（绿色盲）、Tritanopia（蓝色盲）进行测试
- 切勿仅用颜色作为唯一标识。 务必搭配图标、文本或图案
测试工具
- WebAIM 对比度检查器
- Adobe Color：提供无障碍工具
- Coolors：提供对比度检查器
常见错误
| 错误 | 失败原因 | 应对方法 |
|---|---|---|
| 使用 6 种以上的颜色 | 淡化品牌识别度，且难以维护 | 将颜色限制在 3–5 种，并建立清晰的层级 |
| 照搬竞争对手 | 混在人群中，无法脱颖而出 | 审视竞争对手，寻找战略空白 |
| 忽视无障碍设计 | 排除了约 5% 的用户（色盲） | 测试对比度，绝不只依赖颜色传达信息 |
| 追逐潮流 | 潮流很快过时；2–3 年后就得重新打造品牌 | 选择经久不衰且符合品牌价值观的颜色 |
| 将个人偏好放在首位 | 创始人的偏好 ≠ 受众的心理反应 | 研究受众，让数据为决策提供依据 |
| 忽视文化差异 | 西方文化中的含义 ≠ 全球通用的含义 | 研究目标市场，并根据需要调整 |
| 应用不一致 | 削弱品牌识别度，显得不专业 | 记录 HEX、RGB、CMYK、Pantone 规格 |
核心思维模型
品牌识别度会随时间不断累积
可口可乐的红色起初并无特别之处。数十年的持续使用让它成为标志性颜色。保持一致能建立品牌识别度。
饱和度和亮度很重要
- 明亮、高饱和度 = 充满活力、年轻
- 柔和、低饱和度 = 优雅成熟、稳重
- 色相只是影响因素之一
简单才能扩展
复杂的调色板在受控环境中可行，但在真实应用中往往难以奏效。调色板越简单，应用就越一致。
90 秒法则
人们会在 90 秒内形成对产品的判断，其中 62–90% 的判断基于颜色。颜色构成第一印象。
模板
在制作用户会留存的交付内容时，例如填写完成的工作表、记录在案的决策或最终文档，请阅读 reference/templates.md。概念性问题和快速建议可跳过，因为本文件已涵盖相关内容。该文件开头有目录，因此只需加载所需模板：
- 调色板文档模板（完整输出结构）
- 竞争对手颜色审查模板
- 无障碍测试清单
- 色彩心理学依据模板
何时应用这些知识
策略阶段
- 根据品牌个性应用原型色彩框架
- 考虑适切性原则，确保符合行业特点
- 针对具体应用场景运用情境色彩理论
竞争分析阶段
- 使用蓝海色彩策略流程
- 识别主导色和市场空白
- 寻找差异化机会
调色板开发阶段
- 运用色彩和谐系统选择辅助色
- 使用 60-30-10 规则进行配色
- 使用四种色彩系统指定颜色（HEX、RGB、CMYK、Pantone）
验证阶段
- 测试 WCAG 对比度
- 模拟色盲视觉效果
- 检查目标市场的文化影响
- 对照常见错误清单进行核查
核心原则
- 适切性优先于偏好：颜色必须“符合”品牌情境
- 情境决定含义：同一种颜色会引发不同反应
- 差异化创造价值：在色彩策略中运用蓝海思维
- 保持一致可建立品牌识别度：品牌识别度会随时间不断累积
- 简单才能扩展：最多使用 3–5 种颜色
- 无障碍设计不可妥协：必须符合 WCAG
- 文化很重要：研究目标市场
- 完整标注规格：涵盖全部四种色彩系统