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. 対応する外部ツールで使用し、利用条件と結果を確認します。

開始前の確認

• 参考画像の要否を確認してください。互換モデルの表示は、そのモデルでの生成実績を意味しません。
• 名前、数値、画像内の文字を確認します。モデルの版で結果は変わります。