ส่วนติดต่อผู้ใช้แดชบอร์ดมือถือแบบ Neumorphic

{ "type": "ตัวอย่าง UI แดชบอร์ดมือถือสไตล์นีโอ-มิมิครี", "style": { "theme": "นีโอ-มิมิครีที่เรียบง่ายและอ่อนโยน", "background": "สีเทาอ่อนโทนอบอุ่น", "primary color": "สีน้ำเงินเข้ม", "accent color": "สีส้ม", "material": "แผ่นพลาสติกสีขาวด้านที่มีเงาด้านในและด้านนอกเล็กน้อย มุมโค้งมน และแสงสะท้อนนุ่มนวล", "rendering": "ต้นแบบ UI 3 มิติความละเอียดสูง ประณีต มุมมองด้านหน้า จัดองค์ประกอบตรงกลาง" } } } } } } } }, "อุปกรณ์": { "ชนิด": "ต้นแบบหน้าจอสมาร์ทโฟน", "กรอบ": "กรอบสีขาวบางมุมโค้งมน", "แถบสถานะ": { "จำนวน": 5, "รายการ": [ "ปุ่มเมนูแฮมเบอร์เกอร์ที่มุมบนซ้าย", "ช่องลำโพงตรงกลางด้านบน", "กล้องหน้าขนาดเล็ก", "ไอคอน Wi-Fi ที่มุมบนขวา", "ตัวบ่งชี้แบตเตอรี่ 100%" ] } }, "เค้าโครง": { "ส่วนต่างๆ": [ { "ชื่อ": "การ์ดนาฬิกา", "ตำแหน่ง": "บนซ้าย", "จำนวน": 4, "ป้ายกำกับ": [ "เช้า", "10:24", "วันศุกร์ที่ 24 พฤษภาคม", "จุดบ่งชี้หน้า 3 จุด" ] }, { "ชื่อ": "การ์ดสภาพอากาศ", "ตำแหน่ง": "บนขวา", "จำนวน": 4, "ป้ายกำกับ": [ "ไอคอนดวงอาทิตย์และเมฆ 3 มิติ", "24°", "บางส่วน เมฆมาก", "นิวยอร์ก" ] }, { "title": "แถวปุ่มลัด", "position": "กึ่งกลางบนซ้าย", "count": 4, "labels": [ "ตาราง/แอปพลิเคชัน", "รูปหัวใจ/คอลเลกชัน", "กระดิ่ง/การแจ้งเตือน", "ตั้งค่า" ] }, { "title": "แถบเลื่อนความชื้น", "position": "กึ่งกลางบนขวา", "count": 3, "labels": [ "บล็อกไอคอนหยดน้ำ", "40%", "แถบความคืบหน้าแนวนอน" ] }, { "title": "โมดูลปุ่มปรับระดับเสียง", "position": "กึ่งกลางซ้าย", "count": 5, "labels": [ "ปุ่มกลมขนาดใหญ่", "มาตราส่วนโดยรอบ", "สีส้มแสดงช่องว่าง", "ไอคอนลำโพงด้านซ้าย", "ป้ายกำกับแคปซูล VOLUME และไอคอนลำโพงทางด้านขวา" ] }, { "title": "การ์ดเครื่องเล่นเพลง", "position": "กึ่งกลาง" { "ชื่อ": "แถบควบคุมเสียง", "ตำแหน่ง": "ด้านล่างเครื่องเล่นเพลง", "จำนวน": 8, "ป้ายกำกับ": [ "ปกอัลบั้ม", "Ocean Drive", "Miami Nights", "เมนูสามจุด", "1:45", "3:48", "แถบความคืบหน้าสีส้ม", "ปุ่มควบคุมเพลงก่อนหน้า/เล่น/ถัดไป" ] }, { "ชื่อ": "แถบควบคุมเสียง", "ตำแหน่ง": "ด้านล่างเครื่องเล่นเพลง", "จำนวน": 3, "ป้ายกำกับ": [ "ปุ่มไอคอนอีควอไลเซอร์/คลื่น", "ปุ่มไอคอนวิทยุ/พอดแคสต์", "ปุ่มไอคอนสไลเดอร์/การตั้งค่า" ] }, { "ชื่อ": "แผนที่เข็มทิศ", "ตำแหน่ง": "ด้านล่างซ้าย", "จำนวน": 5, "ป้ายกำกับ": [ "ปุ่มไอคอนล็อค", "320° ตะวันตกเฉียงเหนือ", "ปุ่มไอคอนภูเขา/ตำแหน่ง", "หน้าปัดเข็มทิศกลม (มีเครื่องหมาย NESW)", "เข็มชี้สีฟ้าอมเขียวปลายสีส้ม" ] }, { "title": "การ์ดอีควอไลเซอร์", "position": "ด้านล่างขวา", "count": 8, "labels": [ "+12", "0", "-12", "60", "250", "1K", "4K", "16K" ] }, { "title": "แถบด้านล่าง", "position": "ด้านล่าง", "count": 4, "labels": [ "ปุ่มเปิดปิดสีส้ม", "ปุ่มบลูทูธ", "แคปซูลแสดงรูปคลื่น", "ปุ่มโหมดวงกลมสองปุ่ม: ดวงจันทร์และดวงอาทิตย์" ] } ], "centerpiece": "โครงสร้างใหม่ของวิดเจ็ตเลียนแบบชีวภาพที่จัดเรียงอย่างสม่ำเสมอบนแดชบอร์ดสมาร์ทโฟน" }, "composition": { "spacing": "ขอบที่สม่ำเสมอและพื้นที่ว่างสีขาวที่เพียงพอ", "perspective": "ใบหน้า", "shadow behavior": "เงาโดยรอบที่นุ่มนวลมากสร้างเอฟเฟกต์นูนที่สัมผัสได้", "iconography": ไอคอนเส้นแบบมินิมอลพร้อมไฮไลต์สีฟ้าและสีส้ม