🎨 一套完整的配色体系包含 4 类颜色:
1️⃣ 主色(Brand Color) 品牌色,整个产品的视觉核心。通常只有一个。 用在主按钮、导航高亮、关键操作上。
2️⃣ 功能色(Functional Color) 传递信息状态的颜色,通常是固定的: 🔴 红色 = 错误、危险、删除 🟢 绿色 = 成功、通过 🟡 黄色/橙色 = 警告、提醒 🔵 蓝色 = 链接、信息提示
3️⃣ 中性色(Neutral Color) 灰色系列,从纯黑到纯白之间的一组灰阶。 用在文字、边框、背景、分割线上,是占比最大的颜色。 建议准备 8-12 个灰阶档位。
4️⃣ 扩展色(Extended Color) 用于图表、标签、分类标识。 通常需要 6-8 个区分度明显的颜色。
💡 配色建议: 从主色出发,用色彩工具生成色板(推荐 Ant Design 的色板生成器)。 功能色不要自己随便定义,用大家约定俗成的就好。
📚下面这份《UIUX 学习指南》,是我花 1 年时间整理,萃取苹果、谷歌等大厂设计智慧搭建而成的:
• 体系完整又系统,从视觉、交互到用研、产品,覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深,都能精准适配
• 每天花 5~10 分钟,就能稳步搭建起专业认知框架
爬出低谷,不需要惊天动地的顿悟。👇文末加入「UIUX 学习指南」,每天 5~10 分钟,去学、去拆解、去浸泡。
你会发现,焦虑和迷茫会被“坚实的确定性”一点点挤出去,你重新理解了设计的重量。






