UIとSNSモックアップ

ライブ視聴ページUI

説明した配信やイベントを、LIVEプレイヤー、チャットオーバーレイ、チャンネル行、アクションボタンを備えたリアルなダークモードのデスクトップ視聴ページに仕上げ、UIポートフォリオやコンセプト提案に使えます。

更新日: 2026/08/23

プロンプト全文

英語のプロンプトに入力例を添えています。生成前に被写体や詳細を調整してください。元の作例の入力内容と生成設定は完全には確認できていません。

推奨モデル: GPT Image 2

Design a pixel-crisp desktop UI mockup of a livestream watch page on a modern unbranded video platform, rendered in dark mode like a browser screenshot. Across the top place a slim header with a generic play-button logo, rounded search bar, and icons for microphone, create, notifications, and profile. Fill the main column with a large 16:9 player showing the presenter, event, or scene from the user request, with a red LIVE badge, semi-transparent scrolling chat with colored usernames, a small goal ticker, and a lower-third banner. Along the player bottom run a control bar with pause, next, volume, LIVE progress, captions, settings, miniplayer, theater, and fullscreen icons. Below it set a bold title, channel row with circular avatar, verified check, subscriber count, and Subscribe button, then pill buttons for like, dislike, share, and save, plus a rounded description box with watching-now stats, hashtags, and truncated text. Keep typography sharp on a clean grid with legible text. Do not use real platform, company, or streamer branding, logos, or watermarks. User request: a tech founder on stage unveiling a new AI model, title 'Launch day live'

一次制作のサンプル

出典とクレジット

OmniArt が構成を調整し、書き直しました。出典、変更内容、利用条件は以下をご確認ください。

视频封面界面图 · @bowowwoaaa2
freestylefly/awesome-gpt-image-2
Repository code is MIT; its disclaimer says community content belongs to original authors/platforms and commercial reuse is not guaranteed.
Rewritten and consolidated into an OmniArt recipe archetype; template tokens removed; named people, brands, platforms, games, and film IP generalized; no raw prompt text or source image copied.
界面交互设计图 · @marouane53
freestylefly/awesome-gpt-image-2
Repository code is MIT; its disclaimer says community content belongs to original authors/platforms and commercial reuse is not guaranteed.
Rewritten and consolidated into an OmniArt recipe archetype; template tokens removed; named people, brands, platforms, games, and film IP generalized; no raw prompt text or source image copied.
应用界面样机图 · @tehno_maniak
freestylefly/awesome-gpt-image-2
Repository code is MIT; its disclaimer says community content belongs to original authors/platforms and commercial reuse is not guaranteed.
Rewritten and consolidated into an OmniArt recipe archetype; template tokens removed; named people, brands, platforms, games, and film IP generalized; no raw prompt text or source image copied.

好きな時代や歴史上の人物を、時代様式の肖像アイコンや人物になりきったコメント、時代モチーフのUIを備えた、ウィットに富む現代SNS風フィードのスクリーンショットに変えられます。

プロンプト全文