
UI / UX デザイン
アニメカードゲームロビーUIモックアップ
キャラクター、リソース、各種パネルを備えた精細なモバイルカードゲームのロビー画面を生成。JSON値でプレイヤー情報やキャラを変更できます。
カードゲームゲームuiアニメモバイルゲームインターフェース設計ロビー画面モックアップ
プロンプト
{
"type": "高精度なアニメファンタジーカードゲームのホーム画面UIモックアップ",
"overall_style": "洗練されたモバイルゲームのロビー画面スクリーンショット、16:9横長、濃紺と紫のファンタジーSF大聖堂の背景、上部中央に輝く魔法のポータル、反射する石の床、ネオンのリムライティング、鮮明なゲームUIパネル、すべてのボタンがタップ可能に見える、高級感のあるTCG風デザイン",
"game_identity": {
"player_name": "[CardMaster]",
"level": "[Lv. 42]",
"experience_bar": "2350 / 4500",
"avatar": "左上に配置された意図的に顔をぼかした小さな正方形のアニメ風ポートレート"
},
"top_resource_bar": {
"count": 6,
"items": [
"ゴールドコイン通貨:5,780、プラスボタン付き",
"紫のクリスタル通貨:1,250、プラスボタン付き",
"青いキューブ通貨:320、プラスボタン付き",
"メール封筒アイコン",
"設定の歯車アイコン",
"アバター、名前、レベル、進捗バーを含むプレイヤープロフィールブロック"
]
},
"main_characters": {
"count": 5,
"description": "ロビー中央に並ぶ5人のフルボディのアニメキャラクター、顔は柔らかくぼかされ衣装と体型は精密に描画",
"characters": [
"左側:光るシアンの胸部エンブレムを備えた光沢ある近未来的な青い鎧、黒いツンツン髪の男性ヒーロー、勇敢なポーズ",
"オレンジ髪のアニメ戦士少女、黒のノースリーブトップス、赤のプリーツミニスカート、黒のストラップ、手袋、ブーツ、腰に剣を構える",
"中央:超ロングの黒髪、白いブラウス、ネイビーのスカート、ハイソックス姿で胸元にカードを抱きしめる小柄な女子学生",
"黒とネオンピンクの髪、ピンクのトライバル柄の白いクロップトップ、ピンクのショートパンツ、太ももまでの光沢あるピンクストッキング、サンダルを履いた筋肉質な女性、自信に満ちたポーズ",
"右側:ネクタイを緩めた黒スーツ姿でピストルを構える男性エージェント"
]
},
"center_floor_props": {
"count": 5,
"items": [
"女子学生の近くに浮かぶ2体の小さな笑顔の青いゴーストマスコット",
"下部中央にある光る紫色の透明なキューブ1個",
"左右の足元付近にある2つの小さなボクセル草・土ブロック",
"中央小道具の背後にある2つの小さな灰色の石キューブ"
]
},
"left_sidebar": {
"position": "左側の垂直メニュー",
"count": 4,
"buttons": [
"SHOP(ショッピングカートアイコン、小さな赤い通知バッジ付き)",
"CARD PACK(カードパックアイコン)",
"RANKING(トロフィーアイコン)",
"EVENTS(カレンダーアイコン)"
]
},
"left_promo_card": {
"position": "左下",
"title": "NEW CARD PACK",
"headline": "[DIMENSIONAL ORIGINS]",
"subtitle": "New cards have arrived!",
"visual": "長方形のプロモーションカード内で傾いた光る紫色のブースターボックス",
"carousel_dots": {
"count": 5,
"active": "1つ目のドットが青、4つの非アクティブなドットはグレー"
}
},
"right_action_panels": {
"position": "右カラム",
"count": 3,
"panels": [
{
"title": "MATCH",
"subtitle": "Compete with players around the world",
"visual": "青いパネル上の交差した銀の剣アイコン"
},
{
"title": "BOOSTER DECKBUILDING",
"subtitle": "Build your ultimate deck",
"visual": "紫のパネル上の2枚のパープルファンタジーカード"
},
{
"title": "TOURNAMENT",
"subtitle": "Prove your skills and win great prizes",
"visual": "ブロンズパネル上の月桂冠付きゴールドトロフィー"
}
]
},
"bottom_navigation": {
"position": "左下から中央",
"count": 5,
"tabs": [
"光る家アイコンと明るい縁取りで強調されたHOME",
"カードアイコンのDECKS",
"ギアとカードアイコンのCOLLECTION",
"人物アイコンのPROFILE",
"ショッピングバッグアイコンのSTORE"
]
},
"chat_panel": {
"position": "右下",
"count": 3,
"visible_components": [
"チャットログ1行目:[World] CardMaster: Good luck everyone!",
"チャットログ2行目:[World] Valkyrie: The new event looks amazing!",
"プレースホルダーテキスト『Type a message...』と絵文字アイコンボタン付きのメッセージ入力欄"
]
},
"text_requirements": "指定通りの明瞭な英語UIラベル、高コントラストな白タイポグラフィ、チャット内のシアン色のプレイヤー名、記載されたコンポーネント以外の余計なメニューはなし",
"rendering": "シャープで精緻なコンセプトアート、プロ仕様のゲームUI構成、ファンタジーTCGロビー、ドラマチックな青紫の照明、高解像度スクリーンショットの質感"
}カスタマイズできる部分
生成する前に、プロンプトのこれらの部分を自分のテーマや文言に置き換えてください。
[CardMaster]プレースホルダー[Lv. 42]プレースホルダー[DIMENSIONAL ORIGINS]プレースホルダー[World]プレースホルダー
プロンプトの詳細
- カテゴリ
- UI / UX デザイン
- モデル
- GPT IMAGE 2
- 1 枚あたりのコスト
- 1K:43 クレジット · 2K:86 クレジット · 4K:143 クレジット
- アスペクト比
- 16:9
- 追加日