UI 设计提示词:3 条让 AI 出图更专业,界面、图标、组件一次配齐。
UI 设计提示词:3 条让 AI 出图更专业。用这些提示词,AI 出的 UI 图能直接用。
先拿走 3 条:UI 设计提示词
UI 设计提示词模板
| 类型 | 模板 | 示例 |
|------|------|------|
| App界面 | 设计一个{{App类型}}首页,风格{{风格}},主色调{{颜色}},包含{{模块}} | 健身App、简洁现代、绿色 |
| 网页设计 | 设计一个{{产品类型}}官网,风格{{风格}},主色调{{颜色}},包含{{模块}} | SaaS产品、科技感、深蓝 |
| 图标设计 | 设计一组{{App类型}}图标,风格{{风格}},包含{{图标列表}},尺寸{{尺寸}} | 社交App、扁平化、64x64px |
两个场景模板+参考选项
场景一:App 界面设计
- {{App类型}}:健身/社交/电商/教育
- {{风格}}:简洁现代/科技感/可爱/商务
- {{颜色}}:绿色/蓝色/橙色/紫色
- {{模块列表}}:今日数据、推荐内容、社区动态
场景二:网页设计
- {{产品类型}}:SaaS/电商/企业/个人
- {{风格}}:科技感/简约/商务/创意
- {{颜色}}:深蓝/白色/黑色/彩色
- {{页面模块}}:产品介绍、功能展示、客户案例、定价方案
深度分析:为什么 UI 提示词要具体
AI 出图是「按描述生成」,描述越具体,出图越符合预期。颜色、风格、模块都要写清楚,否则 AI 会随机发挥。
实操对比:好提示词 vs 差提示词
| 维度 | 差提示词 | 好提示词 |
|------|----------|----------|
| 风格 | 设计一个App | 设计一个健身App首页,风格简洁现代 |
| 颜色 | 无 | 主色调绿色 |
| 模块 | 无 | 包含今日运动数据、推荐课程、社区动态 |
| 结果 | 随机 | 符合预期 |
常见问题解答
Q:AI 出的 UI 能直接用吗?
A:可以作为初稿,但需要设计师调整细节。
Q:哪个 AI 工具适合 UI 设计?
A:Midjourney、DALL-E、Stable Diffusion 都可以,Midjourney 效果最好。
Q:怎么提高出图质量?
A:用「参考图」+「详细描述」,效果比纯文字描述好。
进阶技巧
1. 用「参考图」:上传竞品截图,让 AI 参考风格
2. 用「迭代优化」:第一次出图不满意,把问题反馈给 AI
3. 用「变体生成」:让 AI 生成多个版本,选最好的