Daftar Isi 

Typography (Tipografi)

Spacing (Pengaturan Ruang)

Font Weight (Ketebalan Huruf)

Visual Hierarchy (Hierarki Visual)

Coloring (Penggunaan Warna)

Layouting (Penataan Tata Letak)

Responsive Design (Desain Responsif)

Referensi :

 

Capaian Pembelajaran:

1. Mahasiswa mampu mengalisis Fundamental UI Design
2. Mahasiswa mampu menelaah macam-macam Fundamental UI Design

 

 

Halo, eksplorers kreatif! Selamat datang dalam petualangan baru di dunia desain! Kali ini kita akan mempelajari Fundamental UI Design, sebuah wilayah yang menarik dan penting dalam desain antarmuka pengguna (UI).

 

Dalam era digital seperti sekarang, pengalaman pengguna yang baik sangatlah penting. Bagaimana kita dapat menciptakan desain yang menarik, fungsional, dan mudah digunakan? Inilah mengapa Fundamental UI Design memiliki peran yang sangat penting.

 

Dalam materi ini, kita akan membahas berbagai aspek penting dalam UI Design seperti tata letak, tipografi, warna, ikon, dan interaksi. Tujuannya adalah agar kamu dapat menggabungkan elemen-elemen ini dengan cerdas untuk menciptakan antarmuka yang menarik dan mudah digunakan oleh pengguna.

 

Jadi, siapkan kreativitas dan imajinasi kamu! Kita akan menjelajahi konsep-konsep keren yang akan membuat desainmu bersinar!

 

Dengan memahami Fundamental UI Design, kamu akan mampu memberikan pengalaman pengguna yang luar biasa dan meningkatkan daya tarik serta fungsionalitas desainmu. Mari mulai petualangan ini dan jelajahi dunia menakjubkan Fundamental UI Design bersama-sama!

 

Selamat belajar!

Typography (Tipografi)

 

 

 

●     Penggunaan teks dalam desain antarmuka sangat penting. Tipografi yang baik dapat membantu meningkatkan kejelasan, keterbacaan, dan penampilan desain.

●     Pilihlah jenis huruf (font) yang sesuai dengan tujuan dan karakteristik produk. Gunakan kombinasi font yang harmonis untuk membuat hierarki visual dan menyoroti informasi penting.

Spacing (Pengaturan Ruang)

●     Pengaturan ruang yang tepat antara elemen-elemen desain sangat penting untuk menciptakan tata letak yang seimbang dan mudah dibaca.

●     Pastikan ada ruang yang cukup di antara teks, ikon, tombol, dan elemen-elemen desain lainnya agar pengguna dapat dengan mudah memahami informasi yang disajikan.

Font Weight (Ketebalan Huruf)

●     Penggunaan ketebalan huruf yang tepat dapat membantu membedakan hierarki visual dalam desain. Misalnya, judul yang lebih tebal dari teks paragraf.

●     Gunakan ketebalan huruf dengan bijak untuk menyoroti informasi yang penting dan membuat desain terlihat lebih menarik.

Visual Hierarchy (Hierarki Visual)

●     Hierarki visual membantu pengguna dalam memahami urutan informasi yang disajikan dalam desain.

●     Gunakan ukuran, warna, dan penempatan elemen dengan bijak untuk mengatur hierarki visual yang jelas, sehingga pengguna dapat dengan mudah mengenali elemen penting dan mengikuti alur informasi.

Coloring (Penggunaan Warna)

●     Penggunaan warna yang tepat dapat mempengaruhi mood, emosi, dan persepsi pengguna terhadap desain.

●     Pilihlah palet warna yang sesuai dengan merek atau tujuan produk, dan gunakan warna dengan konsistensi untuk menciptakan identitas visual yang kuat.

Layouting (Penataan Tata Letak)

●     Tata letak yang baik membantu pengguna untuk dengan mudah memahami bagaimana berinteraksi dengan desain.

●     Pertimbangkan aliran informasi, kelompokkan elemen yang terkait, dan gunakan grid atau garis panduan untuk menjaga tata letak yang rapi dan konsisten.

Responsive Design (Desain Responsif)

●     Desain responsif memastikan pengalaman yang baik di berbagai perangkat dan ukuran layar.

●     Pastikan desain dapat menyesuaikan diri dengan ukuran layar yang berbeda dan tetap mempertahankan fungsionalitas dan tata letak yang baik.

 

 

Referensi :

https://www.dwinawan.com/learn#typography