Ingin belajar Desain UI Android? material.io is the Answer!
Background
Yes, saya orang baru di desain User Interface (UI) untuk Android. Ketika kerjaan kuliah mewajibkan saya untuk melakukan mockup UI android, dan harus jadi dalam tiga hari, saya tentunya kaget. Pengalaman desain dan coret-coret saya sebenernya masih belum mumpuni, apalagi di android. Terima kasih banyak untuk hustler saya yang sudah memberikan laman material.io untuk pembelajaran saya.
Mengetahui mungkin banyak desainer baru seperti saya yang ingin mencoba terjun, this is the most basic of the basic stuff, IMO.
Disclaimer
I’m nowhere a professional, any feedback is appreciated.
This artice may contains stuff you already know, brace yourself.
Learning from Standard
Pernah menyadari mengapa rata-rata desain UI di android terkesan memiliki komponen-komponen yang sama? Yes, they have standard!
Google, sebagai pengembang dari Sistem Operasi android, telah menyediakan laman yang sangat lengkap terkait permasalahan standar desain aplikasi dan dapat diakses di https://material.io/ .
Berbagai hal di laman ini dapat membantu desainer baru yang ingin mengetahui aturan-aturan dasar dalam desain UI untuk android. Laman yang penting dan perlu dijelajahi menurut saya adalah guideline desain itu sendiri. Guideline desain ini bisa diakses di laman https://material.io/guidelines/ .
Di laman ini, kamu tidak hanya dapat belajar hal-hal yang boleh dan tidak boleh dilakukan dalam melakukan desain UI di android, kamu juga bisa mendapatkan beberapa penjelasan dengan contohnya.
Kickstart the Design, Use the Resources!
Done reading? Good! But do I really have to make everything from scratch?
Worry not! Selain menyediakan guideline untuk desain, laman material.io juga menyediakan template siap pakai yang kamu bisa langsung unduh. Jadi kalau kamu butuh:
- Color Palletes: https://material.io/guidelines/resources/color-palettes.html
- Layout Templates: https://material.io/guidelines/resources/layout-templates.html
- Android Stock Fonts: https://material.io/guidelines/resources/roboto-noto-fonts.html
- Icons: https://material.io/icons/
Resources yang ada tersedia dalam ekstensi .ai, .sketch, .xd, & .psd. Ada juga beberapa hal yang bisa kamu langsung coba di browser seperti menu icons di atas.
Explore it More!
Selain hal-hal di atas, terdapat juga fitur-fitur lain yang dapat membantumu mempelajari desain UI android lebih jauh. Kamu bisa mencoba perpaduan warna yang cocok untuk aplikasi kamu di laman https://material.io/color.
Melihat bagaimana desain kamu bisa digunakan di berbagai devices dengan laman https://material.io/resizer/.
Kamu juga bisa lihat referensi ukuran-ukuran devices di https://material.io/devices/.
Done them all? Good! Now Try!
Laman material.io merupakan laman yang baik untuk kamu belajar terkait desain UI untuk android. Tetapi, tentunya kamu tidak akan bisa menjadi desainer UI yang baik kalau kamu sendiri tidak mencobanya. So, have fun and Good Luck!
