Social Media Video App UI Mockup

原始文档

GPT Image 2 · en

{
  "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 gentle smile on her face, her hair swaying softly in the breeze.",
    "setting": "{argument name=\"background location\" default=\"The riverside promenade at sunset, with towering modern towers and the city skyline in the background.\"}",
    "lighting": "At the golden hour, the warm sunlight reflects on the river."
  },
  "ui_layout": {
    "top_bar": {
      "status_icons": [
        "Time 9:41",
        "Cellular signal",
        "Wi-Fi",
        "Battery 100"
      ],
      "navigation": {
        "left": "Menu icon",
        "center_tabs": [
          "experience",
          "Group buying",
          "focus on",
          "{argument name=\"active top tab\" default=\"recommend\"}"
        ],
        "right": "Search icon"
      }
    },
    "right_sidebar": {
      "count": 6,
      "elements": [
        "Avatar with a pink plus button",
        "Heart icon with the text \"236,000\"",
        "Chat bubble icon with the text \"16,000\".",
        "A star icon with the text \"28,000\".",
        "Share arrow icon with the text \"37,000\"",
        "Rotating music record icon"
      ]
    },
    "bottom_left_overlay": {
      "username": "{argument name=\"username\" default=\"@LittleDeer'sDailyLife\"}",
      "caption": "{argument name=\"caption text\" default=\"Feeling the evening breeze and watching the sunset, this moment is so therapeutic~ 🌅\"}",
      "audio_track": "🎵 Original soundtrack from @XiaoLu's Daily Creations"
    },
    "bottom_navigation_bar": {
      "count": 5,
      "tabs": [
        "front page",
        "Friend (marked with a red '2')",
        "Rounded square center plus button",
        "Message (with red badge '5')",
        "I"
      ]
    }
  }
}

使用方法

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

开始前需了解

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