Image2Studio
提示词

gpt-image-2

Iridescent Butterfly UI/UX 设计系统

生成一个全面的深色模式 UI/UX 设计系统项目,包含受虹彩蝴蝶翅膀启发的配色方案、排版、移动端界面和网页预览。

生成一个全面的深色模式 UI/UX 设计系统项目,包含受虹彩蝴蝶翅膀启发的配色方案、排版、移动端界面和网页预览。
生成一个全面的深色模式 UI/UX 设计系统项目,包含受虹彩蝴蝶翅膀启发的配色方案、排版、移动端界面和网页预览。
提示词

{ "type": "UI/UX 设计系统展示项目", "theme": "深色模式,自然灵感,发光虹彩美学", "header": { "title": "自然灵感 UI\n{argument name=\"system title\" default=\"蝴蝶虹彩\"}\nUI/UX 设计系统", "description": "{argument name=\"chinese description\" default=\"从蝴蝶翅膀中汲取灵感,将结构色的虹彩光泽与深邃蓝融入界面设计,创造轻盈、灵动、充满生命力的数字体验。\"}", "hero_image": "大型、高细节、发光的蓝紫色虹彩蝴蝶翅膀" }, "layout": { "sections": [ { "title": "设计灵感", "count": 4, "description": "展示虹彩蝴蝶翅膀特写和光线折射的方形缩略图" }, { "title": "关键词", "count": 5, "labels": ["虹彩", "灵动", "轻盈", "深邃", "自然"] }, { "title": "色彩系统", "subsections": [ { "title": "主色", "count": 3, "labels": ["大闪蝶蓝 #1E5BFF", "虹彩紫 #7A5CFF", "天空光 #00E6FF"] }, { "title": "中性色", "count": 3, "labels": ["午夜黑 #0B0F19", "柔和海军蓝 #141A2E", "珍珠白 #F3F6FC"] }, { "title": "强调色与渐变", "count": 2, "labels": ["彩虹光泽", "蝴蝶光芒"] } ] }, { "title": "排版", "content": "Aa Poppins Light / Regular / Medium / SemiBold" }, { "title": "应用图标", "count": 1, "text": "应用名称 {argument name=\"app name\" default=\"Winglet\"} 轻盈。灵动。优美。" }, { "title": "UI 组件", "subsections": [ { "title": "按钮", "count": 6, "labels": ["主要按钮", "次要按钮", "玻璃质感", "心形图标", "发光球体图标", "开关"] }, { "title": "其他元素", "count": 5, "labels": ["搜索栏", "标签 (New)", "进度条 (72%)", "卡片 (Blue Morph)", "滑块"] } ] }, { "title": "移动端 UI", "count": 3, "screens": ["探索页面", "带有大型蝴蝶翅膀的今日页面", "带有波形图的音频播放页面"] }, { "title": "网页设计预览", "count": 1, "details": "桌面浏览器模型,首屏区域包含 '{argument name=\"web hero headline\" default=\"光之生命\"}' 和 '立即探索' 按钮" }, { "title": "视觉背景", "count": 4, "description": "展示抽象虹彩波纹的矩形缩略图" } ], "footer": "源于自然的设计,为体验而生。" } }

提示词结构
  • 模型gpt-image-2
  • 用途app-ui-mockup
  • 风格editorial
  • 画幅Flexible
适用场景
  • 用途app-ui-mockup
  • 风格editorial
  • 推荐规格1:1, 4:5, 16:9, or 9:16
  • 模型GPT Image 2
如何修改

把这个 Iridescent Butterfly UI/UX 设计系统 提示词当作起点。替换主体、产品细节、场景、光线、品牌颜色和输出画幅,同时保留 app-ui-mockup 的用途和 editorial 的视觉方向。

可替换变量
  • 主体替换成你的产品、人物、场景或界面对象。
  • 用途保留或改写为 app ui mockup、广告图、封面、海报或电商主图。
  • 画幅按投放位置选择 1:1、4:5、16:9 或 9:16。
  • 品牌线索补充颜色、材质、道具、文案安全区和最终使用平台。
推荐规格

先按目标平台选择画幅,再根据用途选择 1K、2K 或 4K。产品图和海报通常适合更高清晰度。

生成前检查
  • 检查主体、光线、构图和画幅都足够明确。
  • 检查如果图片要承载标题或广告文案,已经预留文字安全区。
  • 检查生成前确认分辨率、额度成本和最终使用位置。
为什么有效

Iridescent Butterfly UI/UX 设计系统 的重点是先固定图片用途,再用主体、构图、光线、风格和画幅控制生成结果。它适合 app ui mockup,并保留 editorial 的视觉方向。

常见问题
  • 能直接用吗?可以。先替换主体、品牌线索和画幅,再进入 Image2Studio 生成。
  • 适合什么比例?按平台选择 1:1、4:5、16:9 或 9:16。