炫彩蝴蝶UI系統板

{ "type": "UI/UX 設計系統示範專案", "theme": "深色模式，自然靈感，發光虹彩美學", "language": "中文", "canvas": { "aspect_ratio": "方形海報", "background": "深午夜藍到黑色，帶有微妙的光暈", "style" "一個高端、未來主義的展示項目，採用纖細的霓虹藍面板輪廓、光澤高光、柔和的光暈和高對比度。" }, "header": { "title": "自然靈感 UI{argument name=\"system title\" default=\"Butterfly"\"} /UX 設計系統： default=\"從蝴蝶翅膀汲取靈感，設計融合了結構色的虹彩光澤和深藍色，打造出輕盈、動感、充滿活力的數位體驗。 \"}", "hero_image": "一幅細節豐富、光彩奪目的蝴蝶翅膀佔據了右上角的一半，呈現出電光藍、紫羅蘭和虹彩青色。清晰可見的脈絡結構、半透明邊緣和閃爍的顆粒清晰可見，其後方還有另一片模糊的翅膀。" }, "layout": { "sections": [ "title"""""" }, "layout": { "sections": "設計靈感" 4, "labels": [ "虹彩蝴蝶翅膀的微距", "藍紫色翅膀紋理的特寫", "光線折射棱鏡光暈", "蝴蝶翅膀的細胞圖案" ] }, { "title": "2. 關鍵詞", "position": "右上角，主圖下方", "count": 5, "labels": "iris, "L」, "Lyris" "icon_style": "圓角深色卡片內的極簡發光線條圖示" }, { "title": "3. 色彩系統", "position": "左居中", "subsections": [ { "title": "主色", "count": 3, "labels": [ "Morpho Blue #1E5BFF,", "count": 3, "labels": [ "Morphos Blue #1E5BFF, "R06" "title": "中性色", "count": 3, "labels": [ "午夜黑 #060F19", "柔和海軍藍 #141A2E", "珍珠白 #F3F6FC" ] }, { "title": "強調色虹彩漸變", "count": 2, "labelss": ["title": "強調亮色和漸變", "count": 2, "labelsual": [光." "圓形色板與漸層球體，下方附有中文標籤。" }, { "title": "4. 佈局", "position": "右居中", "count": 1, "labels": [ "Aa Poppins Light / Regular / Medium / SemiBold" ], "vistleual": "深色卡上的大號"左中", "count": 1, "text": "{argument name=\"app name\" default=\"Winglet\"} 輕盈。敏捷。優雅。", "visual": "應用程式名稱旁的發光蝴蝶圖示" }, { "title": "6. UI 元件, "position": "為「 "labels": [ "主按鈕", "輔助按鈕", "玻璃紋理" ] }, { "title": "圖標", "count": 2, "labels": [ "心形圖標集", "發光圓環" ] }, { "title": "開關", "count": 1, "labels" [ "圓角開關":) [ "pual", "count": 1, "labels" [ "圓角開關":) ["圓角開關" "title": "其他元素", "position": "右側居中", "count": 4, "labels": [ "搜尋框", "標籤新建", "進度條 (72%)", "藍色 Morpho 卡片" ], "visual": "緊湊的橫向卡片中的小型 UI tle" }, {count:" "labels": [ "搜尋頁面", "帶有大型蝴蝶插圖的今日頁面", "帶有波形圖的音頻播放頁面" ], "visual": "三個帶有大型蝴蝶插圖的今日頁面", "帶有波形圖的音頻播放頁面" ], "visual": "三個帶有深色界面和藍紫色蝴蝶視覺效果的圓角智能手機原型。" }, { "title": "8. 網站設計預覽", "position": "els", "labcount": 1, "lablab"ual", "els "桌上型著陸頁模型，包括蝴蝶主圖、頂部導航、亮藍色行動號召按鈕和中文文字。" }, { "title": "9.視覺背景", "position": "底部全寬", "count": 4, "labels": [ "流動絲帶背景 1", "漩渦彩虹", "流動絲帶背景" "紫色、藍色和青色的四個矩形背景樣本。" } ], "footer": { "count": 1, "text": "以自然為靈感，為體驗而生。", "center_icon": "小蝴蝶圖示" } }, "art_direction": { "materials": "仿玻璃、虹燈邊緣圖示" } }, "art_direction": { "materials": "仿光玻璃、虹燈邊緣圖示" } }, "art_direction": { "materials": "仿光玻璃、虹邊緣燈邊緣」、藍色漸層、微妙照明" "composition": "簡潔的網格佈局包含九個編號的內容部分、充足的留白、纖細的圓角邊框以及醒目的蝴蝶圖像。", "render_quality": "高度精細，佈局清晰，是一個優質的Behance風格設計系統項目。" } }