TikTok-Style Video Interface Mockup

TikTok-Style Video Interface Mockup

原始文档

GPT Image 2 · en

{
  "type": "Short video application interface model",
  "background_image": {
    "subject": "{argument name=\"subject description\" default=\"A young Japanese woman with long, wavy, dark brown hair and wispy bangs, wearing a white ribbed top and soft, natural makeup, smiles gently at the camera.\"}",
    "setting": "A cozy bedroom with a backdrop of a bed, wooden shelves, and dried flowers, bathed in soft natural light, perfect for a selfie."
  },
  "ui_overlay": {
    "top_bar": {
      "left": "LIVE icon",
      "center": "Follow |{argument name=\"active tab\" default=\"recommend\"}",
      "right": "Search icon"
    },
    "right_sidebar": {
      "count": 6,
      "elements": [
        "Avatar with a pink plus badge",
        "With{argument name=\"like count\" default=\"12.4K\"} heart icon",
        "Bubble icon with 356",
        "With 1,289 bookmark icons",
        "Share arrow icon with 204 error",
        "Rotating vinyl record icon"
      ]
    },
    "bottom_left_caption": {
      "username": "{argument name=\"username\" default=\"@Yui | Just a little bit of everyday life ♡\"}",
      "description": "{argument name=\"caption text\" default=\"Thank you for watching today! ☺️ Have a wonderful day! 🕊️\"}",
      "audio_track": "🎵 Original Music - Yui"
    },
    "bottom_navigation": {
      "count": 5,
      "labels": [
        "recommend",
        "friend",
        "Create button",
        "information",
        "Personal information"
      ]
    }
  }
}

使用方法

  1. 复制完整原始提示词,并保留其中的参数。
  2. 按需求替换主体、文字和构图要求。
  3. 在兼容的外部工具中使用,核对当前使用条件并检查结果。

开始前需了解

  • 先确认是否需要参考图。标注兼容模型,不代表该示例由这个模型生成。
  • 核对名称、数字与画面文字;不同模型版本的结果可能不同。

相似案例

Social Media Video App UI Mockup
GPT Image 2en

{ "type": "social media short video app interface mockup", "main_image": { "subject": "{argument name=\"subject description\" default=\"young Asian woman with long dark hair wearing a white off-the-shoulder top\"}", "pose": "looking back over her shoulder at the camer

Photorealistic Short Video App Screenshot
GPT Image 2en

{ "type": "Screenshot of a mobile short video app", "style": "Photorealistic quality, highly detailed", "main_image": { "subject": "{argument name=\"subject description\" default=\"A young Asian woman with long dark hair, wearing a white top, turned to look at the camer

Social Media Video App UI Mockup
GPT Image 2en

{ "type": "Social media short video app interface model", "main_image": { "subject": "{argument name=\"subject description\" default=\"A young Asian woman with long dark hair, wearing a white off-the-shoulder top.\"}", "pose": "She turned to look at the camera, a gent

Short-Video App UI Mockup
GPT Image 2en

{ "type": "Mobile short video app interface prototype", "background_image": "{argument name=\"landscape subject\" default=\"The majestic snow-capped peaks are bathed in the golden sunlight of the day, while at their foot lie lush valleys and winding rivers.\"}", "layout": {

Short-Video App Interface Mockup
GPT Image 2en

{ "type": "Screenshot of mobile short video app interface", "main_content": { "scene": "{argument name=\"scenic background\" default=\"Turquoise alpine lakes, verdant pine forests, rugged snow-capped mountains, and blue skies with white clouds.\"}", "subject": "{argum

Cinematic Video Game Cutscene with Subtitles
GPT Image 2en

A screenshot from a cinematic video game cutscene, featuring a hyper-realistic 3D graphics style reminiscent of modern open-world games. Two characters are {argument name="setting" default="Sunny tropical city balcony"} A serious conversation is taking place. On the left is a you