虹色に輝く蝶のUIシステムボード

{ "type": "UI/UX デザインシステム デモンストレーション プロジェクト", "theme": "ダーク モード、自然にインスパイアされた、光り輝く虹色の美学", "language": "中国語", "canvas": { "aspect_ratio": "正方形のポスター", "background": "深いミッドナイト ブルーからブラック、微妙なハロー付き", "style": "スリムなネオン ブルーのパネルの輪郭、光沢のあるハイライト、柔らかなハロー、高コントラストを特徴とする、ハイエンドで未来的なディスプレイ プロジェクト。" }, "header": { "title": "自然にインスパイアされたUI{argument name=\"system title\" default=\"Butterfly Rainbow\"} UI/UXデザインシステム", "description": "{argument name=\"chinese description\" default=\"蝶の羽からインスピレーションを得て、構造色の虹色の輝きと深い青を取り入れ、軽やかでダイナミック、かつ鮮やかなデジタル体験を生み出します。"}", "hero_image": "エレクトリックブルー、バイオレット、そして虹色のシアンを映し出す、非常に精緻で光り輝く蝶の羽が右上隅の半分を占めています。はっきりと見える葉脈構造、半透明の縁、そしてきらめく粒子が見え、その背後にはぼやけたもう1枚の羽があります。" }, "layout": { "sections": [ { "title": "1. デザインのインスピレーション", "position": "左上隅、タイトルの下", "count": 4, "labels": [ "虹色の蝶の羽のマクロ", "青紫色の羽のテクスチャのクローズアップ", "光を屈折させるプリズムのハロー", "蝶の羽の細胞パターン" ] }, { "title": "2. キーワード", "position": "右上隅、メイン画像の下", "count": 5, "labels": [ "iris", "Agile", "Light", "Profound", "nature" ], "icon_style": "丸みを帯びた暗いカードの中にミニマルな光る線のアイコン" }, { "title": "3. カラーシステム", "position": "中央左", "subsections": [ { "title": "メインカラー", "count": 3, "labels": [ "Morpho Blue #1E5BFF", "Rainbow Purple #7A5CFF", { "スカイライト #00E6FF" ] }, { "タイトル": "ニュートラルカラー", "カウント": 3, "ラベル": [ "ミッドナイトブラック #060F19", "ソフトネイビーブルー #141A2E", "パールホワイト #F3F6FC" ] }, { "タイトル": "色とグラデーションを強調", "カウント": 2, "ラベル": [ "レインボーグロス", "バタフライライト" ] } ], "ビジュアル": "円形のカラースウォッチとグラデーション球体、下に中国語のラベル付き。" }, { "title": "4. レイアウト", "position": "中央右", "count": 1, "labels": [ "Aa Poppins Light / Regular / Medium / SemiBold" ], "visual": "暗いカード上の大きな白い Aa" }, { "title": "5. アプリケーション アイコン", "position": "左と中央", "count": 1, "text": "{argument name=\"app name\" default=\"Winglet\"} Light. Agile. Elegant.", "visual": "アプリ名の横にある光る蝶のアプリ アイコン" }, { "title": "6. UI コンポーネント", "position": "中央", "subsections": [ { "title": "ボタン", "count": 3, "labels": [ "メイン ボタン", "セカンダリ ボタン", "ガラスの質感" ] }, { "title": "アイコン", "count": 2, "labels": [ "ハート型のコレクション", "イルミネーション リング" ] }, { "title": "スイッチ", "count": 1, "labels": [ "スイッチ" ] } ], "visual": "暗いパネル上の丸みを帯びた青いボタン、ネオンアイコンボタン、バックライト付きスイッチ" }, { "title": "その他の要素", "position": "右中央", "count": 4, "labels": [ "検索ボックス", "新規タグ", "プログレスバー (72%)", "ブルーモルフォカード" ], "visual": "コンパクトな水平カード内の小さくて実用的なUIコンポーネント" }, { "title": "7. モバイルUI", "position": "左下", "count": 3, "labels": [ "検索ページ", "大きな蝶のイラストがある今日のページ", "波形グラフがあるオーディオ再生ページ" ], "visual": "暗いインターフェースと青紫色の蝶の視覚効果を備えた、角が丸みを帯びた3つのスマートフォンプロトタイプ" }, { "title": "8. ウェブサイトデザインプレビュー", "position": "右下", "count": 1, "labels": [ "Life of Light" ], "visual": "蝶のメイン画像、上部ナビゲーション、明るい青色のコールトゥアクションボタン、中国語のテキストを含むデスクトップランディングページのモックアップ。" }, { "title": "9. ビジュアル背景", "position": "下部全幅", "count": 4, "labels": [ "流れるリボンの背景 1", "渦巻きレインボー", "流れるリボンの背景 2", "輝くクリスタルバースト" ], "visual": "紫、青、シアンの4つの長方形の背景サンプル。" } ], "footer": { "count": 1, "text": "自然を念頭に置いてデザインされ、体験のために生まれました。", "center_icon": "小さな蝶のアイコン" } }, "art_direction": { "materials": "ガラスの模倣、ネオンエッジ照明、滑らかなグラデーション、繊細な反射", "colors": "エレクトリックブルー、インディゴ、バイオレット、シアン、ホワイト", "composition": "クリーンなグリッドレイアウトには、番号付きの9つのコンテンツセクション、十分な余白、細く丸みを帯びた境界線、そして印象的な蝶の画像が含まれています。", "render_quality": "高度に洗練され、明確にレイアウトされた、プレミアムなBehanceスタイルのデザインシステムプロジェクト。" } }