Material Design

 

Material Design adalah sebuah gaya desain terbaru dari Google yang memiliki prinsip desain itu harus seperti sebuah kertas pada kenyataannya. Terus apa bedanya dengan kertas? Material design merupakan kertas ajaib yang bisa membesar, mengecil, membelah diri, berubah warna, dan bertransformasi menjadi berbagai bentuk. Sifat inilah yang disebut Tangible Surface.

Desain dengan Material Design pada prinsip nya bertujuan untuk memberikan fokus yang jelas kepada pengguna dengan menyediakan suatu struktur. Struktur disini lebih kepada menampilkan apa yang penting berada didepan daripada yang tidak penting.

Material Design dari segi layout, tipografi, dan gambar yang ditampilkan menyerupai majalah. Setiap huruf harus ditata dan dipilih dengan jelas mana yang judul, sub judul, quotes, dan huruf untuk isi dari artikelnya. Layout tiap aplikasi dengan gaya material design inipun harus menggunakan grid dan keylines.

Untuk jenis font, Google menyarankan untuk menggunakan jenis font Universal Character Set (UCS) Transformation Format-8-bit (UTF). Mengapa demikian? Hasil riset Google menyatakan bahwa font yang berjenis UTF lebih cepat di render (Ditampilkan dilayar device) dibandingkan dengan jenis True Type Font (TTF).

Ada 3 jenis warna yang digunakan pada Material Design:

• Warna background, Terdapat 2 jenis warna yakni Light/dark (Putih/Hitam).
• Warna Primer, Merupakan warna utama pada aplikasi, misalnya facebook memiliki warna primer biru, dan twitter memiliki warna primer biru muda. Warna primer juga digunakan pada huruf untuk menunjukan Judul atau nama Tab diaplikasi yang akan anda buat.
• Warna aksen, merupakan warna kedua dari aplikasi anda yang biasanya bertabrakan atau komplementer (tergantung dari keinginan si desainer). Google sendiri menggunakan warna-warna yang komplementer alias saling melengkapi. Warna aksen biasanya digunakan untuk tombol bulet di kanan layar dan digunakan pada huruf untuk menunjukan hal yang penting pada dialog yang ditampilkan sebelum pengguna mengambil suatu keputusan.

Latihan

https://youtu.be/vmT0SScA2lA?si=HnSVYeOFNtRY3mAO

Referensi

https://www.creative-tim.com/blog/web-development/material-design-comparison/

https://developer.android.com/develop/ui/views/theming/look-and-feel?hl=id

https://developer.android.com/courses/android-basics-compose/course?hl=id

Absensi

Kelas F

Kelas I

Kelas B