Short-Video App UI Mockup

원본 문서

GPT Image 2 · en

{
  "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": {
    "top_status_bar": {
      "time": "9:41",
      "icons": [
        "Cellular signal",
        "Wi-Fi",
        "Battery"
      ]
    },
    "top_navigation": {
      "left_icon": "Hamburger menu",
      "right_icon": "Search Magnifier",
      "center_labels": [
        "experience",
        "Same city",
        "focus on",
        "Mall",
        "{argument name=\"active tab\" default=\"recommend\"}"
      ]
    },
    "right_interaction_bar": {
      "count": 6,
      "items": [
        {
          "icon": "Avatar with a red plus sign"
        },
        {
          "icon": "Heart-shaped",
          "label": "{argument name=\"like count\" default=\"3.608 million\"}"
        },
        {
          "icon": "speech bubbles",
          "label": "166,000"
        },
        {
          "icon": "Star",
          "label": "380,000"
        },
        {
          "icon": "Share Arrow",
          "label": "1.645 million"
        },
        {
          "icon": "Rotating music record"
        }
      ]
    },
    "bottom_left_info": {
      "username": "{argument name=\"username\" default=\"@Photographer-Qingfeng\"}",
      "caption": "{argument name=\"video caption\" default=\"Western Sichuan is truly a fairyland; you absolutely must visit Western Sichuan with your loved one! #WesternSichuan #Travel #SnowMountains #... (Expand)\"}",
      "music_ticker": "Go to the soda bar and listen to > Wind and Sun (DJ Version) - Zhang"
    },
    "bottom_navigation": {
      "count": 5,
      "items": [
        {
          "label": "front page"
        },
        {
          "label": "friend",
          "badge": "24"
        },
        {
          "icon": "Square plus button"
        },
        {
          "label": "information",
          "badge": "4"
        },
        {
          "label": "I"
        }
      ],
      "home_indicator": "bottom horizontal line"
    }
  }
}

사용 방법

1. 매개변수를 포함한 전체 원본 프롬프트를 복사하세요.
2. 주제, 문구, 구도를 자신의 요구에 맞게 바꾸세요.
3. 호환되는 외부 도구에서 사용하고 이용 조건과 결과를 확인하세요.

시작 전 확인

• 참조 이미지가 필요한지 확인하세요. 호환 표시는 해당 모델로 이 예시를 생성했다는 뜻이 아닙니다.
• 이름, 수치, 이미지 속 문구를 확인하세요. 모델 버전에 따라 결과가 다를 수 있습니다.