ระบบการออกแบบ UI/UX ผีเสื้อสีรุ้ง

{ "type": "โครงการสาธิตระบบการออกแบบ UI/UX", "theme": "โหมดมืด แรงบันดาลใจจากธรรมชาติ ความสวยงามระยิบระยับ", "header": { "title": "ระบบการออกแบบ UI/UX ที่ได้รับแรงบันดาลใจจากธรรมชาติ {argument name=\"system title\" default=\"Butterfly Rainbow\"}", "description": "{argument name=\"chinese description\" default=\"การออกแบบนี้ได้รับแรงบันดาลใจจากปีกผีเสื้อ โดยผสมผสานความแวววาวระยิบระยับของสีโครงสร้างและสีน้ำเงินเข้ม เพื่อสร้างประสบการณ์ดิจิทัลที่เบา สบายตา และมีชีวิตชีวา\"}", "hero_image": "ปีกผีเสื้อสีน้ำเงินม่วงระยิบระยับขนาดใหญ่ รายละเอียดสูง สว่างไสว" }, "layout": { "sections": [ { "title": "แรงบันดาลใจในการออกแบบ", "count": 4, "description": "ภาพขนาดย่อสี่เหลี่ยมจัตุรัสแสดงภาพระยะใกล้ของปีกผีเสื้อระยิบระยับและการหักเหของแสง" } ] ... }, { "title": "คำสำคัญ", "จำนวน": 5, "ป้ายกำกับ": [ "iris", "Agile", "Light", "Profound", "nature" ] }, { "title": "ระบบสี", "ส่วนย่อย": [ { "title": "สีหลัก", "จำนวน": 3, "ป้ายกำกับ": [ "Morpho Blue #1E5BFF", "Rainbow Purple #7A5CFF", "Skylight #00E6FF" ] }, { "title": "สีกลาง", "จำนวน": 3, "ป้ายกำกับ": [ "Midnight Black #0B0F19", "Soft Navy Blue #141A2E", "Pearl White #F3F6FC" ] }, { "title": "เน้นสีและการไล่ระดับสี", "จำนวน": 2, "ป้ายกำกับ": [ "Rainbow gloss", "Butterfly" ] } Light" ] } ] }, { "title": "typesetting", "content": "Aa Poppins Light / Regular / Medium / SemiBold" }, { "title": "App icon", "count": 1, "text": "Application Name{argument name=\"app name\" default=\"Winglet\"} Light. Agile. Graceful." }, { "title": "ส่วนประกอบ UI", "subsections": [ { "title": "ปุ่ม", "count": 6, "labels": [ "ปุ่มหลัก", "ปุ่มรอง", "พื้นผิวกระจก", "ไอคอนรูปหัวใจ", "ไอคอนทรงกลมเรืองแสง", "สวิตช์" ] }, { "title": "องค์ประกอบอื่นๆ", "count": 5, "labels": [ "แถบค้นหา", "แท็ก (ใหม่)", "แถบความคืบหน้า (72%)", "การ์ด (Blue Morph)", "สไลเดอร์" ] } ] }, { "title": "UI สำหรับมือถือ", "count": 3, "screens": [ "หน้าสำรวจ", "หน้าวันนี้ที่มีปีกผีเสื้อขนาดใหญ่", "หน้าเล่นเสียงพร้อมกราฟรูปคลื่น" ] }, { "title": "ตัวอย่างการออกแบบเว็บ", "count": 1, "details": "โมเดลเบราว์เซอร์เดสก์ท็อป พื้นที่หน้าจอแรกประกอบด้วย '{argument name=\"web hero headline\" default=\"Life of Light\"} ' และปุ่ม 'สำรวจเลย'" }, { "title": "ภาพพื้นหลัง", "count": 4, "description": "ภาพขนาดย่อรูปสี่เหลี่ยมผืนผ้าแสดงระลอกคลื่นสีรุ้งนามธรรม" } ], "footer": "ออกแบบโดยคำนึงถึงธรรมชาติ เกิดมาเพื่อประสบการณ์" } }