Livestream UI Mockup with Host

원본 문서

GPT Image 2 · en

{
  "type": "Mobile live streaming interface design draft",
  "scene": {
    "subject": "{argument name=\"main subject\" default=\"Sam Altman\"} The portrait shows the subject wearing a dark green sweater, looking directly at the camera, with her right hand extended forward in an inviting gesture.",
    "background": "The scene is set in an office studio. On the left is a huge 'OpenAI' logo on the wall. On the right is a wooden shelf with three bottles of dark wine and two small square plaques, one of which reads 'AGI' and the other 'OpenAI'."
  },
  "layout": {
    "top_overlay": {
      "status_bar": "Time '20:34', Cellular signal bar, Wi-Fi icon, Battery '774'",
      "host_profile": "The OpenAI logo, the name 'OpenAI', the subtitle '483k people liked this live stream', and a red 'Follow' button.",
      "viewer_stats": "Three user avatars, text '100k+', and an 'X' close icon.",
      "banners": [
        "The top banner displays 'OpenAI Official Flagship Store Ranking #1'",
        "The link shows 'More Live Streams>'",
        "Red envelope countdown icon '00:12'",
        "The gift box icon displays 'Recommended by Douyin Mall during the 520 Gift Season'."
      ]
    },
    "bottom_left_overlay": {
      "pinned_host_message": {
        "avatar": "Anchor Portrait",
        "name": "Sam Altman",
        "badge": "During the live stream",
        "message": "{argument name=\"host message\" default=\"Hello everyone, I'm Ultraman Sam, and I invite you to join Kevin's academy.\"}"
      },
      "live_chat": {
        "count": 5,
        "messages": [
          "Level 32 badge, user 'AI beginner', content 'Just came to learn, I'm here!'",
          "Level 18 badge, user 'Xiaokai', content: 'Finally started streaming, let's go!'",
          "Level 7 badge, user 'Worker Kevin', post: 'A one-man company is awesome!'",
          "Level 26 badge, user 'Smart Future', content 'Followed, looking forward to more content!'",
          "Level 5 badge, user 'AI Side Hustle Guide', content 'How to join?'"
        ]
      }
    },
    "bottom_right_overlay": {
      "qr_code_card": {
        "graphic": "A large, scannable QR code with a blue logo in the center that reads 'KEVIN'.",
        "primary_text": "{argument name=\"promo headline\" default=\"Starting an AI-powered one-person company with zero experience\"}",
        "secondary_text": "{argument name=\"promo subheadline\" default=\"Turn entrepreneurship into a profitable business\"}",
        "call_to_action_button": "The red button displays {argument name=\"button text\" default=\"Scan the QR code to join\"}"
      }
    },
    "bottom_navigation_bar": {
      "input_field": "The text box displays 'Say something...'",
      "icons_count": 5,
      "icons": [
        "smiley face emoji",
        "Shopping cart icon",
        "Heart icon",
        "Gift box icon",
        "Three-dot menu icon"
      ],
      "system": "Bottom iOS Home Screen Indicator Bar"
    }
  }
}

사용 방법

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

시작 전 확인

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