ระบบออกแบบ UI/UX ธีมผีเสื้อเหลือบสี (Iridescent Butterfly)

สร้างบอร์ดระบบออกแบบ UI/UX ในโหมดมืดที่ครอบคลุม ทั้งจานสี การจัดวางตัวอักษร หน้าจอแอปมือถือ และตัวอย่างเว็บไซต์ โดยได้รับแรงบันดาลใจจากปีกผีเสื้อเหลือบสี

พรอมต์

{ "type": "บอร์ดนำเสนอระบบออกแบบ UI/UX", "theme": "โหมดมืด, แรงบันดาลใจจากธรรมชาติ, ความสวยงามแบบเรืองแสงเหลือบสี", "header": { "title": "UI ที่ได้รับแรงบันดาลใจจากธรรมชาติ\nBUTTERFLY IRIDESCENCE\nระบบออกแบบ UI/UX", "description": "从蝴蝶翅膀中汲取灵感，将结构色的虹彩光泽与深邃蓝融入界面设计，创造轻盈、灵动、充满生命力的数字体验。", "hero_image": "ภาพปีกผีเสื้อเหลือบสีน้ำเงินและม่วงเรืองแสง รายละเอียดสูง" }, "layout": { "sections": [ { "title": "แรงบันดาลใจ (INSPIRATION)", "count": 4, "description": "ภาพขนาดย่อสี่เหลี่ยมแสดงภาพระยะใกล้ของปีกผีเสื้อเหลือบสีและการหักเหของแสง" }, { "title": "คำสำคัญ (KEYWORDS)", "count": 5, "labels": ["虹彩", "灵动", "轻盈", "深邃", "自然"] }, { "title": "ระบบสี (COLOR SYSTEM)", "subsections": [ { "title": "สีหลัก (PRIMARY)", "count": 3, "labels": ["Morpho Blue #1E5BFF", "Iridescent Purple #7A5CFF", "Sky Glow #00E6FF"] }, { "title": "สีกลาง (NEUTRAL)", "count": 3, "labels": ["Midnight #0B0F19", "Soft Navy #141A2E", "Pearl #F3F6FC"] }, { "title": "สีเน้นและสีไล่ระดับ (ACCENT & GRADIENT)", "count": 2, "labels": ["Rainbow Sheen", "Butterfly Glow"] } ] }, { "title": "การจัดวางตัวอักษร (TYPOGRAPHY)", "content": "Aa Poppins Light / Regular / Medium / SemiBold" }, { "title": "ไอคอนแอป (APP STORE ICON)", "count": 1, "text": "ชื่อแอป Winglet เบาบาง มีชีวิตชีวา สวยงาม" }, { "title": "องค์ประกอบ UI (UI COMPONENTS)", "subsections": [ { "title": "ปุ่ม (BUTTONS)", "count": 6, "labels": ["Primary", "Secondary", "Glass", "ไอคอนหัวใจ", "ไอคอนทรงกลมเรืองแสง", "สวิตช์เปิด-ปิด"] }, { "title": "องค์ประกอบอื่นๆ (OTHER ELEMENTS)", "count": 5, "labels": ["แถบค้นหา", "ป้ายกำกับ (New)", "แถบความคืบหน้า (72%)", "การ์ด (Blue Morph)", "แถบเลื่อน (Slider)"] } ] }, { "title": "UI บนมือถือ (MOBILE UI)", "count": 3, "screens": ["หน้าจอสำรวจ", "หน้าจอ Today พร้อมภาพปีกผีเสื้อขนาดใหญ่", "หน้าจอเครื่องเล่นเสียงพร้อมคลื่นเสียง"] }, { "title": "ตัวอย่างการออกแบบเว็บ (WEB DESIGN PREVIEW)", "count": 1, "details": "ภาพจำลองบนเบราว์เซอร์เดสก์ท็อป ส่วน Hero พร้อมพาดหัว 'LIGHT IS ALIVE' และปุ่ม 'Explore Now'" }, { "title": "พื้นหลังภาพ (VISUAL BACKGROUNDS)", "count": 4, "description": "ภาพขนาดย่อสี่เหลี่ยมแสดงคลื่นเหลือบสีแบบนามธรรม" } ], "footer": "ออกแบบด้วยธรรมชาติ สร้างสรรค์เพื่อประสบการณ์ที่เหนือกว่า" } }