บอร์ดอินเทอร์เฟซ 3D Glassmorphism ระดับพรีเมียมที่รวบรวมส่วนควบคุม UI แห่งอนาคตไว้มากมาย เหมาะอย่างยิ่งสำหรับการทำม็อกอัป Design System ภาพ Hero สำหรับสินค้า และการนำเสนอแนวคิดแอปพลิเคชัน
{"type":"การจัดแสดงคอมโพเนนต์ UI สไตล์ glassmorphism","style":"ชุดอินเทอร์เฟซสไตล์ neumorphic มินิมอลระดับพรีเมียม, อะคริลิกสีขาวโปร่งแสงแบบฝ้า, เงาซอฟต์, การสะท้อนที่นุ่มนวล, มุมโค้งมน, พื้นหลังสีขาวสะอาดตา, สีเน้นโทนเขียวอมฟ้าและส้ม, งานเรนเดอร์ 3D ผลิตภัณฑ์ที่มีรายละเอียดสูง, มุมมองจากด้านบน","palette":{"background":"สีเทาอ่อนอมขาว","primary":"สีเขียวอมฟ้าเข้ม","secondary":"สีส้มสดใส","material":"กระจกโปร่งแสงสีน้ำนมพร้อมรายละเอียดพลาสติกซาติน"},"layout":{"composition":"แคนวาสเดี่ยวพร้อมวิดเจ็ต UI แบบลอยตัวที่จัดวางอย่างเป็นระเบียบในการนำเสนอแบบ Design System","sections":[{"title":"ปุ่มหมุนขนาดใหญ่","position":"ซ้ายบน","count":1,"labels":["ปุ่มหมุนวงกลมพร้อมขีดบอกระดับและตัวบ่งชี้สีส้มหนึ่งจุด"]},{"title":"แผงควบคุมทิศทาง","position":"กลางค่อนบน","count":1,"labels":["ปุ่มควบคุมสี่ทิศทางทรงกลมพร้อมปุ่มตรงกลางและไอคอนลูกศรสี่ทิศ"]},{"title":"ปุ่มเล่น","position":"ขวากลางค่อนบน","count":1,"labels":["ปุ่มทรงกลมพร้อมสัญลักษณ์สามเหลี่ยมเล่นสีเขียวอมฟ้าและแถบความคืบหน้าสีส้ม"]},{"title":"สวิตช์เปิด-ปิด","position":"ขวาบน","count":1,"labels":["สวิตช์แบบแถบแนวนอนที่เปิดอยู่"]},{"title":"ปุ่มรายการโปรด","position":"ซ้ายกลางค่อนบน","count":1,"labels":["แผ่นสี่เหลี่ยมมุมมนพร้อมโครงร่างรูปหัวใจ"]},{"title":"จุดสถานะ","position":"ขวากลางค่อนบน","count":1,"labels":["ปุ่มวงกลมขนาดเล็กพร้อมจุดสีส้มตรงกลาง"]},{"title":"ตัวปรับค่า","position":"ขวากลาง","count":1,"labels":["แถบแนวนอนพร้อมสัญลักษณ์ลบและบวก"]},{"title":"แถบเลื่อนเสียง","position":"ซ้ายกลาง","count":1,"labels":["แถบเลื่อนระดับเสียงแนวนอนยาวพร้อมไอคอนลำโพงทางซ้ายและลายนูนคลื่นเสียงทางขวา"]},{"title":"เกจวัดเปอร์เซ็นต์","position":"ขวากลาง","count":1,"labels":["เกจวงกลมแสดงค่า 60 % พร้อมขีดบอกระดับ"]},{"title":"แผ่นแจ้งเตือน","position":"ขวากลาง","count":1,"labels":["แผ่นสี่เหลี่ยมมุมมนพร้อมโครงร่างรูปกระดิ่ง"]},{"title":"การ์ดเพลง","position":"ซ้ายล่างค่อนกลาง","count":1,"labels":["การ์ดสื่อพร้อมภาพตัวอย่างป่า, ชื่อ Forest Drive, คำบรรยาย Ambient Journey, แถบความคืบหน้า และปุ่มเล่นวงกลม"]},{"title":"ไอคอนยูทิลิตี้","position":"ซ้ายล่างค่อนกลาง","count":4,"labels":["ไอคอนตั้งค่าแถบเลื่อน","ไอคอนค้นหา","ไอคอนแชร์","ไอคอนเมนูเพิ่มเติม"]},{"title":"เข็มทิศ","position":"กลางล่าง","count":1,"labels":["เข็มทิศวงกลมขนาดใหญ่พร้อมเครื่องหมาย N E S W และเข็มสีเขียวอมฟ้า-ส้ม"]},{"title":"แถบเลื่อนแนวตั้ง","position":"ขวาล่างค่อนกลาง","count":1,"labels":["แถบเลื่อนทรงสูงมุมมนพร้อมรางสีเขียวอมฟ้า, ปุ่มเลื่อนสีเขียวอมฟ้า, จุดปลายสีส้ม และไอคอนลำโพงขนาดเล็ก"]},{"title":"แถบนำทางด้านล่าง","position":"ซ้ายล่าง","count":1,"labels":["แถบนำทางแบบเม็ดแคปซูลพร้อม 4 ไอคอน: หน้าหลัก, แผนภูมิแท่ง, เข็มทิศ, โปรไฟล์"]},{"title":"ปุ่มกระตุ้นการตัดสินใจ","position":"ขวาล่างค่อนกลาง","count":1,"labels":["ปุ่มแบบเม็ดแคปซูลระบุข้อความ Explore พร้อมส่วนโค้งลูกศรสีส้ม"]},{"title":"แผ่นไบโอเมตริก","position":"ขวาล่าง","count":1,"labels":["แผ่นสี่เหลี่ยมมุมมนพร้อมไอคอนลายนิ้วมือ"]}]},"rendering":{"lighting":"แสงสตูดิโอแบบนุ่มนวลจากด้านซ้ายบน","shadow":"เงาแบบเลเยอร์ที่กระจายตัวเพื่อความลึกแบบลอยตัว","finish":"ความสวยงามแบบอุปกรณ์อิเล็กทรอนิกส์ระดับไฮเอนด์, ขัดเงาแต่ยังคงความมินิมอล","quality":"ม็อกอัปอินเทอร์เฟซ 3D ที่คมชัด สะอาดตา และสมจริง เหมาะสำหรับภาพ Hero ของ Design System"}}
