格子越深,表示该主题在这项指标上越高。
清晰84
说服90
密度55
制作成本45
作业适配70
工作适配75
低高
简短问答
什么时候选简历信息图表食谱?
故事符合「学生、自由职业者、职业转换者」时选用。
什么时候避开?
遇到「仅需要 ATS 纯文本,并且图形将被删除」就换形式。
谁发明或推广了它?
结合网格、类型坡道和开放图标集的工作室工艺
它编码什么?
布局块+适度的定量条+图标行
广告能用吗?
在微信、抖音与展示广告里主张能一眼看见就可以;否则把图放在落地页。
老师会收吗?
实验报告与展板里有轴、单位、来源一行就可以。
简历信息图表食谱把值编码为布局块+适度的定量条+图标行。结合网格、类型坡道和开放图标集的工作室工艺。
工作报告、广告与作业中适合「学生、自由职业者、职业转换者」。若「仅需要 ATS 纯文本,并且图形将被删除」,换一种形式。
软件
- Excalidraw — 首先绘制页面的线框。 · MIT · github.com/excalidraw/excalidraw
- Chart.js — 如果您导出网页,可选技能或时间线栏。 · MIT · github.com/chartjs/Chart.js
- Lucide — 用于接触和剖面标记的一个图标系列。 · ISC · github.com/lucide-icons/lucide
- Inter — 叙述栏的可读正文。 · OFL-1.1 · github.com/rsms/inter
- Infographic blocks — 本地图集上教授的块图案。 · 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。
简历信息图表食谱:守住布局块+适度的定量条+图标行,「仅需要 ATS 纯文本,并且图形将被删除」时换图。