作例の出典
@marouane53 ↗ · 作例 #104
オリジナルの作例内容を保持しています。生成結果はモデルのバージョン、参照画像、パラメータによって左右されます。本サイトでは個別の完全な再現を保証するものではありません。
UI・インターフェース / PROMPT #104
UIインタラクション設計 · #104
画像を確認してからプロンプトをコピーしてください。プレースホルダーがある場合は、下部で内容を書き換えることができます。
01 / カスタマイズ
この作例には自動検出されたプレースホルダーはありません。コピー後、被写体・配色・テキスト・比率などを適宜変更してください。
02 / プロンプト全文 · 原文
{
"type": "YouTube livestream UI",
"top_nav": {
"logo": "YouTube Premium",
"search": "{argument name=\"search query\" default=\"bilal fraiha\"}",
"icons": 3
},
"player": {
"subjects": [
"{argument name=\"female guest\" default=\"Sydney Sweeney\"} in white cardigan",
"bearded man in beige jacket laughing"
],
"bg": "couch, 2 silver play buttons, ram logo 'SARDI'",
"overlays": {
"chat": {"pos": "left", "count": 15, "desc": "colored usernames, white text"},
"goal": {"pos": "top right", "text": "TONIGHT'S GOAL: 0 to 25"},
"banner": {"pos": "bottom center", "text": "K {argument name=\"streamer name\" default=\"MOREBILAL\"}"}
},
"controls": {"count": 10}
},
"details": {
"title": "{argument name=\"video title\" default=\"FULL STREAM | سيدني سويني مع بلال\"}",
"channel": "{argument name=\"channel name\" default=\"More Bilal No Filter\"}",
"buttons": 5
}
}お使いの画像生成ツールに貼り付けてご使用ください。本サイトはプロンプトの閲覧・編集ツールであり、画像の直接生成は行いません。
03 / 生成前のチェック
- プレースホルダーを具体的な内容に置き換え、参照画像が必要か確認します。
- 文字を含む場合はテキストを確定し、生成後に一文字ずつ確認します。
- 被写体、光、構図は一度に一箇所ずつ調整すると、効果を比較しやすくなります。
関連するインスピレーション
UI・インターフェースの他の作例
