美人鱼文字图把值编码为渲染到 SVG 框和边的文本图形语法。Mermaid (2014) 在 GitHub 上普及了 Markdown 原生图表。
工作报告、广告与作业中适合「流程文档、入职、分配逻辑、PR 解释」。若「需要徒手布局的像素完美的品牌插图」，换一种形式。
本页把美人鱼文字图的解剖、适用、手艺、失败以及工作、广告、作业配方放在一处。
形式美人鱼文字图
起源2014
编码渲染到 SVG 框和边的文本图形语法
适用流程文档、入职、分配逻辑、PR 解释
避免需要徒手布局的像素完美的品牌插图
工作室方法
画像
清晰84
说服55
密度60
制作成本30
作业适配82
工作适配88
七章
理念
用纯文本编写流程图或序列 - 可版本控制、可审阅，并且通过 Mermaid 免费。 历史. 流程文档、入职、分配逻辑、PR 解释.
阅读 →
解剖
用纯文本编写流程图或序列 - 可版本控制、可审阅，并且通过 Mermaid 免费。 标记. 流程文档、入职、分配逻辑、PR 解释.
阅读 →
何时用
用纯文本编写流程图或序列 - 可版本控制、可审阅，并且通过 Mermaid 免费。 适用. 流程文档、入职、分配逻辑、PR 解释.
阅读 →
手艺
用纯文本编写流程图或序列 - 可版本控制、可审阅，并且通过 Mermaid 免费。 规则. 流程文档、入职、分配逻辑、PR 解释.
阅读 →
错误
用纯文本编写流程图或序列 - 可版本控制、可审阅，并且通过 Mermaid 免费。 失败模式. 流程文档、入职、分配逻辑、PR 解释.
阅读 →
工作室
用纯文本编写流程图或序列 - 可版本控制、可审阅，并且通过 Mermaid 免费。 工作. 流程文档、入职、分配逻辑、PR 解释.
阅读 →
工具
用纯文本编写流程图或序列 - 可版本控制、可审阅，并且通过 Mermaid 免费。 软件. 流程文档、入职、分配逻辑、PR 解释.
阅读 →
常见问题
什么时候选美人鱼文字图？
故事符合「流程文档、入职、分配逻辑、PR 解释」时选用。
什么时候避开？
遇到「需要徒手布局的像素完美的品牌插图」就换形式。
谁发明或推广了它？
Mermaid (2014) 在 GitHub 上普及了 Markdown 原生图表
它编码什么？
渲染到 SVG 框和边的文本图形语法
广告能用吗？
在微信、抖音与展示广告里主张能一眼看见就可以；否则把图放在落地页。
老师会收吗？
实验报告与展板里有轴、单位、来源一行就可以。
用什么工具？
Excel 或 Google 表格或PowerPoint；导出 SVG/PDF。
无障碍怎么做？
不要只靠颜色。直接标注，并检查灰度。