客户发来Logo，一个正红色，要求整站就用这个红。一周后初稿出来他自己看花了眼：满屏的红，重点按钮和背景一个颜色，谁也跳不出来。我让他把页面截图转成灰度看，红色区域占了六成，问题一目了然。网站设计的配色，从来不是一个主色定天下的事，而是一套有分工的颜色班子。
三种颜色三种分工
主色承担品牌识别，出现在导航、标题、Logo上；中性色负责大面积的背景和正文，通常是白、灰、近黑这一族，占最大面积，黑白灰也算颜色班子里的成员，用好了比彩色还显贵；强调色专门给行动按钮、重要提示用，全站就它最跳。常见比例是六三一——六成中性、三成主色、一成强调。那个红色Logo的客户后来把红降回强调位，咨询按钮的点击率当月就上来了。
从Logo取色不等于照搬
Logo颜色直接大面积用，常常刺眼。做法是拿它当基点派生：调出更深的用于悬停状态，调浅几十个百分点的用于区块底色，饱和度降下来用于辅助图形。悬停加深、禁用变灰、选中变浅，每个状态都提前定，开发不用猜。整套颜色提前写进规范页，任何页面都不许临时编色值，不然三个月后页面五颜六色各唱各的调。
几个容易翻车的组合
- 红底绿字、蓝底红字这类高冲突搭配，放多少人都救不回来
- 正文别用纯黑配纯白，深灰配米白舒服得多，阅读疲劳感差一截
- 强调色只给最关键的动作，满屏都是强调色等于没有强调色
- 同一屏里渐变别叠渐变，颜色一多，访客的眼睛不知道往哪落
行业不同，底色打法不同
政务、医疗的站底色偏稳，白和浅灰打底，主色点到为止；餐饮、亲子可以大胆些，米色奶油色做底也成立。看行业里站得住的品牌怎么用色，比自己发明靠谱。有家做儿童绘本的机构用高饱和撞色，站看着热闹又不出格，因为面积比例压住了——颜色敢不敢用，本质是比例问题。
两条建议：配色方案在真实页面上看，别只在色卡上看，色卡永远好看；定稿前把色值规范连同使用场景一并发给所有后续供应商，顺手把页面转成灰度再过一遍，色盲用户分不分得清按钮和背景，一眼便知。比格网络做网站设计交付时都带一页配色规范，后续做推广图、印物料的团队照着用，品牌观感才不会散。
