How to generate SVG from text
这篇教程说明如何用 GlyPho generate SVG from text。重点不是写一份完美设计 brief,而是给生成器足够的产品上下文,让它生成可以检查、复制、下载和继续打磨的可编辑 SVG。
1. 先选择一个素材类型
从一个具体 SVG 素材开始:
- 产品图标
- Logo 方向
- 空状态插画
- 文档视觉
- UI 卡片图形
- 发布页图案
不要写 “make something cool for my app” 这类模糊提示词。越聚焦,GlyPho 越容易生成可用方向。
2. 描述产品语境
告诉 GlyPho 这个 SVG 会出现在哪里。Landing page hero、功能网格、dashboard 空状态和文档页面,需要的视觉密度都不一样。
示例:
Create a clean SVG illustration for a dashboard empty state in a project management app.
3. 加入视觉隐喻
视觉隐喻能让 SVG 有明确主体。常见例子:
- Growth arrow
- Connected nodes
- Shield
- Inbox tray
- Document stack
- Spark
- Search lens
示例:
Create a clean SVG illustration for a dashboard empty state in a project management app, showing an organized document stack and a small search lens.
4. 指定风格
使用容易判断的风格词:
- Minimal outline
- Duotone
- Line art
- Soft product illustration
- Geometric logo mark
- Simple mascot
示例:
Create a clean SVG illustration for a dashboard empty state in a project management app, showing an organized document stack and a small search lens, in a minimal duotone SaaS style.
5. 加入约束
约束能让输出更容易使用:
- Works at 24px
- No background
- Single color
- Centered composition
- High contrast
- Suitable for a website header
- Editable SVG
最终示例:
Create a clean SVG illustration for a dashboard empty state in a project management app, showing an organized document stack and a small search lens, in a minimal duotone SaaS style, centered composition, no background, editable SVG.
6. 生成、检查、继续调整
打开 GlyPho,粘贴提示词,生成第一版方向。检查图形是否清晰、风格是否匹配产品,以及 SVG 是否能复制或下载进入你的工作流。
如果结果接近但还不对,一次只改一个部分:主体、风格、布局或约束。
