格子越深,表示该主题在这项指标上越高。
清晰88
说服62
密度45
制作成本40
作业适配85
工作适配90
低高
简短问答
什么时候选调色板和比例生成器?
故事符合「区域统计图、热图、多系列图表、品牌安全图表」时选用。
什么时候避开?
遇到「有序震级数据的彩虹尺度」就换形式。
谁发明或推广了它?
Cynthia Brewer ColorBrewer (2002) 用于制图;后期UI主题工具
它编码什么?
映射到数据类的有序或无序色调集
广告能用吗?
在微信、抖音与展示广告里主张能一眼看见就可以;否则把图放在落地页。
老师会收吗?
实验报告与展板里有轴、单位、来源一行就可以。
调色板和比例生成器把值编码为映射到数据类的有序或无序色调集。Cynthia Brewer ColorBrewer (2002) 用于制图;后期UI主题工具。
工作报告、广告与作业中适合「区域统计图、热图、多系列图表、品牌安全图表」。若「有序震级数据的彩虹尺度」,换一种形式。
软件
- chroma.js — 在 JavaScript 中操作和缩放颜色。 · Apache-2.0 · github.com/gka/chroma.js
- ColorBrewer — 经过战斗测试的地图调色板,适用于顺序数据和发散数据。 · Apache-2.0 · github.com/axismaps/colorbrewer
- d3-scale-chromatic — D3 生态系统中使用的配色方案。 · ISC · github.com/d3/d3-scale-chromatic
- Open ColorBrewer — 打开 Brewer 方案的端口以进行分析堆栈。 · Apache-2.0 · github.com/sctyner/OpenColorBrewer
- Atlas palettes pillar — 可视化调色板支柱上的教学样本 - 而不是品牌书籍。 · CC0 examples · github.com/Tool-Lifes/viz-atlas
导出
- 导出 1 — SVG
- 导出 2 — PDF
- 导出 3 — 把 EMF/SVG 放进幻灯(不要截图)
- 导出 4 — 网页用 SVG,印刷用 PDF
无障碍
- 无障碍 1 — 不要只靠色相。叠上纹理、标签和位置。
- 无障碍 2 — 正文对比 4.5:1,大标记 3:1。
- 无障碍 3 — 图上写短替代文本。数字也做成 HTML 表。
- 无障碍 4 — 动效只用于强调。尊重 prefers-reduced-motion。
调色板和比例生成器:守住映射到数据类的有序或无序色调集,「有序震级数据的彩虹尺度」时换图。