格子越深，表示该主题在这项指标上越高。
清晰84
说服55
密度60
制作成本30
作业适配82
工作适配88
低高
简短问答
什么时候选美人鱼文字图？
故事符合「流程文档、入职、分配逻辑、PR 解释」时选用。
什么时候避开？
遇到「需要徒手布局的像素完美的品牌插图」就换形式。
谁发明或推广了它？
Mermaid (2014) 在 GitHub 上普及了 Markdown 原生图表
它编码什么？
渲染到 SVG 框和边的文本图形语法
广告能用吗？
在微信、抖音与展示广告里主张能一眼看见就可以；否则把图放在落地页。
老师会收吗？
实验报告与展板里有轴、单位、来源一行就可以。
美人鱼文字图把值编码为渲染到 SVG 框和边的文本图形语法。Mermaid (2014) 在 GitHub 上普及了 Markdown 原生图表。
工作报告、广告与作业中适合「流程文档、入职、分配逻辑、PR 解释」。若「需要徒手布局的像素完美的品牌插图」，换一种形式。
原则
- 编码 — 美人鱼文字图的核心标记是渲染到 SVG 框和边的文本图形语法。
- 历史 — Mermaid (2014) 在 GitHub 上普及了 Markdown 原生图表
- 适用 — 流程文档、入职、分配逻辑、PR 解释
- 共用基线 — 眼睛比较长度与位置比面积更准。
- 读者 — PowerPoint、Excel 或 Google 表格与微信、抖音与展示广告共用同一套几何。
误解
- 好看不等于真 — 装饰几乎不能说服人，只会拖慢阅读。
- 3D帮不上忙 — 透视变形会毁掉比较。保持平面。
- 系列多不等于丰富 — 不要把故事叠在一张图上。一张美人鱼文字图，一个主张。
- 默认色板不够 — 彩虹默认色在色觉和灰度印刷上会垮。改掉Excel 或 Google 表格的默认。
为何重要
- 工作 — 工作：流程文档、入职、分配逻辑、PR 解释 在PowerPoint里四分钟内可读。
- 广告 — 广告：一个数字和一个形状在微信、抖音与展示广告里先说话。
- 学校 — 学校：实验报告与展板要选能回答评分标准的形式。
- 手艺 — 手艺：守住渲染到 SVG 框和边的文本图形语法，装饰就会退下。
美人鱼文字图：守住渲染到 SVG 框和边的文本图形语法，「需要徒手布局的像素完美的品牌插图」时换图。