ライトモードUIデザインシステムボード
未来的な虹色の美学を取り入れた、カラーパレット、タイポグラフィ、コンポーネント、レスポンシブモックアップなどを特徴とする包括的なUIデザインシステムプレゼンテーションを生成します。
これはプリントポスター向けのgpt-image-2プロンプトケースです。以下のコピー可能なプロンプトを使用して同様のビジュアルを生成し、再利用する前にAwesome Nano Banana Pro Prompts帰属表示と商用利用権を確認してください。
プロンプトセット全体が必要ですか？ プリントポスター 関連する例をもっと見るにはトピックハブを開くか、 GPTイメージ2プロンプトライブラリ 完全な例の索引、再利用可能な構造、および出典の明記については、こちらをご覧ください。
プロンプト
コピー準備完了プロンプト
{ "type": "UI デザイン システム デモンストレーション プロジェクト", "theme": "{argument name=\"ビジュアル テーマ\" default=\"光学科学と光の屈折\"}", "overall_aesthetic": "清潔感のある白い背景、明るい色調モード、未来的で洗練された雰囲気。特徴は {argument name=\"プライマリ グラデーション カラー\" default=\"虹色、柔らかなオレンジ、黄色、シアン、紫、ピンク\"} の装飾にあります", "header": { "title": "{argument name=\"システム名\" default=\"LIGHTCORE PRISM\"}", "subtitle": "UI デザイン システム - ライト モード", "tags": [ "未来的", "洗練された感覚", "フォーカス" ], "hero_graphic": "虹色の光を屈折させる 3D 透明ガラス リング" }, "layout": { "sections": [ { "title": "色", "count": 5, "labels": [ "White #FFFFFF", "Snowy #FAFAFC", "Slate color #F2F4F8", "Border color #E6E8EF", "Black #0A0A0C" ], "description": "5 つの丸みを帯びた正方形の単色ブロック" }, { "title": "Prism Gradient", "count": 1, "description": "下に 5 つの 16 進数カラーコードが付いた長い水平グラデーション バー。" }, { "title": "typesetting", "description": "大きな 'Aa' フォントは、4 つのウェイト (Light、Regular、Medium、Semibold) と、完全なアルファベット/数字とともにリストされています。" }, { "title": "icon", "count": 12, "description": "2x6 グリッドに配置された 12 個のミニマルな線スタイルのアイコン。" } }, { "title": "ボタン", "count": 8, "categories": [ "main", "secondary", "text", "icon" ], "description": "各カテゴリの通常状態と無効状態を表示するボタンが合計 8 つあります。メインボタンには虹色の枠線と {argument name=\"primary button text\" default=\"Start using\"} のテキストがあります。" }, { "title": "ナビゲーション", "count": 2, "variants": [ "Desktop", "mobile" ], "description": "デスクトップナビゲーションには、ロゴ、4 つのテキストリンク、検索バー、ログインボタン、およびモバイルナビゲーションバーが含まれています。" }, { "title": "コンポーネント", "count": 6, "items": [ "カード: 抽象的な虹色のグラフィックとボタンを備えた「Photon Engine」", "入力ボックス: ラベル付き検索バーとメール入力ボックス。", "プログレスバー: 68% の虹色のプログレスバー", "タブ: 概要、分析、設定", "スイッチ: 2 つのスイッチ (オン/オフ)", "データ視覚化: 3 つの凡例項目を備えた円グラフと 7 日間の折れ線グラフ。" ] }, { "title": "Web ページ", "description": "デスクトップ ブラウザ モデル。タイトル '{argument name=\"hero headline\" default=\"Building the future with light and color\"} デザインには、2 つのボタン、流れる 3D 虹色の波のグラフィック、下部に 5 つのパートナー ロゴが含まれています。" }, { "title": "モバイルアプリケーション", "description": "スマートフォンモデルには、24,880ドルの残高、折れ線グラフ、4つのクイックアクションアイコン、3つの項目を含む最近のアクティビティのリスト、および4つのアイコンを含む下部ナビゲーションバーが表示されます。" } ] } }プロンプト変数
プロンプトに表示される編集可能な引数プレースホルダーと、それらのデフォルト値。
変数
visual theme
デフォルト
Optical Science and Light Refraction
変数
primary gradient colors
デフォルト
Iridescent, soft orange, yellow, cyan, purple, pink
変数
system name
デフォルト
LIGHTCORE PRISM
変数
primary button text
デフォルト
Start using
変数
hero headline
デフォルト
Building the future with light and color
このカテゴリーのその他の事例
カテゴリー、入力モードの互換性、品質、およびリスクの低さに基づいて優先順位付けされています。
再利用と出典に関する注記
ケースを事前に確認してから、このプロンプトを安全に使用してください。
- 1.プロンプトをコピーするか、生成ボタンを使ってDovooで直接開いてください。
- 2.ご自身の用途に合わせて、変数、アスペクト比、および参照画像を調整してください。
- 3.公開または有料利用の前に、情報源の権利、帰属表示の要件、およびブランドまたは肖像権に関するリスクを確認してください。