Desain material tidak terkait dengan desain datar dalam prinsip-prinsipnya. Desain material bersifat skeuomorfis karena merupakan upaya untuk membuat desain web lebih realistis dalam menggambarkan elemen, menggunakan lapisan dan animasi dengan cara yang masuk akal di luar browser. Desain visual datar dan desain material serupa pada saat ini, tetapi desain material dapat diterapkan untuk desain selain yang seperti datar.
Ini mengikuti 3 prinsip
- Materi adalah metafora
- Berani, gamblang, disengaja
- Berikan makna dengan gerak
Layering dalam desain material dilakukan melalui elemen yang bergerak maju atau mundur di sepanjang sumbu z, ke dan dari pengguna, dan menambahkan bayangan realistis untuk menyampaikan lebih banyak makna. Elemen animasi, seperti memiliki animasi yang mempengaruhi posisi ketika item daftar dihapus, dimaksudkan untuk meningkatkan aliran dan pemahaman pengguna sambil membuat pengalaman lebih lancar. Dengan demikian, lebih banyak makna dapat digambarkan melalui desain material daripada desain datar
Desainer Google membuat model kertas untuk mengetahui layering dan bayangan untuk desain material mereka.
Ada pedoman desain lain yang mencakup spasi, warna, kegunaan, dan lebih detail tentang pemosisian dan animasi yang dapat Anda lihat di halaman web Google tentang subjek tersebut .
Cara yang baik untuk mempelajari lebih lanjut tentang desain material dan bagaimana menerapkannya adalah dengan menggunakan aplikasi yang telah dibuat Google menggunakan desain material dan membaca tentang detail desain , yang ini adalah oleh Brian Lovin pada aplikasi Inbox.
Orang mungkin berasumsi bahwa desain material adalah semacam perpanjangan dari desain flat, tetapi pada kenyataannya prinsipnya berbeda. Tren saat ini adalah untuk membuat desain yang bersih dan seperti datar yang digunakan Google untuk saat ini, tetapi prinsip-prinsip desain material melampaui batas-batas tersebut dan dapat diterapkan pada metode desain lainnya juga.