Capaian Pembelajaran:

1. Mahasiswa mampu menganalisis 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

TUGAS:

1. Analisis Tipografi:

●        Pilihlah sebuah aplikasi atau website. Tuliskan jenis huruf (font) yang digunakan dalam antarmuka pengguna tersebut. Berikan pendapatmu tentang apakah jenis huruf tersebut mudah dibaca atau tidak. Berikan satu contoh penggunaan tipografi yang baik pada antarmuka tersebut.

2. Penelaahan Penggunaan Warna:

●        Pilihlah sebuah aplikasi atau website. Tuliskan pendapatmu tentang penggunaan warna pada antarmuka pengguna tersebut. Apakah penggunaan warna tersebut menarik atau tidak? Berikan satu contoh penggunaan warna yang konsisten pada antarmuka tersebut.

3. Evaluasi Tata Letak (Layout):

●        Pilihlah sebuah aplikasi atau website. Tuliskan pendapatmu tentang tata letak (layout) antarmuka pengguna pada halaman utama. Apakah tata letak tersebut teratur atau tidak? Berikan satu contoh penggunaan ruang yang baik pada halaman tersebut.

4. Penelitian Desain Responsif:

●        Pilihlah sebuah website yang kamu akses melalui perangkat mobile dan desktop. Tuliskan pendapatmu tentang bagaimana desain tersebut menyesuaikan diri dengan ukuran layar yang berbeda. Berikan satu contoh bagaimana desain responsif mempertahankan tampilan yang baik pada kedua perangkat tersebut.

 

Dalam menjawab tugas-tugas ini, kamu hanya perlu memberikan pendapat sederhana dan tanpa perlu memberikan penjelasan yang terlalu rinci. Tugas ini dapat diselesaikan dalam beberapa kalimat saja.