UI & Interfaces · Complete template collection

4 text and JSON template variants; choose one and fill its variables. Images are examples linked by the upstream style index, not verified outputs of these templates. Obtain permission before commercial use of third-party materials.

1. Template style reference · 界面交互设计图 · @wory37303852

UI & Interfaces · Complete template collection · Template style reference · 界面交互设计图 · @wory37303852 — 1. Template style reference · 界面交互设计图 · @wory37303852

1 reference & result images

Prompt metadata
Shared by	@freestylefly (template curator)
Model	GPT Image 2
Category	UI & Interfaces
Dataset	freestylefly · awesome-gpt-image-2

The prompt

常规模板
为[产品类型]生成一张[平台，如 iOS/Android/Web]界面图。
核心功能：[功能点A]、[功能点B]、[功能点C]。
视觉风格：[极简/科技/拟物]，主色[颜色]，强调色[颜色]。
布局：[顶部导航/双栏/卡片流]，信息层级清晰，留白充足。
输出：高保真UI截图，文字清晰可读，比例[9:16/16:9]。

---

JSON 进阶模板（推荐给 Agent 调用）
{
  "type": "UI Screenshot",
  "platform": "iOS",
  "product": "Fitness App",
  "layout": "Card-based feed with bottom tab bar",
  "style": {
    "theme": "Dark Mode",
    "primary_color": "Neon Green",
    "typography": "Clean sans-serif"
  },
  "content": {
    "header": "Today's Activity",
    "cards": [
      {"title": "Running", "data": "5.2 km", "button": "Start"},
      {"title": "Calories", "data": "340 kcal"}
    ]
  },
  "constraints": "High fidelity, readable text, 9:16 aspect ratio"
}

---

截图生成模板
生成一张[平台，如 X/抖音/小红书/微信朋友圈]内容截图，[深色/浅色]模式。
整体比例：[9:16 / 3:4 / 1:1]，手机截图风格。

核心内容：
- 账号信息：[头像描述 / 用户名 / 认证标识]
- 正文内容：[具体文本内容，包含指定中文]
- 互动数据：[点赞/评论/转发/收藏数量]

界面元素：
- 顶部：[状态栏/导航栏/搜索栏]
- 底部：[操作栏/Tab栏/输入框]
- 附加：[浮窗/弹幕/礼物特效/购物车卡片]

约束：文字必须准确显示指定的中文，禁止乱码和占位文本，比例固定。
输出：高仿社交平台截图，文字清晰可读。

---

直播界面模板
生成一张[平台，如抖音/快手/B站]直播界面截图。
主播：[人物描述/名称]，姿态：[坐姿/站立/动作]，服装：[服装描述]。
背景：[直播间背景描述]，灯光：[暖色/冷色/混合]。

UI叠加层：
- 顶部：主播头像 + 关注按钮 + 在线人数 + 排名/热值
- 左下：弹幕/评论列表（[N]条，内容示例）
- 右下或中部：商品卡片 / 礼物特效 / PK进度条
- 底部：输入框 + 功能图标（分享/点赞/礼物/购物车）

风格：[写实直播截图/高保真UI/暗黑系/粉嫩系]，比例 9:16。
约束：文字清晰可读，弹幕内容合理，界面元素不遮挡主播面部。
输出：高仿直播截图画面。

Try in DraPub

More prompts from the same visual neighborhood.

Back to prompt gallery

UI & InterfacesDesign reference

信息图可视化设计

UI & Interfaces · Community reference from the GPT Image 2 gallery. Original generation settings are unverified. Third-party rights remain with their creators; obtain permission before commercial use.

UI & InterfacesDesign reference

月下美女直播画面

UI & Interfaces

Social Media Post - Vintage Travel-Journal Scrapbook Page

A sophisticated prompt that generates a side-by-side comparison of a photorealistic Bangkok street scene and a minimalist hand-drawn ink illustration, styled as a premium travel zine.

UI & Interfaces

Social Media Post - Oriental Zen Minimalist Illustration

A prompt for generating minimalist oriental-style illustrations of a woman with a traditional fan in a bright, airy summer garden setting.