图标创作指南

SVG 图标生成器

写明图标主体,选择视觉风格,再把完整需求带入 GlyPho,创建可编辑的 SVG 图标。

生成的带对勾 3D 盾牌图标
SVG 图标生成器
生成的 3D 图标系统,包含主页、搜索、通知和设置符号
生成的图标插画

图标系统工作流

用一套规则维持小型图标组的一致性

把每个图标都当作同一系统的一部分。连续生成时重复以下五项决定,让新图标彼此呼应,又不流于复制。

主体

整组图标选择信息层级相近的对象与动作,避免有的过简、有的过细。

描边

固定描边粗细,并明确内部细节是否沿用同样的线宽。

圆角

统一圆角半径、线帽和转角,让轮廓同样利落或同样柔和。

配色

复用精简色板,并保持前景与背景的对比关系一致。

使用场景

每条提示词都写明相同的产品界面、显示尺寸与背景条件。

提示词要点

怎样写好 SVG 图标提示词

有效需求通常依次说明主体、视觉规则和使用场景。格式也要按用途选择:SVG 图标与 PNG 图标适合不同工作流。

先说明主体与动作

写清对象、正在发生的动作,以及缩小后仍必须辨认出的关键细节。

再约束视觉规则

指定线框或填充、描边粗细、圆角特征、配色,以及能否使用阴影或渐变。

补充使用场景与边界

说明目标界面、背景、显示尺寸,以及需要省略的细节。

SVG 适合灵活的界面素材

SVG 在不同尺寸下仍然清晰,形状、填充和描边也便于后续调整。

PNG 适合固定像素交付

目标渠道只接受位图时可使用 PNG,但缩放和改色不如 SVG 灵活;此处的目标输出仍是 SVG。

图标使用场景

按风格查看生成的图标插画

以下生成的图标插画用于说明本页的风格方向,并不是上方 Prompt Starter 生成的结果。不同方向可以服务不同的产品用途。

生成的带对勾 3D 盾牌图标

Outline

克制的线框方向,适合产品 UI、导航、设置项和紧凑的功能标签。

生成的柔和填色闪光图标

Soft Filled

亲和的填充方向,适合空状态、引导步骤和轻松的状态反馈。

生成的几何双色网格图标

Geometric Duotone

结构清晰的双色方向,适合文档、功能说明和产品教育内容。

生成的线稿下载图标

Line Art

更具表现力的线稿方向,适合营销页面、编辑内容和发布叙事。

常见问题

SVG 图标生成器常见问题

关于输出、提示词结构、一致性、编辑方式与局限的实用说明。

提交 Prompt Starter 后会发生什么?

GlyPho 会保留提示词和所选风格,再打开完整工作台或登录流程。生成完成前,此落地页不会展示虚构结果。

SVG 图标工作流输出什么格式?

完整工作台完成生成后,结果为 SVG。页面中的生成插画仅作为视觉参考,不会被描述成这次提交生成的作品。

怎样让小型图标组保持一致?

每条提示词都复用同一风格预设、主体细节、描边粗细、圆角处理、配色、背景与产品语境。

有效的图标提示词应该包含什么?

写明主体与动作、风格、描边或填充、圆角、配色、背景、目标尺寸、产品界面,以及需要避开的细节。

生成结果可以继续编辑吗?

SVG 会保留矢量形状、填充、描边与路径,可在兼容 SVG 的设计或代码工具中继续调整;复杂作品可能仍需手动整理。

这类生成有哪些局限?

不同尝试的细节可能有差异。用于正式产品前,请检查小尺寸辨识度、视觉对齐、色彩对比、品牌准确性和路径复杂度。

把图标需求带入完整工作台

先完成一个边界清楚的图标,检查生成后的 SVG,再把同一套视觉规则复用到一组相关图标中。