格子越深,表示该主题在这项指标上越高。
清晰80
说服78
密度35
制作成本22
作业适配88
工作适配84
低高
简短问答
什么时候选Excalidraw 草图线框?
故事符合「启动、课堂头脑风暴、广告概念板、用户体验大纲」时选用。
什么时候避开?
遇到「最终的品牌资产必须与严格的设计体系相匹配」就换形式。
谁发明或推广了它?
Excalidraw(麻省理工学院)使协作草图成为默认的 OSS 习惯
它编码什么?
手绘框、箭头和便签作为思维层
广告能用吗?
在微信、抖音与展示广告里主张能一眼看见就可以;否则把图放在落地页。
老师会收吗?
实验报告与展板里有轴、单位、来源一行就可以。
Excalidraw 草图线框把值编码为手绘框、箭头和便签作为思维层。Excalidraw(麻省理工学院)使协作草图成为默认的 OSS 习惯。
工作报告、广告与作业中适合「启动、课堂头脑风暴、广告概念板、用户体验大纲」。若「最终的品牌资产必须与严格的设计体系相匹配」,换一种形式。
软件
- Excalidraw — 具有可导出场景的虚拟白板 - 麻省理工学院。 · MIT · github.com/excalidraw/excalidraw
- Excalidraw libraries — 可重复使用的形状包可加快草图绘制速度。 · MIT · github.com/excalidraw/excalidraw-libraries
- Rough.js — 许多草图 UI 背后的手绘美学原语。 · MIT · github.com/rough-stuff/rough
- tldraw — 另一个开放的画布,可用于无限的白板式工作。 · Apache-2.0 · github.com/tldraw/tldraw
- Callout demos — 无需 SaaS 即可教授徽章和标注。 · 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。
Excalidraw 草图线框:守住手绘框、箭头和便签作为思维层,「最终的品牌资产必须与严格的设计体系相匹配」时换图。