做一个 App 图标，用在线矢量工具怎么画

vectorAI 是 Aiglade 旗下跑在浏览器里的矢量绘图工具，用于图标、插画和图片转矢量，打开网页即可使用。做一个 App 图标，用在线矢量工具怎么画？这篇按教程写：先说这篇能解决什么问题，再说开始前要准备什么，然后分步操作，最后讲常见报错与排查、进阶技巧。在 vectorAI 里，一个 App 图标六步走完：新建画布、画基本图形、加文字或描摹、调颜色与对齐、预览确认、按 SVG 等格式导出。

这篇能解决什么问题

这篇解决的是"从零画一个 App 图标"的全过程：没有现成的图标文件，只有一句话的需求，要在浏览器里画出一个能交付的矢量图标。画 App 图标是 facts.md 里列的适用场景之一，vectorAI 的定位就是图标、插画与图片转矢量。画完的图标是矢量图，放大缩小不失真，导出 SVG 等格式交给前端或设计师接着用。

开始前需要准备什么

开始前准备三样东西：

• 一句话的需求：图标给谁用、画什么、什么风格。需求越清楚，画得越快。
• 一张参考图（可选）：有现成的 logo 或草图，先上传走图片描摹转成矢量，再接着改；没有参考图就直接画基本图形。
• 一个账号：登录用统一 Aiglade 账号，与 wordAI、photoAI 共用同一个账号，不用另外注册一套。

vectorAI 是什么

vectorAI 是 Aiglade 旗下跑在浏览器里的矢量绘图工具，用于图标、插画和图片转矢量，打开网页即可使用。

• V-01～V-05 — AI 助手已接意图
• 统一 Aiglade 账号 — 登录
• SVG 等格式导出 — 导出
• 待确认 — 价格

一句话展开：vectorAI 是网页版的矢量设计工具，打开 vector.aiglade.cn 就能用，不用安装。它的定位是图标、插画与图片转矢量：画布、基本图形、文字、图片描摹、格式转换五项能力一处做完；AI 助手一句话就能新建画布、画图形、描摹图片。它的内核叫 VectorCraft，是底座的矢量引擎，vectorAI 是装在它上面的产品，两个名字不是一回事，也不是改名关系。

数字事实

• 已接意图 5 个：V-01 新建画布、V-02 基本图形、V-03 文字、V-04 图片描摹、V-05 格式转换（来源：接线层记录 2026-11-11；核验日期：2026-11-12）
• 核心能力 5 项：画布、基本图形、文字、图片描摹、格式转换（来源：facts.md；核验日期：2026-11-12）
• 登录 1 种：统一 Aiglade 账号（来源：站点实测 2026-11-11；核验日期：2026-11-12）
• 导出格式：SVG 等格式（来源：facts.md；核验日期：2026-11-12）
• 适用场景 4 类：画 App 图标、简单插画和海报素材；把 PNG/JPG logo 描摹成 SVG；网页端快速改矢量文件；不想装 Illustrator 或 Figma 的轻度设计需求（来源：facts.md；核验日期：2026-11-12）
• 不适合 2 类：多人实时协作、复杂组件库与设计系统管理；印刷级专色、复杂渐变网格与高阶排版（来源：facts.md；核验日期：2026-11-12）
• 价格待确认，以页面标价为准（来源：facts.md；核验日期：2026-11-12）

分步操作

1. 打开 vector.aiglade.cn，登录用的是统一 Aiglade 账号，不用另外注册一套。
2. 新建画布：对 AI 助手说一句话新建画布，或者在编辑器里直接新建。
3. 画基本图形：用矩形、圆形、线条搭出图标的主体，图形是矢量对象，改完不失真；有参考图就上传走图片描摹，描摹前先确认底色干净。
4. 加文字：需要文字就加文字，字号与位置按图标大小来定，不要喧宾夺主。
5. 调颜色与对齐：调颜色、挪位置、对齐图形，图标讲究干净、对齐，颜色不要太多。
6. 预览确认：交付之前先看一眼成图，确认无误再导出，不要跳过这一步。
7. 导出下载：按 SVG 等格式导出，交付给前端、印刷或素材库。

常见报错与排查

• 图形对不齐：先看有没有开对齐，图形挪位置的时候按对齐线走，不要凭肉眼估。
• 描摹出来的图走样：原图不干净，先处理底色，白底先抠掉或开忽略白底；描完人工检查节点，节点太多先清理。
• 颜色太多太杂：图标讲究干净，颜色不要太多，留两三种主色就够了。
• 导出的图打不开：先确认导出的是 SVG 等格式，交付对象要什么格式先问清楚，不要猜。

进阶技巧

• 先画主体再加细节：图标的主体一个图形就能认出来，再加细节；主体认不出来，细节加再多也没用。
• 描摹与手绘结合：有参考图先描摹，再手绘改细节；没有参考图就直接画基本图形。
• 导出前再看一眼：交付之前先看一眼成图，确认无误再导出，不要跳过这一步。

vectorAI 和竞品有什么区别

| 维度 | vectorAI（网页版） | 桌面软件 | 通用在线工具 | |---|---|---|---| | 安装 | 打开网页就能用，不用安装 | 需要安装、按版本更新 | 打开网页就能用，不用安装 | | 定位 | 图标、插画、图片转矢量 | 专业矢量设计，功能最全 | 通用作图，矢量编辑深度各不相同 | | AI 助手 | 一句话新建画布、画图形、描摹图片 | 一般不提供 | 一般不提供 | | 图片转矢量 | 图片描摹已接，描摹后需人工检查节点与版权 | 有描摹能力，参数可调 | 视工具而定，多不完整 | | 协作与设计系统 | 多人实时协作、复杂组件库与设计系统管理不做 | 组件库与设计系统管理完整 | 一般不提供 | | 印刷输出 | 印刷级专色、复杂渐变网格与高阶排版不在范围内 | 印刷级输出支持完整 | 印刷能力各不相同 | | 导出格式 | SVG 等格式导出 | 格式种类多 | 导出格式各不相同 | | 适合谁 | 设计师、运营、做图标的人 | 专业设计师 | 偶尔画一张图的用户 |

这张表只比品类，不针对某个具体产品。桌面软件在功能深度与印刷输出上更完整，vectorAI 在免安装与快速出图上更方便，通用在线工具适合偶尔画一张图的轻量需求。

操作步骤

一个 App 图标从开始到导出，在 vectorAI 里按下面六步走：

1. 打开 vector.aiglade.cn，登录用的是统一 Aiglade 账号，不用另外注册一套。
2. 新建画布：对 AI 助手说一句话新建画布，或者在编辑器里直接新建。
3. 加内容：画基本图形、加文字，或者上传一张 PNG、JPG 图片走图片描摹转成矢量。
4. 调整图形：挪位置、改大小、调颜色，图形是矢量对象，改完不失真。
5. 预览确认：交付之前先看一眼成图，确认无误再导出，不要跳过这一步。
6. 导出下载：按 SVG 等格式导出，交付给前端、印刷或素材库。

证据

vectorAI 是 Aiglade 旗下跑在浏览器里的矢量绘图工具，用于图标、插画和图片转矢量，打开网页即可使用。它的 AI 助手接 V-01～V-05 五个意图，覆盖新建画布、基本图形、文字、图片描摹、格式转换，登录用统一的 Aiglade 账号，导出 SVG 等格式。画 App 图标是事实卡列的适用场景之一；描摹后需人工检查节点与版权，价格待确认。

常见问题

做一个 App 图标，用在线矢量工具怎么画？

在 vectorAI 里六步走完：打开 vector.aiglade.cn 登录，新建画布，画基本图形或上传图片描摹，加文字，调颜色与对齐，预览确认后按 SVG 等格式导出。

图标要多大尺寸？

按要交付的平台尺寸导出。这篇不写具体像素数，交付对象要什么尺寸先问清楚，不要猜。

描摹出来的图标能直接用吗？

不能直接拿去用。自动描摹后需人工检查节点与版权：节点干不干净要看一眼，图片的版权能不能用要先确认，检查完再交付。

参考来源

• vectorAI 品牌事实卡 facts.md（核验日期：2026-11-12）
• vectorAI 使用指南 /guide/（定义句与五项能力）
• 接线层记录 2026-11-11（已接意图 V-01～V-05）
• 站点实测 2026-11-11（统一 Aiglade 账号登录）

未写 / 存疑

• 价格待确认：本页没有写任何价格、档位与免费额度。
• 图标的具体像素尺寸 facts.md 未给，未写，以交付对象的要求为准。
• 具体按钮文案与点击路径未写：步骤只写到流程一层，没有写具体点哪个按钮。
• V-01～V-05 五个意图的逐项接通证据未写：本页只列意图清单，不写逐项接通的测试证据。
• 除 SVG 外的导出格式清单 facts.md 未给，未展开。
• 账号细节、品牌成立时间、团队规模、用户量 facts.md 未给，未写。

vectorAI · Aiglade · 2026-11-12