好体验来自克制。
上个月检查一个会员中心页面的时候，我差点被自己之前的配色迷住。那套蓝紫渐变配白色卡片，视觉上确实干净舒服，我当时还很满意地存了稿。但等到真正在浏览器里滚动起来，问题就冒出来了——会员等级、积分明细、优惠券列表、最近订单、推荐活动……十几个入口挤在一块，每种状态都有自己的颜色，视觉上像是在办展览，但用户要花好几秒才能找到“查看当前权益”这个按钮。
我把文件关掉，重新打开了一个空白画板。
一个不太顺利的起点
那次检查的起因是老同事拉我进 Figma 时说：“子微，你先别看视觉，我觉得这个功能堆得我自己都走不通了。” 我笑了笑没接话，但心里很清楚——后台设计最容易出问题的，从来不是颜色或图标，而是信息的摆法。
可那天我偏偏先被视觉吸引了。蓝紫渐变确实好看，卡片阴影也舒服，甚至每个模块的圆角都做了微妙的差异化。但等我把页面从头到尾走了一遍，发现结构问题比我想象的严重：同级别的信息用了不同颜色，有些操作按钮藏在折叠菜单里，有些状态直接用字体颜色区分，没有辅助图标。用户没法快速判断“我现在在哪一步，下一步该做什么”。
我后来想了想，为什么一开始没看出来？因为漂亮的设计会骗人。
真正有用的调整方向
那次我做的调整，核心不是换配色方案，而是统一认知成本。
我列了一个检查清单，对照着一条一条改：
- 首屏能不能看懂当前状态：用户打开页面，一眼能不能知道“我是谁、我有什么、我缺什么”。会员中心的首屏应该直接告诉用户当前等级、可用积分、未读消息数，而不是展示一堆推荐入口。
- 主操作是否足够明确：“查看当前权益”这个按钮，在调整前被十几个彩色入口包围，点击率很低。调整后它变成首屏唯一的深色按钮，周围留白充足，用户不需要思考就知道该点这里。
- 文案是否和业务真实动作一致：有些按钮写的是“积分兑换”，但实际点击后跳转到的是积分介绍页，不是兑换流程。这种不一致会明显降低信任感。
- 异常、空状态、加载状态是否完整：优惠券为空的时候，页面只显示“暂无可用优惠券”一行灰色小字，没有引导用户去其他模块看看。空状态是设计专业度的试金石。
一张不那么标准但管用的清单
这次调整之后，我整理了一份自己用的配色检查清单。不是教你调色相环，而是从视觉取舍的角度，给新手设计师一个可对照的框架。
- 信息层级优先于颜色丰富度：同级别信息用同色系，不同层级才换色。一个页面里颜色种类不要超过主色+辅色+中性色三种。
- 状态清晰优先于渐变好看：主操作、次要操作、禁用状态、加载状态，每种状态的颜色对比度要足够，能通过色盲测试更好。
- 可读性优先于品牌个性：正文用深灰色或纯黑，不要用蓝灰、紫灰。字号不小于14px，行高不小于1.5倍。品牌色只用于强调和按钮。
- 减少认知负担优先于视觉惊喜：表格里的操作按钮不超过三个，更多动作放进“更多”菜单。不要用颜色区分所有状态，配合图标或文字一起表达。
- 空状态和异常状态也要配颜色：空状态不要只用灰色，用品牌色的浅色版，配合一句引导文案，比“暂无数据”友好得多。
说实话，做完这些调整之后，那个页面看起来没有之前那么“有设计感”了
留给自己的备注
如果业务变了，这些判断也可能要改。
好体验来自克制