AI制造局 提示词 · 本局出品
← 返回首页
ui

UI 设计提示词:3 条让 AI 出图更专业

更新于 2026年9月7日 分类:创意设计 更多提示词 →

UI 设计提示词:3 条让 AI 出图更专业,界面、图标、组件一次配齐。

UI 设计提示词:3 条让 AI 出图更专业。用这些提示词,AI 出的 UI 图能直接用。

先拿走 3 条:UI 设计提示词

示例1
设计一个健身 App 首页,风格:简洁现代,主色调:绿色,包含:今日运动数据、推荐课程、社区动态。
示例2
设计一个电商 App 商品详情页,风格:扁平化,主色调:橙色,包含:商品图片、价格、评价、购买按钮。
示例3
设计一个音乐播放器界面,风格:暗黑模式,主色调:紫色,包含:专辑封面、播放控制、歌词显示。

UI 设计提示词模板

| 类型 | 模板 | 示例 |
|------|------|------|
| App界面 | 设计一个{{App类型}}首页,风格{{风格}},主色调{{颜色}},包含{{模块}} | 健身App、简洁现代、绿色 |
| 网页设计 | 设计一个{{产品类型}}官网,风格{{风格}},主色调{{颜色}},包含{{模块}} | SaaS产品、科技感、深蓝 |
| 图标设计 | 设计一组{{App类型}}图标,风格{{风格}},包含{{图标列表}},尺寸{{尺寸}} | 社交App、扁平化、64x64px |

两个场景模板+参考选项

场景一:App 界面设计

模板
设计一个{{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 生成多个版本,选最好的

返回首页继续找提示词 浏览全部分类
分享这篇提示词: 微博 QQ空间 微信:复制链接发给朋友即可
局
AI 制造局 · 提示词工坊

一个人工整理的中文提示词库。每篇都按「示例+模板+参考选项+使用说明」的标准出厂,提示词经实际使用验证;内容由本站编辑撰写,欢迎按自己的场景改造成更好用的版本。

发表评论