一个强调色 | 设计界面 | 做产品

一个强调色

整个产品只留一个彩色。它出现的地方，就是你希望用户看的和点的地方。

你会遇到的现象

颜色的作用是打断视觉扫描，把注意力拉过来。一个页面上能被打断的次数有限，用完就没了。把颜色分配给六个元素，等于告诉用户这六个一样重要，也就等于没有重点。

该用不该用原因主按钮次要按钮次要按钮用幽灵样式或纯文字链接选中态、当前位置所有可点的东西可点不等于重要，鼠标形状已经在暗示了链接正文里的强调正文强调用加粗，别用彩色关键数据所有数字只给那个最该被看到的数上色品牌标识装饰性图形装饰用中性色，别抢主体

一屏上强调色的面积控制在 10% 以内是个不错的直觉。超过之后，它就从「强调」退化成了「主色调」。

语义色是例外：成功绿、警告黄、错误红不算强调色，它们承担的是信息而不是引导。但同样要克制——一屏上同时出现三种语义色，通常说明状态设计得太复杂了。

颜色的作用是打断视觉扫描，而一个页面能被打断的次数有限

每个模块一个色

告诉用户这六个一样重要也就等于没有重点

只留一个

一眼就知道该点哪儿彩色出现的地方，就是你希望用户看和点的地方

一屏上强调色的面积控制在 10% 以内。超过之后，它就从「强调」退化成了「主色调」。

语义色是例外：成功绿、警告黄、错误红不算强调色，它们承担的是信息而不是引导。但同样要克制——一屏上同时出现三种语义色，通常说明状态设计得太复杂了。

去掉彩色之后，层级要靠灰阶撑起来。一套够用的灰阶大概是这样。

主文字正文次要辅助分隔线底色

六档从近黑到近白。多数界面用这六个就够，不需要更细的分档。

验证方法：把页面转成灰度，如果层级还在，说明结构立得住；如果一片模糊，说明之前的层级全是颜色硬撑出来的。

颜色基础强调色怎么选、怎么拉深浅档，以及四类颜色角色各自的职责。

视觉层级从哪来颜色是四种手段里最贵的一种。先用位置和留白，能不用颜色就不用。

一屏一件事强调色该落在哪，取决于这页的主任务是什么。主任务定了，颜色就有落点。