4-Panel Live Streaming App UI Mockup

원본 문서

GPT Image 2 · en

{
  "type": "2x2 grid mobile live streaming app interface",
  "theme": "{argument name=\"stream theme\" default=\"E-commerce and entertainment live streaming\"}",
  "layout": {
    "grid": "2x2",
    "panels": [
      {
        "position": "Top left",
        "app_name": "{argument name=\"app 1 name\" default=\"Tik Tok\"}",
        "host": "A young woman wearing a purple shirt, holding a white skincare bottle.",
        "ui_elements": [
          "App Logo",
          "Profile of a streamer with a follow button",
          "100,000+ viewers",
          "2 countdown timers",
          "4 scrolling comments",
          "Product pop-up card with price '¥189'"
        ]
      },
      {
        "position": "Top right",
        "app_name": "{argument name=\"app 2 name\" default=\"Xiaohongshu\"}",
        "host": "A young woman wearing a red sweater, holding a brown teddy bear.",
        "ui_elements": [
          "App Logo",
          "Profile of a streamer with a follow button",
          "142,000 viewers",
          "3 scrolling comments",
          "A square product link card with the price '¥169'"
        ]
      },
      {
        "position": "Bottom left",
        "app_name": "{argument name=\"app 3 name\" default=\"Video Account\"}",
        "host": "A young woman wearing a white shirt stands in a kitchen furnished with a blender and cookware.",
        "ui_elements": [
          "App Logo",
          "Streamer's Profile",
          "100,000 people have watched this.",
          "4 scrolling comments",
          "A wide pop-up product card with a \"Buy\" button and the price '¥239'."
        ]
      },
      {
        "position": "Bottom right",
        "app_name": "{argument name=\"app 4 name\" default=\"quick worker\"}",
        "host": "A young woman wearing a white sleeveless dress is singing while holding a microphone.",
        "ui_elements": [
          "App Logo",
          "Profile of a streamer with a follow button",
          "100,000+ viewers",
          "5 scrolling comments",
          "2 floating gift animations",
          "Floating interactive components"
        ]
      }
    ]
  }
}

사용 방법

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

시작 전 확인

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