ชุดส่วนประกอบ UI แบบ Glassmorphism

{ "type": "Frosted Glass UI Component Showcase", "style": "ชุดอินเทอร์เฟซแบบมินิมอลระดับไฮเอนด์ ทำจากอะคริลิกสีขาวโปร่งแสงแบบฝ้า เงาอ่อนๆ การสะท้อนแสงที่ละเอียดอ่อน มุมโค้งมน พื้นหลังสีขาวบริสุทธิ์ เน้นสีฟ้าอมเขียวและสีส้ม การเรนเดอร์ผลิตภัณฑ์ 3 มิติที่ละเอียดมาก มุมมองจากด้านบน", "palette": { "background": "สีเทาอ่อนอมขาว", "primary": "สีน้ำเงินอมเขียวเข้ม", "secondary": "สีส้มสดใส", "material": "กระจกโปร่งแสงสีขาวขุ่นพร้อมรายละเอียดพลาสติกซาติน" }, "layout": { "composition": "ผืนผ้าใบเดียวที่มีวิดเจ็ต UI แบบลอยตัวกระจายอย่างสม่ำเสมอ นำเสนอการสาธิตระบบการออกแบบที่สะอาดตาและไม่รก", "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": [ "การ์ดสื่อ รวมถึงภาพขนาดย่อและชื่อเพลง {argument name=\"track title\" default=\"Forest Drive\"} ,subtitle {argument name=\"track subtitle\" default=\"Ambient Journey\"} แถบความคืบหน้าและปุ่มเล่นแบบวงกลม" ] }, { "title": "ไอคอนที่มีประโยชน์", "position": "ล่างซ้ายกลาง", "count": 4, "labels": [ "ไอคอนการตั้งค่าสไลเดอร์", "ไอคอนค้นหา", "ไอคอนแชร์", "ไอคอนเมนูเพิ่มเติม" ] }, { "title": "เข็มทิศ", "position": "ชิโมนากะ", "count": 1, "labels": [ "เข็มทิศขนาดใหญ่ทรงกลมพร้อมเครื่องหมาย NESW และเข็มชี้สีฟ้าอมส้ม" ] }, { "title": "แถบเลื่อนแนวตั้ง", "position": "ด้านล่างขวาตรงกลาง", "count": 1, "labels": [ "แถบเลื่อนทรงโค้งมนสูงพร้อมรางสีฟ้า ปุ่มสีฟ้า จุดปลายสีส้ม และไอคอนลำโพงขนาดเล็ก" ] }, { "title": "แถบนำทางด้านล่าง", "position": "ด้านล่างซ้าย", "count": 1, "labels": [ "แถบนำทางรูปทรงแคปซูลประกอบด้วยไอคอนสี่ไอคอน: หน้าแรก แผนภูมิแท่ง เข็มทิศ และโปรไฟล์" ] } ] }, { "title": "Call to Action", "position": "Lower right", "count": 1, "labels": [ "ปุ่มรูปทรงแคปซูล, ป้ายกำกับ {argument name=\"button text\" default=\"Explore\"} fragments พร้อมลูกศรวงกลมสีส้ม" ] }, { "title": "แม่เหล็กไบโอเมตริก", "position": "Bottom right", "count": 1, "labels": [ "ไทล์สี่เหลี่ยมมนพร้อมไอคอนลายนิ้วมือ" ] } ] }, "rendering": { "lighting": "แสงไฟสตูดิโออ่อนๆ จากด้านบนซ้าย", "shadow": "เงาแบบกระจายหลายชั้นเพื่อสร้างความลึกแบบลอยตัว", "finish": "สุนทรียภาพของอุปกรณ์อิเล็กทรอนิกส์สำหรับผู้บริโภคระดับไฮเอนด์ ประณีตและเรียบง่าย", "quality": "โมเดลอินเทอร์เฟซ 3 มิติที่ชัดเจน สะอาด และสมจริง เหมาะสำหรับการออกแบบภาพหน้าจอหลักของระบบ" } }