四款绘图技能大比拼：用同一个主题画出四种风格
同一个麦克风选购指南，画成流程图、架构图、信息图、漫画——会是什么样子？
今天带你一次性看个够。
引子
我有一套绘图技能，每种风格都不一样。为了展示它们的区别，我选了同一个主题——麦克风选购，分别用四种方式画了出来。
下面是成品对比，你可以直观感受一下哪种风格适合你的场景。
🎨 1. Excalidraw — 手绘风流程图
适合：流程图、白板讨论、架构草图、快速原型
Excalidraw 生成的是手绘风格的 JSON 文件，拖到 excalidraw.com 就能打开编辑。特点是：线条带手绘抖动感，看起来很亲切，像在白板上画的一样。
下面是麦克风选购三步走的流程图，先点链接打开体验一下交互感，再看看下方的截图：
🔗 在线体验：点此打开 Excalidraw 流程图
为什么用 Excalidraw？ 因为它是可编辑的——别人拿到文件可以自己改，不像图片那样改不了。适合团队协作的前期讨论。
🖥️ 2. Architecture Diagram — 深色技术架构图
适合：系统架构、技术链路、产品结构说明
如果你要画的是”系统内部怎么工作的”，深色技术风是最好的选择。它用专业感的配色和分层布局，让人一看就觉得”这个很技术”。
下面是麦克风的信号链路和两种类型的技术对比：
为什么用 Architecture Diagram？ 因为它能清晰地展示”从声源到电信号”的完整链路，并且把动圈和电容的内部原理做对比。适合技术文档、方案说明。
📊 3. Baoyu Infographic — 信息图
适合：知识总结、数据可视化、社交媒体分享
信息图把信息浓缩成一张竖长图，适合快速传播和收藏。重点在于视觉层次——标题、数据、结论一目了然。
为什么用信息图？ 因为一张图就能把”所有要点”都装进去。适合做知识卡片、小红书/知乎封面图、教程的配套总结图。
🎬 4. Baoyu Comic — 知识漫画
适合：科普故事、产品推广、教程叙事
知识漫画通过”剧情 + 对白 + 画面”来传递信息，比纯文字更有代入感。适合讲一个”从踩坑到解决”的故事。
为什么用漫画？ 因为故事最容易让人记住。小白的踩坑经历→朋友指点→最终找到方案，这个”问题→解法”的叙事结构，比直接列123更打动人。
📋 四种风格对比总结
| 风格 | 文件格式 | 最大特点 | 最适合场景 |
|---|---|---|---|
| Excalidraw | JSON (拖到 excalidraw.com) | 可编辑、手绘亲切感 | 团队协作、流程图 |
| Architecture Diagram | HTML | 专业深色、技术感强 | 系统架构、技术文档 |
| Infographic | SVG/PNG | 信息密度高、视觉效果佳 | 知识卡片、社交媒体 |
| Comic | SVG/PNG | 故事性强、有代入感 | 科普、教程、产品推广 |
怎么用这些技能？
如果你需要画图，按这个思路选：
- 要跟同事讨论方案 → Excalidraw（可编辑、像白板）
- 要写技术文档 → Architecture Diagram（专业、严谨）
- 要做知识分享 → Infographic（一张图说清楚）
- 要讲故事 → Comic（有剧情、有温度）
我是 Way，一个音频算法工程师。有什么画图需求，可以找我帮忙。
• ... 次阅读