彩虹蝴蝶UI系統板

A polished dark-mode Chinese UI/UX design system presentation board featuring a glowing butterfly theme, suitable for design case studies, portfolio covers, and style-system showcases.

{"type":"UI/UX design system showcase board","theme":"dark mode, nature-inspired, luminous iridescent aesthetic","language":"Chinese","canvas":{"aspect_ratio":"square poster","background":"deep midnight navy to black with subtle glow","style":"premium futuristic presentation board with thin neon-blue panel outlines, glossy highlights, soft bloom, and high contrast"},"header":{"title":"自然靈感 UI
{argument name=\"system title\" default=\"蝴蝶虹彩\"}
UI/UX 設計系統","description":"{argument name=\"chinese description\" default=\"從蝴蝶翅膀中汲取靈感，將結構色的虹彩光澤與深邃藍融入介面設計，創造輕盈、靈動、充滿生命力的數位體驗。\"}","hero_image":"an oversized, ultra-detailed glowing butterfly wing in electric blue, violet, and iridescent cyan filling the upper-right half, with visible vein structure, translucent edges, spark-like particles, and a second blurred wing behind it"},"layout":{"sections":[{"title":"1. 設計靈感","position":"upper left below header","count":4,"labels":["iridescent butterfly wing macro","blue-purple wing texture close-up","light refraction prism flare","butterfly wing cell pattern"]},{"title":"2. 關鍵詞","position":"upper right below hero","count":5,"labels":["虹彩","靈動","輕盈","深邃","自然"],"icon_style":"simple glowing line icons inside rounded dark cards"},{"title":"3. 色彩系統","position":"mid left","subsections":[{"title":"主色","count":3,"labels":["大閃蝶藍 #1E5BFF","虹彩紫 #7A5CFF","天空光 #00E6FF"]},{"title":"中性色","count":3,"labels":["午夜黑 #060F19","柔和海軍藍 #141A2E","珍珠白 #F3F6FC"]},{"title":"強調色與漸層","count":2,"labels":["彩虹光澤","蝴蝶光芒"]}],"visual":"circular color swatches and gradient spheres with Chinese labels beneath"},{"title":"4. 排版","position":"mid right","count":1,"labels":["Aa Poppins Light / Regular / Medium / SemiBold"],"visual":"large white Aa on dark card"},{"title":"5. 應用圖示","position":"left center","count":1,"text":"{argument name=\"app name\" default=\"Winglet\"} 輕盈。靈動。優雅。","visual":"glowing butterfly app icon beside app name"},{"title":"6. UI 組件","position":"center","subsections":[{"title":"按鈕","count":3,"labels":["主要按鈕","次要按鈕","玻璃質感"]},{"title":"圖示","count":2,"labels":["心形收藏","發光圓環"]},{"title":"開關","count":1,"labels":["開關"]}],"visual":"rounded blue buttons, neon icon buttons, and a glowing toggle on a dark panel"},{"title":"其他元素","position":"right center","count":4,"labels":["搜尋框","標籤 New","進度條 (72%)","卡片 Blue Morpho"],"visual":"small utility UI widgets in a compact horizontal card"},{"title":"7. 移動端 UI","position":"lower left","count":3,"labels":["搜尋頁面","帶有大型蝴蝶插圖的今日頁面","帶有波形圖的音訊播放頁面"],"visual":"three smartphone mockups with rounded corners, dark interface, blue-violet butterfly visuals"},{"title":"8. 網頁設計預覽","position":"lower right","count":1,"labels":["光之生命"],"visual":"desktop landing page mockup with butterfly hero image, top navigation, bright blue call-to-action button, and Chinese body text"},{"title":"9. 視覺背景","position":"bottom full width","count":4,"labels":["flowing light ribbon background 1","swirling iridescent vortex","flowing light ribbon background 2","radiant crystalline burst"],"visual":"four elongated rectangular background samples in purple, blue, and cyan"}],"footer":{"count":1,"text":"源於自然的設計，為體驗而生。","center_icon":"small butterfly icon"}},"art_direction":{"materials":"glassmorphism, neon edge lighting, smooth gradients, subtle reflections","colors":"electric blue, indigo, violet, cyan, white","composition":"clean grid with 9 numbered content sections, generous spacing, thin rounded borders, and a dominant butterfly hero image","render_quality":"highly polished, crisp typography, premium Behance-style design system board"}}

機器翻譯 — 實際產出作品的是原文 prompt。

✨ 生成 收藏 複製 Prompt 分享 原始貼文 在 Hitboard 開啟