モバイルライブ配信 UI モックアップ

配信者、ライブチャットオーバーレイ、プロモーション用 QR コードカードを備えた、非常に詳細なモバイルライブ配信インターフェースを生成します。

プロンプト

{ "type": "モバイルライブ配信インターフェースモックアップ", "scene": { "subject": "ダークグリーンのセーターを着た Sam Altman のポートレート。カメラを真っ直ぐに見つめ、右手を前に差し出して視聴者を招くような仕草をしている。", "background": "オフィスのスタジオ設定。左側には大きな「OpenAI」の壁面ロゴ。右側には木製の棚があり、ワインボトル 3 本と、それぞれ「AGI」と「OpenAI」と書かれた小さな正方形のプレート 2 枚が置かれている。" }, "layout": { "top_overlay": { "status_bar": "時刻「20:34」、電波強度、Wi-Fi アイコン、バッテリー残量「774」", "host_profile": "OpenAI ロゴ、名前「OpenAI」、サブタイトル「483k いいね」、赤い「フォロー」ボタン", "viewer_stats": "ユーザーアバター 3 つ、「100k+」のテキスト、「X」の閉じるアイコン", "banners": [ "「OpenAI 公式旗艦店ランク #1」と書かれたトップランクバナー", "「もっとライブ配信を見る >」というリンク", "赤いパケットタイマーアイコン「00:12」", "「520 ギフトシーズン Douyin モールおすすめ」と書かれたギフトボックスアイコン" ] }, "bottom_left_overlay": { "pinned_host_message": { "avatar": "配信者のポートレート", "name": "Sam Altman", "badge": "ライブ", "message": "大家好，我是山姆奥特曼，邀你加入Kevin的学堂" }, "live_chat": { "count": 5, "messages": [ "レベル 32 バッジ、ユーザー「AI beginner」、テキスト「学びに来ました！」", "レベル 18 バッジ、ユーザー「Xiaokai」、テキスト「ついにライブ開始、頑張れ！」", "レベル 7 バッジ、ユーザー「Worker Kevin」、テキスト「一人会社って最高！」", "レベル 26 バッジ、ユーザー「Smart Future」、テキスト「フォローしました、内容を楽しみにしています！」", "レベル 5 バッジ、ユーザー「AI Side Hustle Guide」、テキスト「どうやって参加するの？」" ] } }, "bottom_right_overlay": { "qr_code_card": { "graphic": "中央に「KEVIN」と書かれた青いロゴがある、スキャン可能な大きな QR コード", "primary_text": "零基础做AI一人公司", "secondary_text": "将创业变赚钱生意", "call_to_action_button": "扫码加入と書かれた赤いボタン" } }, "bottom_navigation_bar": { "input_field": "「何かコメントする...」と書かれたテキストボックス", "icons_count": 5, "icons": [ "スマイリーフェイスの絵文字アイコン", "ショッピングカートアイコン", "ハートアイコン", "ギフトボックスアイコン", "3 点メニューアイコン" ], "system": "最下部の iOS ホームインジケーターライン" } } }