可复用模板
提示词模板
创建一张用于[最终用途]的 UI 样机图。展示[产品类型]的[屏幕任务]，包含[核心模块]、[布局密度]、[设备或浏览器框]、[视觉系统]和[输出比例]。
提示词分类
UI 样机提示词
可复制的 UI 样机提示词，适合 App 界面、SaaS Dashboard、网站样机、产品演示图和带设备框的界面预览。
UI 样机提示词App UI promptSaaS dashboard prompt网站样机 prompt最后更新：2026-06-02
UI 样机提示词不是让模型随便生成一个「高级界面」，而是把产品类型、屏幕任务、可见模块、布局密度、设备框和输出画幅写清楚。这样生成出来的界面图才像真实产品预览，而不是装饰性 Dashboard。
如果你要做 App 预览图、SaaS 落地页首屏、产品功能演示、浏览器界面样机或社媒产品介绍图，可以从这里复制结构，再替换模块和视觉系统。
快速结论
写 UI 样机提示词时，先说明这是哪个产品、哪一个屏幕、用户正在做什么，再写界面模块、设备框和画幅。不要要求模型生成大量细小文字；关键文案应该预留区域，后期再加。
适合什么场景
- App 界面预览
- SaaS Dashboard
- 网站样机
- 产品演示视觉
提示词结构
- 产品类型：先说这是 AI 工具、电商 App、CRM、记账软件还是内容平台。
- 屏幕任务：写清是首页、数据看板、生成历史、设置页、结账页还是 Onboarding。
- 布局密度：说明信息密度，避免同时塞太多表格、弹窗和卡片。
- 设备或浏览器框：手机框、浏览器窗口、桌面应用或分屏编辑器要提前决定。
- 界面模块和画幅：列出真实模块，并指定 16:9、4:5 或 1:1。
提示词示例
SaaS Dashboard 样机
创建一张用于 SaaS 落地页首屏的 UI 样机图。画面展示浏览器窗口中的数据看板，包含收入卡片、趋势图、活动列表、筛选按钮和侧边导航。使用浅色纸感界面、黑色正文、苔绿色主按钮，16:9 画幅。
它写清了产品类型、屏幕任务、模块和视觉系统，不是只说高级 Dashboard。
提示词示例
AI 图片工作台 App
生成一张 AI 图片生成 App 的手机界面样机。展示生成历史页，包含余额标签、任务状态列表、图片缩略图网格、比例选择控件和生成按钮。使用浅中性色背景，4:5 社媒预览画幅，文字只做短标签。
它把真实工作流映射成可见模块，同时避免大量小字。
提示词示例
Prompt Optimizer 工具页
创建一张 Prompt Optimizer 的产品演示 UI 样机。展示浏览器窗口中的左右分栏编辑器：左侧是粗略 prompt，右侧是结构化改写结果，底部有复制按钮和进入 Studio 的 CTA，16:9 构图。
它说明了具体工具和交互状态，生成结果更容易用于产品介绍。
常见错误
- 只写「modern app UI」但不说明屏幕任务。
- 同时要求手机、桌面、弹窗、表格和多个 Dashboard。
- 要求模型生成很多小字，导致界面看起来像乱码。
- 使用过强的暗色霓虹风，让产品信息不清楚。
如何改写
保留产品类型和屏幕任务，再替换模块、布局密度、设备框、配色和画幅。如果图片要用于落地页或社媒，优先保证界面模块可辨认；如果图片要用于真实功能说明，再减少装饰，增加操作状态。
UI 样机提示词应该包含哪些信息？
至少包含产品类型、屏幕任务、可见模块、布局密度、设备或浏览器框、视觉系统和输出比例。
AI 生成的 UI 样机可以替代真实截图吗？
不建议替代真实功能截图。它更适合早期概念图、落地页视觉、产品演示图和社媒预览图。
这些提示词可以直接在 Image2Studio 里生成吗？
可以。复制示例，替换产品和模块信息，选择画幅和分辨率后，就可以进入 Image2Studio 生成。
适用场景
- App 界面预览
- SaaS Dashboard
- 网站样机
- 产品演示视觉
提示词结构
- 产品类型
- 屏幕任务
- 布局密度
- 设备或浏览器框
- 界面模块和画幅
提示词示例
可复制的示例
UI Mockups
视频流媒体平台主页 UI
{ "type": "网页浏览器 UI 模型", "platform": "{argument name=\"platform name\" default=\"YouTube\"}", "browser_window": { "style": "macOS 浅色模式", "tab": "YouTube", "url_bar": "youtube.com" }, "layout": { "header": { "components": ["汉堡菜单", "平台 Logo", "搜索栏", "创建视频图标", "通知铃铛", "用户头像"] }, "sidebar": { "position": "左侧", "item_count": 11, "sections": [ { "name": "主要", "items": ["首页", "Shorts", "订阅", "原创内容", "YouTube Music"] }, { "name": "探索", "items": ["热门", "购物", "音乐", "电影", "直播", "游戏"] } ] }, "main_content": { "category_tags": { "count": 10, "labels": ["全部", "游戏", "音乐", "直播", "播客", "AI", "汽车", "合辑", "新闻", "最近上传"] }, "video_grid": { "card_count": 5, "cards": [ { "position": "左上", "size": "大", "thumbnail_description": "Sam Altman 和 Greg Brockman 坐在舞台上，旁边是一个站立的人形机器人，文字覆盖 'OpenAI Introducing Our Humanoid Robot'，带有 LIVE 徽章", "video_title": "{argument name=\"featured live stream title\" default=\"Introducing Our Humanoid Robot\"}", "channel_name": "{argument name=\"featured live stream channel\" default=\"OpenAI\"}", "metadata": "48.2 万人正在观看" }, { "position": "右上", "size": "大", "thumbnail_description": "左侧是惊讶的男人脸，右侧是隐藏在森林中的巨大豪宅并伴有爆炸效果，粗体黄色文字覆盖 '{argument name=\"top right thumbnail text\" default=\"TOTAL SECRECY\"}'", "video_title": "{argument name=\"top right video title\" default=\"I Bought 100 Million Dollar Secret House!\"}", "channel_name": "MrBeast", "metadata": "410 万次观看，19 小时前，时长 20:49" }, { "position": "左下", "size": "小", "thumbnail_description": "Steve Carell 手持一台显示《办公室》场景的笔记本电脑", "video_title": "Steve Carell 深度解析他最标志性的角色 | GQ", "channel_name": "GQ", "metadata": "98.7 万次观看，2 天前，时长 17:46" }, { "position": "中下", "size": "小", "thumbnail_description": "男人在日落时分透过望远镜观察海面上的帆船", "video_title": "Black Sails Is Beautiful!", "channel_name": "Savage Books", "metadata": "60.6 万次观看，2 天前，时长 17:46" }, { "position": "右下", "size": "小", "thumbnail_description": "来自电子游戏的恐怖面具杀手角色，文字覆盖 'DEAD OF DAYLIGHT'", "video_title": "Playing As The Seekers In Dead By Daylight", "channel_name": "Unknown", "metadata": "80.6 万次观看，1 天前，时长 28:39" } ] } } } }
摄影
日本新闻广播模拟
{ "type": "电视新闻广播布局", "anchor": { "appearance": "{argument name=\"anchor appearance\" default=\"年轻的日本女性新闻主播，留着齐肩深色短发\"}", "attire": "浅米色衬衫，佩戴小型翻领麦克风", "pose": "坐在桌前，双手交叠，面向前方" }, "studio_environment": "现代新闻演播室，配有蓝色发光面板，背景为夜间城市天际线", "graphics": { "top_left_bug": { "style": "深蓝色矩形", "text": "{argument name=\"channel logo\" default=\"NEWS TODAY\"}" }, "presentation_monitor": { "location": "主播后方左侧", "badge": "最新情報", "subtitle": "{argument name=\"subheadline\" default=\"OpenAIの新しい画像生成モデル\"}", "title": "{argument name=\"main headline\" default=\"「GPT-image-2」\"}", "suffix": "がリリース", "icon": "OpenAI logo", "bottom_bar": "より高精細に より正確に 画像生成の可能性がさらに広がる" }, "lower_thirds_ticker": { "badge": "速報", "headline": "{argument name=\"ticker text\" default=\"OpenAI 画期的な新画像生成モデル「GPT-image-2」をリリース\"}" } } }
海报
AI 编程助手宣传信息图
{ "type": "应用宣传信息图海报", "style": "简洁、现代、磨砂玻璃风格、柔和阴影、3D 图标", "theme": "{argument name=\"primary color theme\" default=\"蓝白配色\"}", "header": { "title": "{argument name=\"app name\" default=\"CodePilot\"}", "subtitle": "{argument name=\"subtitle\" default=\"你的 AI 编程副驾驶\"}", "features_list": "智能补全 · 代码生成 · 问答调试 · 代码解析", "main_icon": "光泽感 3D 圆角正方形，蓝色渐变，白色 {argument name=\"main icon symbol\" default=\"</>\"} 及闪光效果" }, "layout": { "sections": [ { "title": "feature_cards", "position": "中间网格", "count": 4, "items": [ { "label": "智能代码补全", "icon": "蓝色闪电", "description": "上下文感知，精准补全，让编码快人一步", "ui_element": "macOS 风格代码窗口，展示 Python calculate_total 函数" }, { "label": "AI 代码生成", "icon": "紫色魔法棒", "description": "根据自然语言描述，一键生成函数与脚本", "ui_element": "聊天提示气泡和展示 Python quick_sort 函数的代码窗口" }, { "label": "对话 & 调试助手", "icon": "绿色聊天气泡", "description": "通过自然语言提问定位 Bug，边聊边改，高效解决问题", "ui_element": "包含用户提问和绿色 AI 解决方案气泡的聊天界面" }, { "label": "代码解析 & 注释", "icon": "带有放大镜的橙色文档", "description": "快速理解复杂代码，自动生成注释与说明", "ui_element": "展示 JS fetchData 函数的代码窗口，带有 3 个浮动操作标签：自动注释、逻辑解析、一键复制" } ] }, { "title": "为什么选择 CodePilot？", "position": "左下角", "count": 4, "labels": ["提升效率", "精准可靠", "隐私安全", "易于集成"], "icons": ["时钟", "对勾", "盾牌", "拼图块"] }, { "title": "立即体验", "position": "右下角", "count": 1, "elements": ["GitHub 开源项目", "{argument name=\"github link\" default=\"github.com/op7418/CodePilot\"}", "二维码"] } ] } }
UI Mockups
深色模式 AI API 定价页面模型
{ "type": "深色模式网页 UI 模型", "theme": "时尚、现代的深色主题，配有白色和浅灰色文字", "header": { "logo": "{argument name=\"company name\" default=\"OpenAI\"}", "navigation": ["研究", "产品", "安全", "公司"], "actions": ["搜索图标", "登录", "试用 ChatGPT 按钮"] }, "layout": { "left_column": { "label": "定价", "headline": "{argument name=\"model name\" default=\"GPT-8\"}", "subheading": "{argument name=\"main tagline\" default=\"Our most powerful model yet.\"}", "description": "GPT-8 专为智能、可靠性和实际应用而设计。具备多模态推理、长上下文理解和高级工具使用能力。", "button": "开始使用", "features": { "count": 3, "items": [ {"icon": "brain", "title": "前沿智能", "desc": "最先进的推理、编码和问题解决能力。"}, {"icon": "shield", "title": "值得信赖的设计", "desc": "更强的安全性、更高的可控性以及企业级的可靠性。"}, {"icon": "lightning bolt", "title": "为开发者而生", "desc": "原生工具使用、结构化输出和长上下文工作流。"} ] } }, "right_column": { "type": "定价卡片", "header": "定价 - 简单、基于 Token 的定价。无隐藏费用。", "toggle": ["输入", "缓存读取"], "token_pricing": { "count": 5, "rows": [ {"name": "文本 Token", "unit": "每 100 万 Token", "price": "{argument name=\"text token price\" default=\"$3.00\"}"}, {"name": "图像 Token", "unit": "每 100 万 Token", "price": "$10.00"}, {"name": "音频 Token", "unit": "每 100 万 Token", "price": "$6.00"}, {"name": "视频 Token", "unit": "每 100 万 Token", "price": "$15.00"}, {"name": "输出 Token", "unit": "每 100 万 Token", "price": "{argument name=\"output token price\" default=\"$12.00\"}"} ] }, "additional_features": { "count": 2, "rows": [ {"name": "缓存", "desc": "通过缓存节省重复输入费用。", "price": "$0.30 / 100 万 Token"}, {"name": "批量 API (5 折优惠)", "desc": "降低异步工作负载的成本。", "price": "-50%"} ] }, "footer_links": ["了解更多", "模型文档", "定价详情"] } }, "footer": "价格以美元计算。请在我们的文档中查看完整定价表。" }
摄影
社交媒体视频 App UI 模型
{ "type": "社交媒体短视频 App 界面模型", "main_image": { "subject": "{argument name=\"subject description\" default=\"一位留着深色长发、身穿白色露肩上衣的年轻亚裔女性\"}", "pose": "回头看向镜头，面带温柔微笑，头发在微风中轻轻飘动", "setting": "{argument name=\"background location\" default=\"日落时分的滨江步道，背景有高大的现代塔楼和城市天际线\"}", "lighting": "黄金时刻，温暖的阳光映照在河面上" }, "ui_layout": { "top_bar": { "status_icons": ["时间 9:41", "蜂窝信号", "Wi-Fi", "电池 100"], "navigation": { "left": "菜单图标", "center_tabs": ["经验", "团购", "关注", "{argument name=\"active top tab\" default=\"推荐\"}"], "right": "搜索图标" } }, "right_sidebar": { "count": 6, "elements": [ "带有粉色加号按钮的头像", "带有“23.6万”文本的心形图标", "带有“1.6万”文本的聊天气泡图标", "带有“2.8万”文本的星形图标", "带有“3.7万”文本的分享箭头图标", "旋转的音乐唱片图标" ] }, "bottom_left_overlay": { "username": "{argument name=\"username\" default=\"@小鹿的日常\"}", "caption": "{argument name=\"caption text\" default=\"吹着晚风，看着日落，这一刻好治愈~ 🌅\"}", "audio_track": "🎵 原声 @小鹿的日常创作的原声" }, "bottom_navigation_bar": { "count": 5, "tabs": [ "首页", "朋友 (带红色角标 '2')", "圆角方形中央加号按钮", "消息 (带红色角标 '5')", "我" ] } } }
摄影
日本突发新闻播报生成器
一个照片级真实的电视新闻播报场景。右侧是一位年轻的日本女性新闻主播，留着齐肩深棕色短发和刘海，表情专业，直视镜头。她身穿深蓝色西装外套，内搭白色上衣，佩戴小巧耳环，并别着领夹式麦克风。演播室背景采用现代感十足的蓝色和银色发光面板。左侧的大型显示器展示着新闻图形。显示器顶部显示“{argument name="game name" default="Tokitori"}”，随后是“{argument name="monitor top text" default="世界でも大人気のヒヨコゲーム"}”。显示器左侧展示了游戏封面艺术，画面中是一个 {argument name="character description" default="圆滚滚、有着大眼睛的黄色小鸡角色"} 在绿色原野上，标题为“{argument name="game name" default="Tokitori"}”，文字内容包括“{argument name="monitor achievement text" default="Steam売上 宇宙1位"}”、“販売本数 1億本突破”以及“同時接続数 345万人”。显示器右侧展示了一张名为“売り上げ推移”的折线图，配有向上趋势的黄色箭头，Y 轴标签为“0”、“5000万”和“1億”，X 轴日期为“4/1”、“4/10”和“4/20”。黄色小鸡的平面 2D 版本位于折线上。屏幕底部是一条醒目的红色突发新闻横幅。横幅左侧的方框内写着“速報”，主标题文字为“{argument name="breaking news headline" default="TokitoriがSteam売り上げ宇宙1位に"}”。
UI Mockups
第一人称 VRChat 模因联动截图
一张位于 {argument name="game environment" default="VRChat 大厅"} 内的第一人称 POV 截图，画面包含深色方格地板、左侧的“VR CHAT”欢迎标志、“Mirror”门廊以及右侧的“Avatar Showcase”。前景可见观察者的双手，穿着带有红色虚线缝合的白色袖子，正向前伸出。左下角有一个红色的静音麦克风 UI 图标。画面中央站着 {argument name="tall character" default="《名侦探柯南》中身穿蓝色校服的毛利兰"}，她闭着眼睛微笑，正在 {argument name="action" default="抚摸两个较小角色的头"}。她的左侧是 {argument name="small character 1" default="身穿蓝色西装、佩戴红色领结的江户川柯南"}。她的右侧是 {argument name="small character 2" default="乌干达纳克鲁斯 (Ugandan Knuckles) 模因角色"}。每个角色上方都有一个悬浮名称牌：高个女孩的牌子上用黄色写着“Ran Mouri”，下方用白色写着“LetsAskAQuestion”；男孩的牌子上写着“Conan Edogawa”，下方是“conan.exe”；红色生物的牌子上写着“Ugandan Knuckles”，下方是“do u know de way”。
摄影
科技主题演讲演示 Slides
一张科技主题演讲的照片。一位戴眼镜的秃头男子，身穿深蓝色毛衣和牛仔裤，站在舞台左侧，微笑着并用双手食指指向身后的大型演示屏幕。屏幕上显示着一张浅蓝色背景的 Slides。左上角有一个写着“NEW DATA”的青色胶囊状小徽章。下方的主标题写着“{argument name="headline" default="Microsoft Edge is the #1 browser to download Google Chrome"}”，其中“#1”以蓝色高亮显示。副标题写着“% of Google Chrome downloads that started from another browser”。下方是一个包含三个柱状的条形图。第一根柱子较高且为蓝色，上方标注“38.6%”，下方带有 Microsoft Edge 标志和“Microsoft Edge”文字。第二根柱子较短且为灰色，上方标注“17.2%”，下方带有 Mozilla Firefox 标志和“Mozilla Firefox”文字。第三根柱子最短且为灰色，上方标注“13.0%”，下方带有 Apple Safari 标志和“Apple Safari”文字。在 Slides 左下角，小字写着“Source: Microsoft internal analysis of Google Chrome download referrals Cohort: Windows 10 and 11, Worldwide, Jan - March 2024”。屏幕左侧的木板上印有 Microsoft 标志（四个彩色方块）。前景底部可见观众的后脑勺。
海报
暗黑奇幻游戏活动 UI 设计稿
{ "type": "游戏活动 UI 界面", "style": "暗黑奇幻厚涂油画风格，动态构图，流转的魔法能量", "illustration": { "characters": [ "白发蒙眼男子，正在施展发光的蓝色魔法", "黑发男子，摆出召唤姿势，带有深紫色能量", "粉发男子，身穿红色连帽衫，挥拳带有红色能量", "棕发女子，手持战锤" ], "background": "阴影中潜伏的怪物轮廓" }, "layout": { "sections": [ { "position": "左上角", "title": "{argument name=\"main title\" default=\"咒术师的决战\"}", "labels": [ "{argument name=\"collaboration text\" default=\"英雄联盟 X 咒术回战\"}", "{argument name=\"event date\" default=\"活动时间：2024.07.18 - 2024.08.28\"}", "《咒术回战》降临召唤师峡谷。完成任务，赢取限定奖励！", "{argument name=\"button text\" default=\"参与活动\"}" ] }, { "position": "左下角", "title": "每日任务 0/8", "count": 2, "labels": [ "{argument name=\"first mission text\" default=\"在峡谷中进行 1 场游戏\"}", "参与击杀 15 次敌方英雄" ] }, { "position": "右下角", "title": "咒术回战通行证", "count": 4, "labels": [ "限定皮肤奖励" ], "icons": [ "蒙眼男子头像", "粉发男子头像", "棕发女子头像", "怪物头像" ] } ] } }
摄影
YouTube 视频界面模型
{ "type": "桌面视频平台 UI 模型", "theme": "深色模式", "header": { "logo": "YouTube IN", "search_bar": "居中，带有放大镜图标", "right_icons": { "count": 4, "items": ["麦克风", "+ 创建按钮", "通知铃铛", "用户头像"] } }, "video_player": { "scene": "演播室场景，两位科技博主坐在桌前。", "subjects": [ "{argument name=\"left person\" default=\"Marques Brownlee (MKBHD)\"} 身穿黑色 T 恤", "{argument name=\"right person\" default=\"Arun Maini (Mrwhosetheboss)\"} 身穿绿色衬衫", "{argument name=\"robot model\" default=\"Tesla Optimus 人形机器人\"} 站在他们中间" ], "props": ["带有 Logo 的黑色马克杯", "带有发光蓝色霓虹 M Logo 的背景屏幕"], "controls_bar": { "progress_bar": "红色，接近起始位置", "timestamp": "0:01 / 18:47", "left_icons": { "count": 3, "items": ["播放/暂停", "下一首", "音量"] }, "right_icons": { "count": 6, "items": ["CC 字幕", "带有 4K 标志的设置", "迷你播放器", "影院模式", "投屏", "全屏"] } } }, "video_details": { "title": "{argument name=\"video title\" default=\"Tesla Optimus 机器人评测：未来已来！\"}", "channel_info": { "name": "{argument name=\"channel name\" default=\"Mrwhosetheboss\"}", "badges": ["认证勾选标记"], "subscribers": "2050 万订阅者", "button": "白色订阅按钮" }, "action_buttons": { "count": 6, "items": ["点赞 (21.5 万) / 点踩 (4200) 胶囊按钮", "分享", "下载", "剪辑", "保存", "更多 (...)"] } }, "description_box": { "metadata": "3,278,456 次观看 2024 年 4 月 12 日 热门趋势第 7 名", "text": "MKBHD 和我一起评测 Tesla 的 Optimus 人形机器人。我们涵盖了设计、行走、AI、实测以及它对未来的意义！", "links": ["Marques 的频道: @mkbhd"] } }
摄影
照片级写实风格霓虹东京街景
一张照片级写实的夜间街头摄影作品，展现了繁华的 {argument name="city location" default="东京"} 街道，街道被密集的垂直霓虹灯牌和广告牌照亮。左侧是一个显眼的亮粉色招牌，上面写着 "{argument name="pink sign text" default="カラオケ"}"，旁边是一个写着 "牛角 焼肉" 的白色招牌。右侧显眼的招牌包括一个黄色的 "{argument name="yellow sign text" default="まんが喫茶 4F"}"，一个白色的 "東南 本館 2F"，以及一个红色的 "{argument name="red sign text" default="中華食堂 一番館 B1"}"。在中心远景处，一个巨大的蓝色广告牌上显示着 "{argument name="billboard text" default="open TOKYO"}"，其上方是一个显示着人物图像的数字屏幕，屏幕上带有 "YUNIKA VISION" 字样。街道上挤满了行人的背影，他们穿梭在这充满活力、光影交错的城市峡谷中。画面光影对比强烈，丰富的霓虹色彩在周围环境中产生倒影。
摄影
社交媒体应用界面模型
{ "type": "社交媒体视频应用界面截图", "main_visual": { "subject": "年轻亚洲女性，长黑发在风中飘动，身穿白色上衣，回眸看向镜头", "setting": "{argument name=\"background location\" default=\"广州塔江边日落时分\"}", "lighting": "黄金时刻，温暖的夕阳余晖" }, "ui_layout": { "top_status_bar": { "elements": 4, "labels": ["9:41", "信号", "Wi-Fi", "100% 电量"] }, "top_navigation": { "elements": 6, "labels": ["菜单图标", "经验", "团购", "关注", "{argument name=\"active tab\" default=\"推荐\"}", "搜索图标"] }, "right_interaction_bar": { "elements": 6, "labels": ["带红色加号的头像", "带 {argument name=\"like count\" default=\"23.6万\"} 的点赞图标", "带 1.6万 的评论图标", "带 2.8万 的收藏图标", "带 3.7万 的分享图标", "旋转的音乐唱片"] }, "bottom_left_text": { "elements": 3, "labels": ["{argument name=\"username\" default=\"@小鹿的日常\"}", "{argument name=\"caption\" default=\"吹着晚风，看着日落，这一刻好治愈~ 🌅\"}", "带音乐符号的图标 原声 @小鹿的日常创作的原声"] }, "bottom_navigation": { "elements": 5, "labels": ["首页", "朋友（带红色角标 2）", "方形加号按钮", "消息（带红色角标 5）", "我"] } } }
海报
未来感あふれる AI 模型インフォグラフィックポスター
{ "type": "高密度な未来感あふれるインフォグラフィックポスター", "style": "ダークな背景に {argument name=\"theme color\" default=\"ゴールドとダークブルー\"} のネオンアクセント、高度に構造化されたグリッドと放射状のレイアウト、テクノロジー重視の UI 美学", "centerpiece": { "visual": "{argument name=\"centerpiece icon\" default=\"光り輝くサイバネティックな眼球レンズ\"}、周囲を輝くノードを備えた華やかなゴールドの円形フレームで囲む", "text": ["{argument name=\"model name\" default=\"GPT-Image-2\"}", "ChatGPT", "サイレントアップデートの噂 {argument name=\"release date\" default=\"2026 年 4 月\"}"] }, "layout": { "inner_circle_panels": { "count": 4, "description": "中心を囲む 4 つの扇形パネルで、コア機能を詳細に説明", "labels": ["凄さ① テキスト描画革命", "凄さ② フォトラリアリズムの飛躍", "凄さ③ 世界知識＆構成力", "凄さ④ 編集・一貫性の進化"] }, "top_row": { "count": 5, "description": "リーク画像、マップの精度、解剖図、ユーザーの反応を示す長方形パネル", "labels": ["リーク画像①", "リーク画像②", "リーク画像③", "ユーザーの反応 (X)", "ユーザーの反応 (X/Reddit)"] }, "left_column": { "count": 3, "description": "バージョン 1.5、2、Nano の比較を示す垂直スタックパネルと小さな画像グリッド", "labels": ["比較① テキスト描画", "比較② 写実性", "構図③・世界観"] }, "right_column": { "count": 5, "description": "小さなサンプル画像を用いた実用的なユースケースの垂直スタック", "labels": ["実用例① 商品写真・EC", "実用例② 実務・チラシ", "実用例③ LINE スタンプ", "実用例④ 教育・資料", "実用例⑤ SNS・サムネイル"] }, "bottom_data_section": { "count": 5, "description": "データテーブル、箇条書きリスト、ハッカー風のイメージ", "labels": ["技術的進化ポイント", "コードネーム＆リーク", "性能比較表 (GPT-Image-1.5 vs GPT-Image-2 vs Google Nano Banana)", "注目の改善点まとめ", "未来予測ロードマップ"] }, "bottom_thumbnail_strip": { "count": 10, "description": "さまざまな生成スタイルを示す小さな正方形画像の水平列", "labels": ["建築", "ポスター", "日本語テキスト", "インフォグラフィック", "ファンタジー", "スチームパンク", "ミニマルデザイン", "食べ物", "車", "水中"] } }, "footer": { "text": "{argument name=\"main title\" default=\"ChatGPT 画像生成革命\"}", "subtext": "2026 年 4 月噂の GPT-Image-2" } }
海报
阿马尔菲海岸复古旅行海报
{argument name="illustration style" default="现代铅笔插画"}，{argument name="location" default="意大利阿马尔菲海岸"}的复古旅行海报插画，全景海岸悬崖公路场景，经典的 20 世纪 60 年代白色汽车行驶在蜿蜒的海滨公路上，深蓝色的地中海与点点帆船，色彩缤纷的半山腰村庄，明亮的蓝天与柔和的云朵，前景由挂满鲜艳柠檬的柠檬树枝勾勒，温暖的夏日阳光，大胆鲜艳的色彩，复古 20 世纪 50 年代旅行海报风格，电影级构图，高细节，丝网印刷质感，图形插画。手绘风格，笔触灵动且轮廓清晰。高对比度调色板，保持背景与元素之间的色彩和谐。现代且具有装饰性的美学。
Product Photography
YouTube 深色模式桌面 UI 原型
{ "type": "桌面网页浏览器 UI 截图", "environment": "{argument name=\"os environment\" default=\"Windows 11 桌面\"}", "theme": "{argument name=\"ui theme\" default=\"深色模式\"}", "browser_window": { "tabs": ["YouTube", "新标签页"], "url_bar": "youtube.com", "profile_icon": "{argument name=\"profile initial\" default=\"M\"}" }, "app_interface": { "header": { "logo": "{argument name=\"website name\" default=\"YouTube\"} GB", "search_bar": "搜索", "icons": ["麦克风", "创建", "通知", "个人资料"] }, "filter_bar": { "active_filter": "{argument name=\"active filter\" default=\"全部\"}", "count": 11, "labels": ["全部", "游戏", "音乐", "直播", "播客", "合辑", "科学", "Lo-fi", "惊悚", "最新上传", "已观看"] }, "sidebar": { "sections": [ { "title": "主要", "count": 3, "labels": ["首页", "Shorts", "订阅内容"] }, { "title": "我", "count": 6, "labels": ["您的频道", "历史记录", "播放列表", "您的视频", "稍后观看", "点赞的视频"] }, { "title": "订阅内容", "count": 8, "labels": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a Nutshell", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "显示更多"] }, { "title": "探索", "count": 7, "labels": ["热门", "音乐", "电影", "直播", "游戏", "新闻", "体育"] }, { "title": "更多 YouTube 服务", "count": 3, "labels": ["YouTube Premium", "YouTube Music", "YouTube Kids"] } ] }, "main_content": { "layout": "3 列 4 行网格", "count": 12, "video_cards": [ { "title": "为什么自制 GPU 几乎是不可能的", "channel": "Linus Tech Tips", "stats": "16.4 万次观看 • 1 天前", "thumbnail": "CPU/GPU 芯片" }, { "title": "在圆圈里生存 100 天，赢取 50 万美元", "channel": "MrBeast", "stats": "4000 万次观看 • 5 天前", "thumbnail": "身穿蓝色运动服的 MrBeast 和人群" }, { "title": "如果我们用核弹炸毁一颗小行星会怎样？", "channel": "Kurzgesagt - In a Nutshell", "stats": "420 万次观看 • 6 小时前", "thumbnail": "导弹击中太空中的小行星" }, { "title": "迪拜是如何成为一座 100 亿美元城市的", "channel": "ColdFusion", "stats": "160 万次观看 • 2 周前", "thumbnail": "男子与迪拜天际线" }, { "title": "欧拉恒等式的美妙数学", "channel": "3Blue1Brown", "stats": "280 万次观看 • 3 个月前", "thumbnail": "数学公式和螺旋图" }, { "title": "2040 年的世界 - 人口、气候及更多", "channel": "Veritasium", "stats": "770 万次观看 • 2 周前", "thumbnail": "茂密森林的航拍图" }, { "title": "我用了 12 年 Linux，最终……", "channel": "DistroTube", "stats": "16 万次观看 • 3 天前", "thumbnail": "带有 Linux 标志的笔记本电脑和智能手机" }, { "title": "黑洞详解 - 从诞生到死亡", "channel": "Khan Academy", "stats": "390 万次观看 • 3 个月前", "thumbnail": "发光的黑洞吸积盘" }, { "title": "饮食建议的问题所在", "channel": "Andrew Huberman", "stats": "440 万次观看 • 6 天前", "thumbnail": "戴眼镜说话的男子" }, { "title": "如何学习任何事物（基于证据）", "channel": "Ali Abdaal", "stats": "270 万次观看 • 3 个月前", "thumbnail": "阅读书籍的男子的矢量插图" }, { "title": "《最后生还者 2》是一部杰作", "channel": "Naughty Dog", "stats": "230 万次观看 • 3 年前", "thumbnail": "《最后生还者》中的艾莉" }, { "title": "lofi hip hop radio - 适合放松/学习的节拍", "channel": "Lofi Girl", "stats": "直播中", "thumbnail": "在书桌前学习的 Lofi Girl" } ] } }, "taskbar": { "os": "Windows", "icons": ["开始", "搜索", "任务视图", "文件资源管理器", "Edge", "Spotify"], "system_tray": "08:34 2024 年 4 月 3 日" } }
摄影
社交媒体演唱会 Story 样机
{ "type": "社交媒体 story 截图", "background_photo": { "setting": "夜间户外大学音乐节", "perspective": "从拥挤人群后方看向明亮舞台的第一人称视角", "crowd": "从背后看到的穿着休闲装的年轻人群", "stage": "发出明亮蓝光的大型户外演唱会舞台，主 LED 屏幕显示“{argument name=\"stage main text\" default=\"AKARAKA\"}”和“{argument name=\"stage sub text\" default=\"2025 YONSEI\"}”，两侧悬挂写有“AKARAKA”的垂直横幅", "environment": "漆黑夜空、树木、左侧带有垂直发光条的现代建筑、中左侧有两个白色活动帐篷" }, "ui_overlay": { "top_header": "年轻女性的圆形头像，用户名为“{argument name=\"username\" default=\"your_zzni\"}”，时间戳为“6 小时前”，右侧带有标准的三点菜单和“X”关闭图标", "center_text": "屏幕中央悬浮着一个小白色心形图标，后跟文字“{argument name=\"overlay text\" default=\"大学音乐节氛围感拉满\"}”", "bottom_bar": "药丸形状的消息输入框，包含文字“发送消息”，右侧配有心形轮廓图标和纸飞机图标" } }
海报
双面水彩风格活动传单样机
{ "type": "双面活动传单样机", "style": "水彩插画，温暖的大地色调，温馨，引人入胜，质朴", "left_side_front": { "header": { "title": "{argument name=\"event name\" default=\"SENDAI COFFEE PICNIC 2026\"}", "subtitle": "{argument name=\"subtitle\" default=\"街のカフェが集まる、春の1日\"}", "tagline": "与你心仪的咖啡共度悠闲时光" }, "main_illustration": "人们在草地上享受野餐。一家人坐在格子野餐垫上喝咖啡。背景为木质咖啡摊位、帐篷、树木以及远处的城市天际线。", "event_info": { "date": "{argument name=\"event date\" default=\"2026 年 5 月 16 日(周六) - 17 日(周日)\"}", "time": "10:00 - 17:00", "location": "{argument name=\"location\" default=\"七北田公園 芝生広場\"}", "badge": "带有免费入场文字的橙色椭圆形徽章" }, "footer": { "sponsor_logos": 4, "elements": ["二维码", "草地与小白花边框"] } }, "right_side_back": { "header": { "title": "{argument name=\"event name\" default=\"SENDAI COFFEE PICNIC 2026\"}", "illustration": "小绿树" }, "sections": [ { "title": "参展商列表", "layout": "2 列", "count": 9, "labels": ["Blue Ridge Roastery", "NORTH BEANS LAB", "SUNNY DAY COFFEE", "KITSUNE COFFEE WORKS", "Forest Table Cafe", "creme & crumb", "GOOD DAY SAND", "HOSHINO KITCHEN CAR", "PIZZA VAN 88"], "illustrations": ["三明治", "披萨", "咖啡杯"] }, { "title": "活动日程表", "layout": "2 列", "count": 7, "description": "包含 10:30、11:30、13:00、14:30、16:00 等时间节点及活动名称的日程安排" }, { "title": "特色亮点", "layout": "3 个横向方框", "count": 3, "labels": ["拉花体验", "咖啡品鉴集章活动", "美食与甜点区"], "illustrations": ["单只咖啡杯", "多只咖啡杯", "食物篮"] } ], "footer": { "social_media": "{argument name=\"social handle\" default=\"@sendai_coffee_picnic\"}", "icons": ["Instagram 图标"], "elements": ["二维码", "棕色背景条"] } } }
摄影
短视频 App 界面模型
{ "type": "移动端短视频 App 界面截图", "main_content": { "scene": "{argument name=\"scenic background\" default=\"绿松石色的高山湖泊、翠绿的松树林、崎岖的雪山、蓝天白云\"}", "subject": "{argument name=\"main subject\" default=\"留着长黑发、反戴黑色棒球帽并穿着白衬衫的女性，倚靠在木栅栏上欣赏风景\"}" }, "ui_elements": { "status_bar": { "time": "14:53", "icons": ["信号栏", "Wi-Fi", "电池 78%"] }, "top_navigation": { "left_icon": "汉堡菜单", "tabs": ["直播", "同城", "关注", "推荐"], "active_tab": "推荐", "right_icon": "搜索放大镜" }, "floating_widget": { "position": "左上角", "icon": "带有黄色圆形进度条的红包", "text": "点击激活" }, "right_action_bar": { "count": 6, "items": [ {"icon": "带有红色加号按钮的头像"}, {"icon": "心形", "text": "{argument name=\"like count\" default=\"128.6万\"}"}, {"icon": "气泡对话框", "text": "2.6万"}, {"icon": "星形", "text": "8.9万"}, {"icon": "分享箭头", "text": "3.7万"}, {"icon": "旋转的唱片专辑"} ] }, "bottom_left_info": { "username": "{argument name=\"username\" default=\"@旅行日记\"}", "caption": "{argument name=\"video caption\" default=\"总要去一次川西吧！蓝天白云、雪山湖泊、森林草甸，治愈所有不开心～ #川西美景 #旅行推荐官\"}", "search_prompt": "相关搜索 · 川西旅游攻略" }, "bottom_navigation": { "count": 5, "tabs": [ {"label": "首页"}, {"label": "朋友", "badge": "2"}, {"label": "圆角矩形内的加号按钮"}, {"label": "消息", "badge": "5"}, {"label": "我"} ] }, "system_ui": "底部的 iOS 主屏幕指示条" } }
社媒图
社交媒体产品发布模拟图
{ "type": "社交媒体帖子模拟图", "theme": "深色模式", "header": { "avatar": "OpenAI 标志", "account_name": "{argument name=\"account name\" default=\"OpenAI\"}", "badge": "金色认证徽章", "handle": "@OpenAI" }, "post_text": [ "{argument name=\"post text\" default=\"ChatGPT 现已登陆 Apple Watch。\"}", "随时随地提问、追问并处理事务——一切尽在腕间。", "ChatGPT 官方应用现已在 App Store 上架。" ], "embedded_card": { "background": "浅蓝色与绿色渐变", "left_column": { "logo": "ChatGPT", "headline": "{argument name=\"card headline\" default=\"体验 Apple Watch 版 ChatGPT\"}", "subheadline": "随时提问。获取解答。一切尽在腕间。" }, "right_column": { "device": "配有黑色表带的智能手表", "screen_elements": { "top_bar": 2, "top_bar_labels": ["ChatGPT", "10:09"], "center": "发光的蓝白球体", "text": "{argument name=\"watch screen text\" default=\"有什么我可以帮您的吗？\"}", "buttons": 2, "button_labels": ["提问", "..."] } } }, "footer": { "metadata": "上午 9:00 · 2024 年 5 月 21 日 · 120 万次浏览", "engagement_stats": { "count": 4, "labels": ["1,552 次转发", "402 次引用", "{argument name=\"likes count\" default=\"8,910\"} 次点赞", "1,001 次书签"] }, "action_icons": { "count": 5, "types": ["回复", "转发", "点赞", "书签", "分享"] } } }
UI Mockups
科技界 CEO 大逃杀游戏大厅
{ "type": "大逃杀游戏大厅 UI", "characters": [ { "name": "{argument name=\"left character name\" default=\"SamAltman\"}", "outfit": "绿色战术衬衫，卡其色长裤", "pose": "在蓝色平台上交叉双臂跳舞", "ui": "等级 87，OpenAI 图标，未准备" }, { "name": "{argument name=\"center character name\" default=\"DarioAmodei\"}", "outfit": "印有 AI 字样的棕色夹克，眼镜，牛仔裤", "pose": "在蓝色平台上交叉双臂跳舞", "ui": "等级 92，AI 盾牌图标，未准备" }, { "name": "{argument name=\"right character name\" default=\"ElonMusk\"}", "outfit": "红黑配色未来感盔甲", "pose": "在蓝色平台上交叉双臂跳舞", "ui": "等级 114，X 图标，未准备" } ], "background": "风格化景观，飞行战斗巴士，紫色羊驼皮纳塔", "ui": { "top_nav": ["开始游戏", "储物柜", "商店", "战斗通行证", "任务", "竞技", "生涯"], "left_panel": { "title": "{argument name=\"season text\" default=\"第 5 章第 2 赛季\"}", "stats": "等级 127，战斗通行证 100 级", "daily_quests": 3 }, "bottom_right": { "mode": "{argument name=\"game mode\" default=\"零建筑模式\"}", "status": "排位赛：关闭，三人组 - 不补位", "button": "准备就绪！" }, "bottom_bar": { "party_channels": 3, "prompts": ["按住以聊天", "表情动作", "小队组建"] } } }
UI Mockups
动作 RPG Boss 战截图
一张电影级的第三人称电子游戏截图，展示了一名光头战士和一个男孩在充满沙子的神庙中与一位巨大的埃及神祇战斗。战士背对镜头，手持弯刀；男孩正在拉弓瞄准。巨大的 Boss 长着胡狼头，双眼闪烁着白光，佩戴金色头饰，手持法杖。环境中有巨大的象形文字柱、猎鹰雕像和体积光尘埃。图像包含 4 个 UI 组件：顶部中央的红色 Boss 血条，标签为 "{argument name="boss name" default="ANUBIS"}"；右上角的任务追踪器，显示 "{argument name="quest title" default="THE JACKAL'S PATH"}" 和 "{argument name="quest objective" default="Defeat Anubis"}"；左下角的玩家 HUD，包含绿色血条、红色怒气条、方向图标以及 "L3 + R3" 提示；以及右下角的 HUD，包含 2 个菱形技能图标。
UI Mockups
FPS 自定义武器皮肤截图
第一人称视角的电子游戏截图，展示了戴着 {argument name="glove style" default="蜘蛛侠战衣"} 手套的双手正握着一把 AK-47 突击步枪。武器采用了自定义的 {argument name="weapon theme" default="蜘蛛侠"} 皮肤，配色为红蓝相间，带有黑色蛛网图案，机匣上有白色蜘蛛标志，护木上印有“CS2”，弹匣上印有“MARVEL”，枪托上印有“SPIDER-MAN”。背景是一个类似于战术射击地图的尘土飞扬的中东城镇街道，其中一个标志写着“HOTEL AURORE”，并配有一个指向“A”点的箭头。顶部中央的 UI 显示了一个带有黑色蜘蛛图案的红色盾牌，红线下方显示文本“{argument name="weapon title" default="AK-47 | Web-Slinger"}”以及“The CS2 Collection”。底部 UI 左侧有 5 个极简风格的白色图标，右侧显示“CLOSE”字样。
FAQ
常见问题
UI 样机提示词应该包含哪些信息？
至少包含产品类型、屏幕任务、可见模块、布局密度、设备或浏览器框、视觉系统和输出比例。
AI 生成的 UI 样机可以替代真实截图吗？
不建议替代真实功能截图。它更适合早期概念图、落地页视觉、产品演示图和社媒预览图。
这些提示词可以直接在 Image2Studio 里生成吗？
可以。复制示例，替换产品和模块信息，选择画幅和分辨率后，就可以进入 Image2Studio 生成。
用这个方向开始生成
复制一个示例，带入工作台，继续修改产品、场景、风格和画幅。