对比图
对比图并列展示多方案在同一组维度上的优劣,适合选型评审。构图AI「对比图」技能可一句话生成可编辑对比图。
对比图
对比图并排呈现方案差异,适合选型与评审。构图AI「对比图」技能可快速生成可编辑手绘对比布局。
登录可免费体验 1 次;VIP 期内不限制日常画图;导出 PNG / SVG / .excalidraw。
什么时候用
- 技术选型:框架、数据库、消息队列、云厂商对照,维度可含生态、成本、运维复杂度。
- 方案评审:自研 vs 采购、同步 vs 异步、单体 vs 拆分,突出取舍而非口号。
- 产品决策:套餐、功能包、竞品能力并排,方便产品与销售对齐口径。
- 对内沟通:减少会议里各说各话,用同一张图锚定讨论范围。
不适合表达时间顺序(时间线)或系统连接(拓扑图)。若只需按紧急/重要快速分类,象限图往往更快;维度很多且要精确阅读时,可「图做摘要 + 表做细节」。站点「工具对比」栏目也有长文可配合阅读。
核心元素
| 元素 | 说明 |
|---|---|
| 方案列 | 每列一个对象,顶部写名称 |
| 对比维度 | 特性、成本、生态、风险等行项 |
| 对齐 | 同维度卡片水平对齐,便于扫读 |
| 优劣色 | 优势绿色系、劣势红色系等约定色 |
| 结论区(可选) | 底部一句推荐场景,避免变成纯表格墙 |
维度要可验证:尽量写「社区活跃度、运维成本、学习曲线」,少写空泛的「更好」「更现代」。每一方在同一维度上都应有对应内容,避免「A 写了性能、B 只写口号」。
排版规则(对比专用)
- 列数 2~4:超过四列字号会被压扁,先筛再比。
- 同行严格对齐:同一维度横贯各列,读者才能横向扫读。
- 优劣色约定一致:全图统一「优势/中性/劣势」配色,并在角落给图例。
- 底部写推荐场景:一句话说明「谁在什么情况下选谁」,结束无休止站队。
反例:五列框架横向并排,每格写一大段营销话术,没有统一维度行——投影时谁也读不完。应先砍到三个候选,维度固定为生态、学习成本、性能、运维,每格一句话。
Prompt 好坏对比
| 示例 | 为什么 | |
|---|---|---|
| 差 | 画个对比图 | 无对象无维度 |
| 差 | 对比市面上所有前端框架 | 列数爆炸,无法决策 |
| 好 | 画 React vs Vue vs Angular:生态、学习成本、性能、适合团队规模 | 维度可验证、列数合适 |
| 好 | 画 MySQL vs PostgreSQL 选型:事务、生态、运维、扩展,并写推荐场景 | 便于评审收束 |
评审结尾建议补一句「推荐场景」:例如 A 适合中小团队快速上线,B 适合已有运维体系的大规模部署。没有场景边界的对比,很容易变成无休止的口头争论。
常见错误
- 维度不对称:一方有、另一方空,失去可比性,评审容易变成站队。
- 方案过多:五六列挤在一起,字小到无法投影,应先筛选再对比。
- 结论先行、证据缺失:图变成广告,而非决策工具。
- 与架构图混画:一边对比一边画部署细节,焦点涣散,建议拆图。
- 用情绪词代替事实:「很烂」「吊打」无法进入正式选型文档。
与相邻图类型的区别
| 维度 | 对比图 | 象限图 | 架构图 |
|---|---|---|---|
| 结构 | 多列对照表式 | 二维四象限 | 分层组件 |
| 目的 | 逐项优劣 | 快速归类定位 | 系统结构 |
| 维度数量 | 多个平行维度 | 固定两轴 | 非对比维度 |
| 典型 | 框架选型表 | 优先级矩阵 | 微服务全景 |
选型会议怎么用这张图
对比图进会议室前,先完成三件事,否则图会变成站队道具:
- 先筛后比:用象限或粗筛把候选压到 2~4 个,再进对比图。
- 维度冻结:开会前锁定维度列表,禁止现场临时加「感觉」「潮流」。
- 场景收束:底部必须写「推荐场景」——没有场景就没有决策。
维度建议从「必须满足 / 加分项 / 风险项」三类里各挑若干,例如生态、学习成本、运维复杂度、迁移成本。每格只写可核对的短句,细节放到附录表。站点长文对比可与图互补:图做摘要,文做论据,例如 vs Excalidraw 与 AI 画图方案对比。
会议结束时把「选定方案 + 放弃理由」写进结论区,避免下周重开同一场讨论。
竞品对比时,维度尽量选「用户可感知」与「团队可承受」各一半,例如功能完整度、迁移成本、价格、学习曲线;只堆功能勾选容易得出「什么都要买」的假结论。
用构图AI怎么画
选择「对比图」,写清对象与维度,例如:「画 React vs Vue vs Angular 对比图」。或「MySQL vs PostgreSQL 技术选型」。生成后对齐维度、润色措辞,再导出。可先用象限图筛掉明显不合适的选项,再用对比图深挖;落地影响则另开架构图说明。
构图AI 共 12 种技能,选型材料常与象限图、架构图搭配:象限先筛,对比深挖,架构说明落地影响。站点对比栏目可与本技能图配合使用。
相关:工具对比栏目 · vs Excalidraw · AI 画图方案对比 · 免费工具指南 · 使用此技能画图
示例 prompt
- 画 React vs Vue vs Angular 的对比图
- 画 MySQL vs PostgreSQL 的技术选型对比图
常见问题
对比图和象限图如何选择?+
需要逐项对照多个维度(性能、生态、成本)用对比图;需要按两个轴做四宫格归类用象限图。选型前期常用象限,深入决策常用对比。
对比几列最合适?+
2~4 列最清晰。超过 4 个方案建议先筛掉明显不合适的,或拆成两张图。
构图AI 能标优缺点颜色吗?+
可以。在描述里说明优势/劣势维度,生成后也可在画布调整配色,并导出 PNG、SVG、.excalidraw。
维度怎么写才客观?+
用可验证表述(学习曲线、运维成本、社区活跃度),少写「更好」「更现代」;每一方在同一维度都要有对应内容。