Implementasi Desain Material yang Indah di Aplikasi Seluler

Banyak orang saat ini mencari implementasi Desain Material yang indah di aplikasi seluler untuk mendapatkan inspirasi.

Ya, desain Material datang dan mengubah sejarah desain dan selama dua tahun terakhir ini cukup populer dalam desain aplikasi seluler dan ada banyak sekali implementasi Desain Material yang indah di aplikasi seluler.

Namun sebelum itu, mari kita pahami apa itu Desain Material dan mengapa itu menjadi bahasa desain yang paling populer dan sukses.

Apa itu desain material?

Material Design adalah bahasa desain yang dikembangkan pada tahun 2014 oleh Google. Memperluas motif "kartu" yang memulai debutnya di Google Now, Material Design membuat penggunaan tata letak berbasis grid secara lebih bebas, animasi dan transisi responsif, padding, dan efek kedalaman seperti pencahayaan dan bayangan.

Pada tahun 2015 sebagian besar aplikasi seluler Google untuk Android telah menerapkan bahasa desain baru, termasuk Gmail, YouTube, Google Drive, Google Documents, Spreadsheet dan Slide, Google Maps, Inbox.

Semua aplikasi bermerek Google Play, dan sebagian kecil browser Chrome dan Google Keep. Antarmuka web desktop Google Drive, Documents, Spreadsheet, Slide, dan Inbox juga telah menggabungkannya.

Implementasi kanonik Desain Material untuk antarmuka pengguna aplikasi web disebut Polimer.

Ini terdiri dari perpustakaan Polimer, shim yang menyediakan API Komponen Web untuk browser yang tidak menerapkan standar secara asli, dan katalog elemen, termasuk "kumpulan elemen kertas" yang menampilkan elemen visual dari Desain Material.

Sistem, yang berfokus pada tata letak berbasis grid, efek transisi, dan kedalaman, segera masuk ke aplikasi Android dan membawa sistem ke standar desain iOS.

Prinsip-prinsip Desain Material

Isyarat visual terinspirasi

Google menggunakan istilah "realitas taktil" untuk menggambarkan filosofi desain mereka, karena permukaan dan tepi dalam desain material terinspirasi oleh studi kertas dan tinta kehidupan nyata.

Ini membantu pengguna untuk memahami secara visual antarmuka digital di layar mereka tanpa kesulitan apa pun. Desain yang didasarkan pada kenyataan membuat objek di layar dapat dikenali dan mudah berinteraksi.

Estetika yang berani

Pilihan warna dalam desain material berani dan disengaja. Skema warna yang menarik bekerja dengan teknik desain berbasis cetak dasar untuk membenamkan pengguna dalam pengalaman.

Ruang putih yang disengaja, citra tepi-ke-tepi, dan tipografi besar digunakan untuk menekankan tindakan pengguna. Dengan cara ini, pengguna dengan cepat memahami tujuan dan fungsionalitas antarmuka di layar mereka.

Posting Terkait: Kesalahan Paling Umum Dalam Desain Aplikasi Seluler

Arti dibuat melalui gerak

Alih-alih animasi yang artifisial dan mekanis, gerakan dalam desain material tampak mengalir dan alami. Google merekomendasikan melakukan ini dengan beberapa cara berbeda:

• Akselerasi dan deselerasi alami: Untuk menghindari gerakan yang tidak wajar, elemen pada halaman harus dipercepat dan diperlambat dengan lancar. Mulai tiba-tiba, berhenti dan perubahan arah menggelegar dan mengganggu pengguna.
• Kontinuitas visual: Transisi antara dua status visual harus mulus dan mudah sehingga pengguna tidak teralihkan. Terlalu banyak lonceng dan peluit saat situs web atau aplikasi berpindah dari satu halaman ke halaman berikutnya tidak diperlukan.
• Waktu hierarkis: Elemen yang berisi konten paling penting harus ditekankan dengan ditempatkan pada jalur termudah untuk diikuti mata. Dengan kata lain, penting untuk menarik perhatian pada elemen-elemen penting.
• Koreografi yang konsisten: Elemen animasi tidak boleh bertransisi secara acak, karena dapat mengganggu. Sebaliknya, mereka harus melakukan perjalanan di jalur teratur yang masuk akal.

Desain Material tidak hanya menciptakan keteraturan, tetapi juga menciptakan keteraturan dengan tujuan dan makna. Ini adalah ekspresi sensorik dari merek Google.

Jika menemukan pembelian, itu bisa menjadi ancaman serius pertama bagi monopoli nyata Apple pada pengalaman pengguna yang agung. Sebagai pecinta iPhone, saya harus mengakui bahwa untuk pertama kalinya saya mulai melirik cara Android.

Kekhususan Desain Material yang mematikan pikiran adalah respons terhadap dua fakta:

• Jika mungkin bagi pengembang untuk merusak UI, mereka akan melakukannya.
• Alternatif dari desain yang baik bukanlah tanpa desain, melainkan desain yang buruk.

Sekarang, berikut adalah beberapa implementasi Desain Material yang paling indah di aplikasi seluler.

Siapa yang dapat menerapkan Desain Material lebih baik daripada mereka yang menciptakannya. Google Kalender adalah salah satu implementasi Desain Material yang paling indah di aplikasi seluler. Dengan lebih dari 1.000.000 unduhan, itu pasti mengguncang pesta.

Google Kalender

Sebagai permulaan, aplikasi Google akhirnya menghilangkan desain skeuomorphic konvensional yang digunakan sebagian besar aplikasi kalender yang meniru tata letak perencana fisik.

Tidak ada lagi batasan dengan kebutuhan untuk menuliskan jadwal kami di atas kertas. Kalender Google memberi Anda tata letak vertikal dan menempatkan hari ini di bagian atas halaman.

Dengan cara ini, Anda hanya melihat hari dan acara yang akan datang. Hari-hari di mana tidak ada yang terjadi diringkas dan ini semakin menyederhanakan pengalaman untuk menunjukkan kepada Anda hanya apa yang benar-benar berguna.

Perubahan tunggal pada antarmuka ini secara bersamaan memungkinkan pengguna untuk tetap berada di pusat pengalaman sehingga UI bergerak di sekitarnya. Lemparkan beberapa pengguliran paralaks dan Anda memiliki aplikasi yang tampak sangat bagus yang menggabungkan.

Evernote

Evernote sering dipuji karena desain materialnya dan merupakan contoh menarik dari implementasi Desain Material yang indah di aplikasi seluler

Aplikasi ini memiliki skema warna yang kuat dan konsisten di seluruh dan dirancang dengan baik serta fungsional. Ikon dengan jelas dan efisien menunjukkan apakah itu catatan teks, catatan tulisan tangan, atau foto yang akan Anda ambil.

Ikon Gajah sederhana dan elegan, sedangkan situs web, aplikasi iOS dan Windows 10 juga dirancang dan ditata dengan cermat.

Kesehatan Microsoft

Microsoft Health sebenarnya adalah salah satu contoh terbaik di Play Store.

Aplikasi ini dirancang untuk bekerja dengan pelacak kebugaran Band dan menampilkan semua statistik Anda dalam tata letak vertikal sederhana bersama dengan ikon putih pesawat. Ketika diklik pada salah satu judul ini dan panel akan 'terbuka' untuk mengungkapkan statistik Anda.

UI sangat bagus untuk memungkinkan Anda mendapatkan ikhtisar sekilas sambil memiliki opsi untuk masuk lebih dalam jika diperlukan, yang merupakan ciri khas desain aplikasi yang bagus.

Luar Biasa: Motivasi Saya

Banyak orang berpikir, bahwa Fabulous: Motivate Me adalah implementasi desain Material yang paling tepat dan mendalam di aplikasi seluler.

Aplikasi ini mengeksplorasi prinsip-prinsip desain material baru dalam semua cara normal dengan gambar yang tajam, datar, dan warna yang berani, tetapi juga memiliki beberapa animasi paling menarik di Play Store.

Daftar ini tidak akan lengkap tanpa aplikasi seluler Facebook Live.

Aplikasi ini adalah contoh Desain Material yang sangat minim namun efektif. Ini menggunakan bayangan dengan cara yang biasanya tidak terlihat; dengan menggunakan bayangan terang alih-alih gelap untuk memberikan kedalaman.

Itu membuat penggunaan ikonografi, animasi, dan desain interaksi yang menarik – aspek kunci dari Material.