Live Stream App UI Mockup

原始文档

GPT Image 2 · en

{
  "type": "Side-by-side mobile UI models",
  "theme": "{argument name=\"app style\" default=\"China Mobile Live Streaming App\"}",
  "panels": [
    {
      "position": "Left side",
      "subject": "{argument name=\"streamer appearance\" default=\"Young Asian woman, beautiful, smiling.\"} Long, wavy hair, holding a handwritten sign.",
      "sign_content": "{argument name=\"sign text\" default=\"Thanks for the big rocket, Ray!\"} Featuring small rockets and heart-shaped graffiti",
      "ui_elements": {
        "top_bar": "Personal profile information, follow button, 3 viewer avatars,{argument name=\"viewer count\" default=\"100,000+\"} Number of viewers, close button",
        "overlays": "Popularity ranking badges, gift bar widgets, display{argument name=\"gift name\" default=\"Big Rocket\"} The floating gift animation of x1",
        "chat_stream": "7 different chat message bubbles",
        "bottom_bar": "Text input box, 4 operation icons, floating like heart"
      }
    },
    {
      "position": "right side",
      "subject": "The same streamer, with her hair in a high ponytail and a hair tie, was holding a handwritten sign.",
      "sign_content": "{argument name=\"sign text\" default=\"Thanks for the big rocket, Ray!\"} It features graffiti with stars, hearts, and rockets.",
      "ui_elements": {
        "top_bar": "App Logo, LIVE Badge, 126,000 Viewers, Profile Information, Follow Button",
        "overlays": "Hourly ranking badge, gift goal widget, and two floating gift animations (1 rocket and 10 roses).",
        "chat_stream": "6 different chat message bubbles",
        "bottom_bar": "Text input box, 4 operation icons, follow button, floating like heart."
      }
    }
  ]
}

使用方法

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

开始前需了解

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