案例
gpt-image-2
带有树懒吉祥物的柔和色调跑步 App UI
此提示词可生成一套精致的三屏移动端跑步 App 概念设计，采用柔和的粉彩色调和可爱的树懒吉祥物，非常适合 App 设计展示及可编辑的 UI 模型。
提示词
{"type":"移动健身 App UI 模型","style":"简洁现代的粉彩 App 设计，柔和的米色和暖白色表面，点缀柔和的鼠尾草绿，圆角卡片和按钮，细腻的阴影，纤细的极简线条图标，带有树懒吉祥物的友好趣味品牌形象，Dribbble 风格的深棕色点阵背景展示","theme":"跑步追踪 App","layout":{"device_count":3,"arrangement":"三个并排的修长智能手机屏幕，间距均匀，正面视角","background":"极深棕色，带有淡淡的均匀点阵网格","screens":[{"position":"左侧","screen_type":"首页仪表盘","header":{"greeting":"早上好，跑者！👋","left_icon":"无","right_icon":"通知铃铛"},"hero_card":{"headline":"准备好迎接美好的一天了吗？","subcard_text_line_1":"每一步前进都是胜利。","subcard_text_line_2":"让我们让每一刻都有意义。🌱","illustration":"可爱的树懒，戴着奶油色发带，穿着薄荷绿运动装，站在卡片右侧挥手"},"sections":[{"title":"本周","position":"中上","count":3,"labels":["跑步次数","距离","时间"],"values":["3","12.6 公里","1 小时 45 分"],"presentation":"单个圆角统计卡片，包含三列等宽内容和淡绿色圆形图标"},{"title":"下一个目标","position":"中下","count":1,"labels":["本月 20 公里"],"values":["63%"],"presentation":"圆角进度卡片，配有绿色进度条和右侧挥手的树懒小插图"},{"title":"近期活动","position":"底部","count":1,"labels":["近期活动"],"presentation":"另一个圆角卡片的顶部边缘可见，被底部导航栏遮挡"}],"bottom_nav":{"count":4,"labels":["首页","跑步","进度","个人资料"],"active":"首页"}},{"position":"中间","screen_type":"跑步总结","header":{"left_icon":"返回箭头","center_text":"干得漂亮！","subtext":"你做到了。是时候庆祝一下了。🎉","right_icon":"分享"},"hero_illustration":"可爱的树懒，戴着发带，穿着薄荷绿运动装，佩戴金牌，双臂高举庆祝","stats_row":{"count":3,"labels":["距离","时间","配速"],"values":["5.00 公里","32:15","6:27"],"presentation":"三个圆角统计胶囊"},"achievement_card":{"count":1,"title":"新的个人最佳！🌟","subtitle":"你比上次 5 公里快了 1 分 12 秒。","icon":"小型金牌徽章"},"table_section":{"title":"分段","count":2,"columns":["公里","配速","时间"],"rows":[["1","6:35","6:35"],["2","6:23","12:58"]],"presentation":"带有浅色分割线的圆角白色表格卡片"}},{"position":"右侧","screen_type":"跑步目标设置","header":{"left_icon":"关闭 X","center_text":"开始跑步吧！","subtext":"你行的。我们慢慢来。🦥","right_icon":"设置齿轮"},"goal_visual":{"type":"圆形进度选择器","top_label":"选择目标","main_value":"5.00","unit":"公里","ring":"淡米色圆环上的粗体鼠尾草绿弧线","illustration":"在圆环右上角伸展的小树懒"},"goal_options":{"count":4,"labels":["2 公里","5 公里","10 公里","半马"],"active":"5 公里"},"primary_cta":{"label":"开始跑步","style":"大型圆角鼠尾草绿按钮"},"secondary_action":{"label":"仅追踪","icon":"位置标记"},"bottom_nav":{"count":4,"labels":["首页","跑步","进度","个人资料"],"active":"跑步"}}]}}
提示词结构
- 模型gpt-image-2
- 用途app-ui-mockup
- 风格watercolor, luxury, editorial, minimal
- 画幅Flexible
适用场景
- 用途app-ui-mockup
- 风格watercolor, luxury, editorial, minimal
- 推荐规格1:1, 4:5, 16:9, or 9:16
- 模型GPT Image 2
如何修改
把这个 带有树懒吉祥物的柔和色调跑步 App UI 提示词当作起点。替换主体、产品细节、场景、光线、品牌颜色和输出画幅，同时保留 app-ui-mockup 的用途和 watercolor, luxury, editorial, minimal 的视觉方向。
可替换变量
- 主体替换成你的产品、人物、场景或界面对象。
- 用途保留或改写为 app ui mockup、广告图、封面、海报或电商主图。
- 画幅按投放位置选择 1:1、4:5、16:9 或 9:16。
- 品牌线索补充颜色、材质、道具、文案安全区和最终使用平台。
推荐规格
先按目标平台选择画幅，再根据用途选择 1K、2K 或 4K。产品图和海报通常适合更高清晰度。
生成前检查
- 检查主体、光线、构图和画幅都足够明确。
- 检查如果图片要承载标题或广告文案，已经预留文字安全区。
- 检查生成前确认分辨率、额度成本和最终使用位置。
为什么有效
带有树懒吉祥物的柔和色调跑步 App UI 的重点是先固定图片用途，再用主体、构图、光线、风格和画幅控制生成结果。它适合 app ui mockup，并保留 watercolor, luxury, editorial, minimal 的视觉方向。
常见问题
- 能直接用吗？可以。先替换主体、品牌线索和画幅，再进入 Image2Studio 生成。
- 适合什么比例？按平台选择 1:1、4:5、16:9 或 9:16。
相关提示词
继续查看相似方向
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')", "我" ] } } }