Image2Studio
提示词

gpt-image-2

深色 AI 编程仪表盘 UI

一款专为 AI 编程平台打造的精致深色模式分析仪表盘,适用于 SaaS 产品设计原型、管理后台及数据密集型 Web UI 展示。

一款专为 AI 编程平台打造的精致深色模式分析仪表盘,适用于 SaaS 产品设计原型、管理后台及数据密集型 Web UI 展示。
一款专为 AI 编程平台打造的精致深色模式分析仪表盘,适用于 SaaS 产品设计原型、管理后台及数据密集型 Web UI 展示。
提示词

{ "type": "深色 SaaS 分析仪表盘 UI", "product": { "brand": "{argument name=\"brand name\" default=\"AICode\"}", "theme": "深海军蓝磨砂玻璃质感界面,带有微妙的渐变、柔和光晕、圆角卡片、细边框,现代开发者工具美学" }, "canvas": { "aspect_ratio": "16:9", "background": "深午夜蓝,带有淡淡的暗角和柔和的径向光效" }, "layout": { "structure": "左侧边栏加主内容区域", "sections": [ { "title": "侧边栏", "position": "左侧", "count": 8, "labels": ["AICode", "概览", "项目", "AI Assistants", "API 与使用情况", "代码质量", "团队", "设置"], "details": "顶部显示 Logo,选中“概览”并带有紫色高亮,底部订阅卡片显示 Pro Plan,12 天后到期,水平进度条显示 75%,底部用户个人资料包含头像、{argument name=\"user name\" default=\"Alex Morgan\"} 以及邮箱 alex@morgan.dev" }, { "title": "页眉", "position": "顶部主区域", "count": 4, "labels": ["欢迎回来,Alex 👋", "这是您 AI 编程平台今日的动态。", "2024 年 5 月 12 日 – 6 月 12 日", "导出报告"], "details": "左侧为大号问候语,右侧为日期范围选择器和导出按钮" }, { "title": "指标卡片", "position": "页眉下方第一行", "count": 4, "labels": ["总用户数", "活跃项目", "API 调用量", "代码质量评分"], "values": ["12,842", "2,153", "1.28M", "876"], "details": "每张卡片包含一个小图标、大号主数值,以及与 2024 年 4 月 12 日 – 5 月 12 日的对比文本,正向增长百分比分别为 14.6%、8.3%、23.7%、5.9%,底部带有迷你折线图;颜色分别为紫色、绿色、琥珀色和蓝色" }, { "title": "主要分析面板", "position": "中间和底部行", "count": 4, "labels": ["API 调用趋势", "热门项目", "用户活跃热力图", "代码质量趋势"], "details": "“API 调用趋势”为宽幅面积图,带有“每日”下拉菜单,紫色折线呈上升趋势,终点接近 250K;“热门项目”为包含 5 个项目的排名列表,带有进度条和百分比变化;“用户活跃热力图”为 7 行周热力图,带有从上午 12 点到晚上 9 点的小时标签;“代码质量趋势”为折线图,带有“每周”下拉菜单,紫色曲线平滑上升,从约 70 升至 90 出头" }, { "title": "热门项目列表", "position": "中间右侧面板", "count": 5, "labels": ["AI Code Assistant", "Smart Refactor", "Code Review Bot", "Doc Generator", "Test Builder"], "values": ["485K", "321K", "214K", "132K", "98K"], "details": "前四项的绿色正向增长分别为 12.4%、8.7%、3.1%、6.8%,Test Builder 为红色负增长 -1.2%;每一行都有一个彩色方形图标和细水平进度条" } ] }, "style": { "visual_language": "高端金融科技与 AI 产品设计原型", "rendering": "清晰的高保真 UI 原型,微妙的阴影,霓虹边缘光效,精致的图表,简洁的无衬线字体", "primary_accent": "{argument name=\"accent color\" default=\"电光紫\"}", "secondary_accents": ["翡翠绿", "琥珀黄", "青蓝色"], "density": "信息丰富且空间感强,网格平衡,高度易读" } }

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

把这个 深色 AI 编程仪表盘 UI 提示词当作起点。替换主体、产品细节、场景、光线、品牌颜色和输出画幅,同时保留 app-ui-mockup 的用途和 editorial, minimal, cyberpunk, isometric 的视觉方向。

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

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

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

深色 AI 编程仪表盘 UI 的重点是先固定图片用途,再用主体、构图、光线、风格和画幅控制生成结果。它适合 app ui mockup,并保留 editorial, minimal, cyberpunk, isometric 的视觉方向。

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