Surface Duo Design Kit (dalam Figma)
Surface Duo Design Kit adalah sumber daya komunitas Figma untuk membantu desainer aplikasi dan pengembang membangun pengalaman pengguna layar ganda. Komponen dalam kit ini adalah blok penyusun dari apa yang membuat Surface Duo merasa seperti produk Microsoft di Android.
- Bingkai Perangkat - Perangkat berwarna Glacier dan Obsidian menguraikan cuplikan layar.
- Area Aman - Area aman mencegah konten mendasar header aplikasi, bilah navigasi, tab, dan engsel.
- Interaksi Pena - Cara merancang interaksi untuk input pena.
- Pola dan Pedoman Desain - Pola desain dalam kit menunjukkan kemungkinan tampilan layar ganda untuk skenario aplikasi yang berbeda dan bagaimana semua bagian disatukan untuk pengalaman produk yang bermakna.
- Panduan Video dan Media - Tips untuk menyertakan video dan gambar dalam pengalaman pengguna yang dapat dilipat.
- Postur - Perangkat layar ganda dapat hadir dalam berbagai variasi desain perangkat keras dan industri. Surface Duo yang baru dirilis, bersama dengan perangkat terencana lainnya, dimaksudkan untuk membantu menentukan kategori, tetapi perangkat lain mungkin dilengkapi dengan layar yang lebih besar atau desain engsel yang bervariasi. Saat Merancang aplikasi, perlu diingat bahwa Anda harus menghindari merancang ke spesifikasi perangkat tertentu yang tersedia saat ini.
- Tata Letak, Kontrol, dan Plugin - Dengan mengingat faktor bentuk layar ganda, kami memastikan bahwa Anda dapat merancang seperti yang Anda sukai menggunakan kontrol dan tata letak yang sudah dikenal. Kami juga menyoroti detail yang perlu Anda ketahui saat merancang untuk aplikasi layar ganda, seperti engsel dan menyertakan tata letak untuk merancang saat bepergian.
- Komponen - Setiap komponen dibuat agar serat mungkin sehingga mudah dikelola dan dikerjakan. Beberapa komponen memiliki lapisan tersembunyi yang dapat Anda aktifkan/nonaktifkan untuk menambahkan variasi tanpa melepaskan.
- Set Komponen - Komponen master untuk navigasi dan elemen desain lainnya sebagai set yang dikelompokkan yang membantu mengatur varian dengan lebih baik yang berisi model, mode, jumlah layar, dan orientasi yang berbeda.