圖像 提示詞
Iridescent Butterfly UI/UX 設計系統
生成一套完整的深色模式 UI/UX 設計系統專案，包含受虹彩蝴蝶翅膀啟發的配色方案、字體排版、行動裝置介面與網頁預覽。
提示詞
{
"type": "UI/UX 設計系統展示專案",
"theme": "深色模式，自然靈感，發光的虹彩美學",
"header": {
"title": "自然靈感 UI\n蝴蝶虹彩\nUI/UX 設計系統",
"description": "從蝴蝶翅膀中汲取靈感，將結構色的虹彩光澤與深邃藍融入界面設計，創造輕盈、靈動、充滿生命力的數位體驗。",
"hero_image": "大型、細節豐富且發光的藍紫色虹彩蝴蝶翅膀"
},
"layout": {
"sections": [
{
"title": "設計靈感",
"count": 4,
"description": "展示虹彩蝴蝶翅膀特寫與光線折射的方形縮圖"
},
{
"title": "關鍵字",
"count": 5,
"labels": ["虹彩", "靈動", "輕盈", "深邃", "自然"]
},
{
"title": "色彩系統",
"subsections": [
{ "title": "主色", "count": 3, "labels": ["大藍閃蝶藍 #1E5BFF", "虹彩紫 #7A5CFF", "天空光 #00E6FF"] },
{ "title": "中性色", "count": 3, "labels": ["午夜黑 #0B0F19", "柔和海軍藍 #141A2E", "珍珠白 #F3F6FC"] },
{ "title": "強調色與漸層", "count": 2, "labels": ["彩虹光澤", "蝴蝶光暈"] }
]
},
{
"title": "字體排版",
"content": "Aa Poppins Light / Regular / Medium / SemiBold"
},
{
"title": "App Store 圖示",
"count": 1,
"text": "App 名稱 Winglet 輕盈。靈動。優美。"
},
{
"title": "UI 元件",
"subsections": [
{ "title": "按鈕", "count": 6, "labels": ["主要按鈕", "次要按鈕", "玻璃質感", "愛心圖示", "發光球體圖示", "切換開關"] },
{ "title": "其他元素", "count": 5, "labels": ["搜尋列", "標籤 (New)", "進度條 (72%)", "卡片 (藍閃蝶)", "滑桿"] }
]
},
{
"title": "行動裝置 UI",
"count": 3,
"screens": ["探索頁面", "帶有大型蝴蝶翅膀的今日頁面", "帶有波形圖的音訊播放頁面"]
},
{
"title": "網頁設計預覽",
"count": 1,
"details": "桌面瀏覽器模型，首頁區塊包含 '光之生命' 與 '立即探索' 按鈕"
},
{
"title": "視覺背景",
"count": 4,
"description": "展示抽象虹彩波紋的矩形縮圖"
}
],
"footer": "以自然為本，為體驗而生。"
}
}
