Image2Studio
案例

gpt-image-2

浅色模式 UI 设计系统项目

生成一套全面的 UI 设计系统演示,包含色彩方案、排版、组件以及具有未来感、虹彩美学的响应式模型。

生成一套全面的 UI 设计系统演示,包含色彩方案、排版、组件以及具有未来感、虹彩美学的响应式模型。
生成一套全面的 UI 设计系统演示,包含色彩方案、排版、组件以及具有未来感、虹彩美学的响应式模型。
提示词

{ "type": "UI 设计系统演示项目", "theme": "{argument name=\"visual theme\" default=\"光学科学与光折射\"}", "overall_aesthetic": "干净的白色背景,浅色模式,未来感,高级感,特色在于 {argument name=\"primary gradient colors\" default=\"虹彩、柔和橙色、黄色、青色、紫色、粉色\"} 点缀", "header": { "title": "{argument name=\"system name\" default=\"LIGHTCORE PRISM\"}", "subtitle": "UI 设计系统 - 浅色模式", "tags": ["未来感", "高级感", "专注"], "hero_graphic": "折射虹彩光线的 3D 透明玻璃环" }, "layout": { "sections": [ { "title": "色彩", "count": 5, "labels": ["白色 #FFFFFF", "雪色 #FAFAFC", "板岩色 #F2F4F8", "边框色 #E6E8EF", "黑色 #0A0A0C"], "description": "5 个圆角方形的纯色色块" }, { "title": "棱镜渐变", "count": 1, "description": "1 条长水平渐变条,下方附有 5 个十六进制颜色代码" }, { "title": "排版", "description": "大号 'Aa' 字体,列出 4 种字重(Light, Regular, Medium, Semibold)以及完整的字母表/数字" }, { "title": "图标", "count": 12, "description": "12 个极简线条风格图标,以 2x6 网格排列" }, { "title": "按钮", "count": 8, "categories": ["主要", "次要", "文本", "图标"], "description": "总计 8 个按钮,展示每种分类的正常和禁用状态。主要按钮具有虹彩边框和 {argument name=\"primary button text\" default=\"开始使用\"} 文本。" }, { "title": "导航", "count": 2, "variants": ["桌面端", "移动端"], "description": "桌面端导航包含 Logo、4 个文本链接、搜索、登录和一个按钮。移动端导航包含 Logo、搜索和汉堡菜单。" }, { "title": "组件", "count": 6, "items": [ "卡片:带有抽象虹彩图形和按钮的 'Photon Engine'", "输入框:带标签的搜索栏和电子邮件输入框", "进度条:68% 的虹彩进度条", "标签页:概览、分析、设置", "开关:2 个开关(开/关)", "数据可视化:1 个带 3 个图例项的环形图,1 个 7 天折线图" ] }, { "title": "网页", "description": "桌面浏览器模型,包含标题 '{argument name=\"hero headline\" default=\"用光与色彩构建未来\"}'、2 个按钮、流动的 3D 虹彩波浪图形以及底部的 5 个合作伙伴 Logo。" }, { "title": "移动应用", "description": "智能手机模型,显示 24,880 美元的余额、折线图、4 个快速操作图标、包含 3 个项目的近期活动列表以及带有 4 个图标的底部导航栏。" } ] } }

提示词结构
  • 模型gpt-image-2
  • 用途brand-identity
  • 风格minimal, 3d-render, cyberpunk, luxury
  • 画幅Flexible
适用场景
  • 用途brand-identity
  • 风格minimal, 3d-render, cyberpunk, luxury
  • 推荐规格1:1, 4:5, 16:9, or 9:16
  • 模型GPT Image 2
如何修改

把这个 浅色模式 UI 设计系统项目 提示词当作起点。替换主体、产品细节、场景、光线、品牌颜色和输出画幅,同时保留 brand-identity 的用途和 minimal, 3d-render, cyberpunk, luxury 的视觉方向。

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

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

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

浅色模式 UI 设计系统项目 的重点是先固定图片用途,再用主体、构图、光线、风格和画幅控制生成结果。它适合 brand identity,并保留 minimal, 3d-render, cyberpunk, luxury 的视觉方向。

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