Skip to content 跳到章节

「焦点线」要让「强调色」和「灰色背景」保持 3 比 1,该守住怎样的对比?

「焦点线」会失败,是因为「强调色」和「灰色背景」的明度太近,即使色相不同。文字和底色之间以大约 3 比 1 为目标,相邻系列之间要有清楚的台阶。配色页展示为这个目标做的套色,工作室是套用一整套而不是一颗一颗挑颜色的地方。

要点

先看明度再看色相「焦点线」里的两个系列,只要明度不同,可以共用一个色相家族。把「强调色」和「灰色背景」放到大约 3 比 1,比一对同样重的亮色在投影仪上更容易看见。…
画布之前先看配色打开配色,选一套已经把「强调色」和「灰色背景」分开的,再带进工作室。用临时点击来做「焦点线」,很少能让每个标签都达到 3 比 1。 本页使用的基准数字是…
安静的系列用灰如果「焦点线」里有一个系列只是背景,把它涂成灰,把强调留给「强调色」。不要把 3 比 1 的台阶花在两个都在喊的类别上。 本页使用的基准数字是 3。…
十二个色相是警告一个分类型「焦点线」如果需要的颜色多到你叫不出名字,就守不住邻居之间的 3 比 1。进工作室之前先拆开或换形态。配色不是彩虹选择器。 本页使用的基准数字是…

打开工作室之前先选配色。对「焦点线」,文字和底色保持大约 3 比 1,并让「强调色」明显比「灰色背景」更亮或更暗。没过这一步的彩虹,加上图例也仍然失败。 本页使用的基准数字是 3。

决策验证核对清单

0 / 4 已验证

逐项勾选以核对图鉴结论。

✓ 4项核心要点均已核对 — 图鉴结论确认:

打开工作室之前先选配色。对「焦点线」,文字和底色保持大约 3 比 1,并让「强调色」明显比「灰色背景」更亮或更暗。没过这一步的彩虹,加上图例也仍然失败。 本页使用的基准数字是 3。

先看明度再看色相

「焦点线」里的两个系列,只要明度不同,可以共用一个色相家族。把「强调色」和「灰色背景」放到大约 3 比 1,比一对同样重的亮色在投影仪上更容易看见。 本页使用的基准数字是 3。

画布之前先看配色

打开配色,选一套已经把「强调色」和「灰色背景」分开的,再带进工作室。用临时点击来做「焦点线」,很少能让每个标签都达到 3 比 1。 本页使用的基准数字是 3。 本页使用的基准数字是 3。

安静的系列用灰

如果「焦点线」里有一个系列只是背景,把它涂成灰,把强调留给「强调色」。不要把 3 比 1 的台阶花在两个都在喊的类别上。 本页使用的基准数字是 3。 本页使用的基准数字是 3。

十二个色相是警告

一个分类型「焦点线」如果需要的颜色多到你叫不出名字,就守不住邻居之间的 3 比 1。进工作室之前先拆开或换形态。配色不是彩虹选择器。 本页使用的基准数字是 3。

本页是「焦点线」大约 3 比 1 的对比检查。它不会替你给工作室上色,也不能代替一次完整的无障碍审核。

问题

3 比 1 是「焦点线」的工作室设置吗?
把它当成用配色做的检查,而不是能修好一对坏颜色的滑杆。如果「强调色」和「灰色背景」仍然糊在一起,画「焦点线」之前先换套色。
色觉不同的人能读懂「焦点线」吗?
只有配色不只靠红对绿时才行。大约 3 比 1 的明度台阶,再加上直接标签,能在色相失败时把「焦点线」传出去。
工作室可以为「焦点线」发明颜色吗?
不要。带一套已经把「强调色」和「灰色背景」分开的配色。工作室负责套用。随便挑会在投影仪上错过 3 比 1。

比较配色 · 打开工作室

「类别比较」超过 5 时,什么时候「条形图」胜过「饼图」? · 「份额展示」超过 6 时,什么时候「条形图」胜过「环形图」? · 「部分与整体的故事」超过 7 时,什么时候「柱形图」胜过「饼图」? · 「预算拆分」超过 8 时,什么时候「柱形图」胜过「环形图」? · 「长标签排序」超过 9 时,什么时候「棒棒糖图」胜过「饼图」? · 「有名字的份额清单」超过 10 时,什么时候「棒棒糖图」胜过「环形图」? · 50个图表选择与工作室决定