บอร์ด UI Kit กระจก Neumorphic

การออกแบบนี้แสดงให้เห็นถึงส่วนประกอบ UI ที่สะอาดตาและเหมือนจริงบนพื้นหลังสีเทาอ่อน เค้าโครงประกอบด้วยองค์ประกอบอินเทอร์เฟซ 18 ชิ้นในดีไซน์ที่สมดุล มีเงาเล็กน้อย พื้นผิวพลาสติกสีขาวโปร่งแสงแบบด้าน มุมโค้งมน และพื้นผิวคล้ายกระจกขัดเงา โดยใช้สุนทรียศาสตร์การออกแบบผลิตภัณฑ์แบบมินิมัลลิสต์ที่ซับซ้อน ผสมผสานเอฟเฟกต์การซ้อนสีขาวบนพื้นขาว การปิดบังแสงโดยรอบที่นุ่มนวล เงาภายในที่ประณีต และการเน้นสีฟ้าอมเขียวเข้มและสีส้มสดใสอย่างลงตัว ประกอบด้วยส่วนประกอบที่ไม่ซ้ำกัน 18 ชิ้น ได้แก่: ปุ่มหมุนทรงกลมขนาดใหญ่ที่มุมบนซ้ายที่มีจุดศูนย์กลางสีฟ้าเข้ม มาตราส่วนรัศมีละเอียด และตัวบ่งชี้ตำแหน่งสีส้มขนาดเล็ก; ปุ่มควบคุมทิศทางทรงกลมขนาดเล็กที่มีปุ่มตรงกลางสีฟ้าและไอคอนลูกศรขนาดเล็กสี่อันล้อมรอบ; ปุ่มเล่นทรงกลมที่มีไอคอนรูปสามเหลี่ยมสีฟ้าและส่วนโค้งแสดงความคืบหน้าสีส้มสั้นๆ รอบขอบ; สวิตช์สลับรูปทรงแคปซูลแนวนอนที่มุมบนขวาที่มีปุ่มหมุนสีฟ้าทางด้านขวา; ปุ่มรูปหัวใจทรงสี่เหลี่ยมมุมมนที่มีเส้นขอบหัวใจสีฟ้าเรียบง่าย; ปุ่มแสดงสถานะทรงกลมขนาดเล็กที่มีจุดสีส้มอยู่ตรงกลาง; ปุ่มควบคุมบวก/ลบรูปทรงแคปซูล มีเครื่องหมายลบสีฟ้าอยู่ทางซ้ายและเครื่องหมายบวกสีฟ้าอยู่ทางขวา คั่นด้วยเส้นแบ่งแนวตั้ง; แถบเลื่อนปรับระดับเสียงแนวนอนยาว มีไอคอนลำโพงสีฟ้า สเกลเลื่อนละเอียด แทร็กสีฟ้า ปุ่มหมุนสีฟ้าอยู่ใกล้ด้านขวา และไอคอนรูปคลื่นจางๆ อยู่ทางขวาสุด; หน้าปัดแสดงเปอร์เซ็นต์แบบวงกลม แสดง 60% พร้อมสเกลแบบรัศมีและไฮไลต์สีส้มหลายจุดอยู่ใกล้ด้านบนขวา; ปุ่มแจ้งเตือนรูปกระดิ่งทรงสี่เหลี่ยมมน มีไอคอนกระดิ่งสีฟ้าเป็นเส้นขอบ; การ์ดเครื่องเล่นเพลงขนาดกะทัดรัด มีภาพปกอัลบั้มรูปต้นสนปกคลุมด้วยหมอกขนาดเล็กอยู่ทางซ้าย ชื่อเรื่อง "..."{argument name="track title" default="Forest Drive"} ชื่อรองคือ{argument name="track subtitle" default="Ambient Journey"} อินเทอร์เฟซมีแถบแสดงความคืบหน้าบางๆ และปุ่มเล่นแบบวงกลมอยู่ทางขวา; แถวของปุ่มไอคอนยูทิลิตี้ขนาดเล็กสี่ปุ่มแบบวงกลม แสดงแถบเลื่อน/การตั้งค่า ค้นหา แชร์ และจุดไข่ปลา ตามลำดับ; เข็มทิศทรงกลมขนาดใหญ่พร้อมตัวอักษรบอกทิศทาง N, E, S, W และป้ายกำกับแนวทแยง มีเข็มชี้สีฟ้าและสีส้ม และแกนกลางเป็นโลหะ; แถบเลื่อนแนวตั้งสูงทางด้านขวาพร้อมรางสีฟ้า ปุ่มหมุนสีฟ้าตรงกลาง จุดเล็กๆ ด้านข้าง เน้นสีส้มใกล้ด้านล่าง และไอคอนลำโพงขนาดเล็กอยู่ด้านล่าง; แถบนำทางด้านล่าง รูปร่างคล้ายแคปซูลยาที่มีมุมโค้งมน ประกอบด้วยไอคอนสี่ไอคอนคั่นด้วยเส้นบางๆ ได้แก่ หน้าแรก แผนภูมิแท่ง เข็มทิศ และโปรไฟล์ผู้ใช้ โดยป้ายกำกับหน้าแรกเป็นสีฟ้าเมื่อเปิดใช้งาน; และปุ่มเรียกใช้งานขนาดใหญ่ รูปร่างคล้ายแคปซูลยาโค้งมน สีฟ้าเข้มมันวาว มีป้ายกำกับว่า {argument name="button text" default="Explore"} ทางด้านขวาเป็นปุ่มลูกศรสีส้มทรงกลม และปุ่มสแกนลายนิ้วมือทรงสี่เหลี่ยมโค้งมนพร้อมไอคอนลายนิ้วมือสีฟ้า ด้วยระยะห่างที่กว้างขวางและการจัดเรียงตามตาราง การแสดงผลโดยรวมจึงมีความประณีต สัมผัสได้ และล้ำสมัย คล้ายกับต้นแบบของชุด UI ของอุปกรณ์อัจฉริยะระดับหรู