Neumorphic Smart UI Kit

สร้างชุด UI สำหรับบ้านอัจฉริยะและการควบคุมสื่อสไตล์ Neumorphic ระดับพรีเมียมบนพื้นหลังสีเทาอ่อนที่สะอาดตา จัดวางในรูปแบบแดชบอร์ดที่สมดุลด้วยการ์ดขอบมนแบบลอยตัวและปุ่มควบคุมทรงกลม พร้อมเงาที่นูนออกมาอย่างนุ่มนวล ไฮไลท์ภายในที่ละเอียดอ่อน พื้นผิวสีขาวแบบฝ้า และการตกแต่งด้วยสีเขียวอมฟ้าและสีส้มอย่างมีระดับ สไตล์โดยรวมมีความมินิมอล ล้ำสมัย สัมผัสได้จริง และมีความประณีตสูง เหมือนกับคอนเซปต์อินเทอร์เฟซมือถือระดับไฮเอนด์ ประกอบด้วยโมดูล UI และไอคอนแยกส่วนทั้งหมด 18 รายการ ได้แก่: การ์ดปุ่มหมุนปรับระดับเสียงทรงกลมขนาดใหญ่ที่ด้านซ้ายบน พร้อมจุดศูนย์กลางสีเขียวอมฟ้าเงางาม ขอบแบบจุด สัญลักษณ์บวกและลบ และข้อความ “VOLUME 67%”; การ์ดแถบเลื่อนระดับเสียงแนวตั้งพร้อมป้ายกำกับ “VOLUME” ปุ่มสีขาว แถบระดับสีส้ม ไอคอนลำโพงขนาดเล็ก และ “67%”; หน้าปัดปรับสมดุลทรงกลมขนาดใหญ่ที่ด้านบนตรงกลางค่อนไปทางขวา พร้อมตัวเลข 25, 50, 75, 100 ค่าตรงกลาง “72%” ป้ายกำกับ “BALANCE” และจุดแสดงสถานะสีส้มขนาดเล็ก; วิดเจ็ตเข็มทิศทรงกลมที่ด้านขวาบนพร้อมป้ายกำกับ N, E, S, W เข็มทิศโลหะสีเขียวอมฟ้า และจุดเน้นสีส้มขนาดเล็กบนขอบ; ปุ่มหมุนปรับค่าต่ำสุด-สูงสุดทรงกลมขนาดเล็กที่ด้านซ้ายกลาง พร้อมจุดศูนย์กลางสีเขียวอมฟ้า ขอบหน้าปัดสีขาวพื้นผิวขรุขระ จุดแสดงสถานะสีส้ม และป้ายกำกับ “MIN” และ “MAX”; ปุ่มอเนกประสงค์ทรงกลมขนาดเล็ก 3 ปุ่มด้านล่างในแถวเดียว แสดงสัญลักษณ์เปิด-ปิด สัญลักษณ์การเชื่อมต่อหรือไร้สาย และรูปหัวใจ; สวิตช์เปิด-ปิดแนวนอนใต้ปุ่มเหล่านั้นพร้อมปุ่มกดสีเขียวอมฟ้าและข้อความ “ON”; การ์ดเครื่องเล่นสื่อขนาดใหญ่ตรงกลางพร้อมปกอัลบั้มสี่เหลี่ยมที่แสดงภาพคลื่นหรือเนินทรายสีเขียวอมฟ้าแบบนามธรรม ชื่อเพลง “Beyond The Horizon” ชื่อศิลปิน “Aurora Nights” ไอคอนหัวใจที่มุมขวาบน จอแสดงผลความคืบหน้าของคลื่นเสียง เวลา “1:45” และ “3:58” และปุ่มควบคุมการเล่น 4 ปุ่มที่แถวด้านล่าง: สุ่ม, ก่อนหน้า, ปุ่มเล่นสีส้มตรงกลาง, ถัดไป, และเล่นซ้ำ; ไอคอนแอปทรงสี่เหลี่ยมขอบมน 6 ไอคอนในสองคอลัมน์ทางด้านขวา จัดเรียงเป็น 3 แถว แสดงสัญลักษณ์เหล่านี้: ลูกศรเครื่องบินกระดาษ, เลเยอร์ซ้อนกัน, โล่พร้อมเครื่องหมายถูก, ก้อนเมฆ, กระดิ่งพร้อมจุดแจ้งเตือนสีส้มขนาดเล็ก, และฟันเฟือง; การ์ดนาฬิกาสี่เหลี่ยมที่ด้านซ้ายล่างพร้อมหน้าปัดนาฬิกาอะนาล็อกทรงกลม เวลาดิจิทัลขนาดใหญ่ “10:58 AM” บรรทัดวันที่ “Thursday, May 23” และเวลาพระอาทิตย์ขึ้น/ตก “06:15 AM” และ “08:24 PM”; การ์ดสภาพอากาศที่ด้านล่างตรงกลางพร้อมตำแหน่ง “San Francisco” อุณหภูมิปัจจุบัน “18°” สภาพอากาศ “Partly Cloudy” อุณหภูมิสูงสุด/ต่ำสุด “H: 21° L: 13°” ภาพประกอบพระอาทิตย์หลังก้อนเมฆขนาดใหญ่ และพยากรณ์อากาศรายชั่วโมง 5 คอลัมน์ที่ระบุว่า “11 AM”, “12 PM”, “1 PM”, “2 PM”, “3 PM”; แถบเลือกแท็บทรงเม็ดยาที่ด้านขวาล่างพร้อม 3 แท็บ โดยแท็บซ้ายสุดเป็นสถานะใช้งานสีเขียวอมฟ้าพร้อมไอคอนคลื่นเสียง และอีก 2 แท็บแสดงไอคอนผู้ใช้และไอคอนโฟลเดอร์; แถบค้นหาโดยตรงด้านล่างพร้อมแว่นขยายและข้อความตัวอย่าง “Search...” ; แถบเลื่อนแนวนอนใต้แถบค้นหาพร้อมเส้นความคืบหน้าสีเขียวอมฟ้าและปุ่มสีขาว; ปุ่ม CTA ทรงมนขนาดใหญ่ที่ด้านขวาล่างอ่านว่า “{argument name="button text" default="EXPLORE"}” พร้อมลูกศรสีส้มชี้ไปทางขวา; และไอคอนนำทางด้านล่างทรงกลม 5 ไอคอนที่จัดกึ่งกลางตามขอบด้านล่าง แสดงหน้าหลัก, แผนภูมิแท่ง, ปฏิทินพร้อมเลข “23”, ช่องแชท, และโปรไฟล์ผู้ใช้ พร้อมปุ่มดำเนินการลอยตัว 2 ปุ่มข้างๆ: ไอคอนกล้องและเครื่องหมายบวกสีส้ม ใช้โทนสีที่เรียบง่ายด้วยพื้นผิวสีขาวและสีเทาอ่อนมาก ไล่ระดับสีเขียวอมฟ้าเข้มสำหรับสถานะใช้งาน และสีส้มโทนอุ่นสำหรับไฮไลท์และการแจ้งเตือน เน้นความลึกผ่านเงาที่นุ่มนวล การลบมุมที่ละเอียดอ่อน การสะท้อนที่เงางาม และการเรนเดอร์วัสดุที่สมจริง จัดวางเลย์เอาต์ให้โปร่งสบาย สมมาตรแต่ไม่แข็งทื่อ เหมาะสำหรับการนำเสนอคอนเซปต์แอปมือถือระดับหรู