做了80多套方案后，我总结的配色避坑指南

接过的项目里，改稿次数最多的从来不是排版，是颜色。客户一句“感觉不对”，我就得把整套色板推翻重来。踩了几年坑，我发现配色翻车的地方就那么几个，大家反反复复地犯。这篇把我自己踩过的坑列出来，能帮你少改两版。

颜色数量失控是最常见的死法

新手最容易犯的错，是看到一个好看的颜色就往里加。一个页面塞进七八种颜色，每种都想当主角，结果谁都不突出。我现在的习惯是主色只留一个，辅助色最多两个，剩下的全交给黑白灰。

行业里常说的 60-30-10 法则挺好用：60% 是背景和留白，30% 是次要元素，10% 才是你要强调的东西。我做过一个活动页，把主按钮从渐变彩色改成纯黑，点击率反而涨了一截，因为整屏只有那一个黑块，眼睛躲不开。

• 主色一个，辅助色不超过两个，其余用中性色
• 强调色只用在最想让用户点的地方，一屏别超过两处
• 先用灰度做一版，层次能立住再加颜色
• 品牌色再好看，也别整屏铺满

对比度和饱和度，两个隐形坑

浅灰字配白底，我自己也干过。在显示器上看着挺高级，一到手机屏幕或者投影仪里，基本等于看不见。文字和背景的对比度，正文至少做到 4.5:1，大字号标题可以放宽到 3:1，WCAG 里有明确标准，网上随便找个检测工具就能测。

还有个小细节：正文别用纯黑 #000000。纯黑压在纯白上边缘会发虚，看久了眼睛累。换成 #333 或者 #2B2B2B，观感柔和不少，对比度依然够。灰度也不是随手挑个 #CCCCCC 就完事，冷灰偏蓝、暖灰偏黄，放在不同底色上感觉完全两样。我的做法是往灰色里掺一点点主色，出来的灰会跟整体更协调。

饱和度这个坑更隐蔽。屏幕上的颜色比印刷品鲜艳得多，我在软件里调得刚刚好的橙色，印出来变成土黄；反过来，印刷稿上很克制的蓝，放到手机上刺眼得不行。做物料之前先确认最终载体，别等打样了才发现不对。大面积色块尤其要降饱和，整屏高饱和的红色看三十秒就想关掉，背景用低饱和版本，只在按钮、图标这种小面积上保留高饱和，视觉上舒服很多。

说个真实经历。之前给一家教育机构做落地页，主色是他们 logo 里的正红。第一版我老老实实整页用红，客户说太躁。第二版我把红色压到只剩报名那一个按钮，其余换成米白加深灰，转化数据好了不少。配色这事儿说白了不是挑好看的颜色，是决定让用户先看哪儿。

没有哪套配色是万能答案，但底线很清楚：颜色少一点，对比够一点，饱和降一点。这三条守住，方案基本不会被推翻。