Your AI powered learning assistant

kursus desain UI / UX terpendek di dunia

Intro

00:00:00

Alat desain UI mudah dipelajari tetapi sulit dikuasai. Untuk menjadi seorang master, Anda perlu tahu persis apa yang perlu Anda lakukan. Mari selami dunia desain UI dan UX.

Design starts with...

00:00:20

Desain dimulai dengan mengidentifikasi ide utama, yang berfungsi sebagai solusi untuk suatu masalah atau memenuhi kasus penggunaan tertentu. Misalnya, membuat aplikasi web yang mengumpulkan desain khusus elemen untuk desainer dan pengembang.

Step 1: User Flow

00:00:34

Saat pengguna masuk ke situs, mereka harus segera menemukan informasi, produk, atau layanan yang mereka cari. Penting untuk memetakan perjalanan utama dari kedatangan mereka di lokasi hingga mereka mencapai tujuan utama mereka.

Step 2: Wireframes

00:00:55

Dalam bab ini, kita belajar tentang wireframing dan bagaimana kaitannya dengan diagram alir pengguna. Wireframes digunakan untuk membuat layar atau halaman yang berkontribusi untuk mencapai tujuan utama. Kita dapat menggunakan alat seperti Balsamiq, Figma, atau Sketch untuk membuat wireframes. Dalam proyek kami, kami bertujuan untuk desain sederhana dengan satu layar yang berisi navigasi di header dan footer. Untuk menampilkan desain yang berbeda dalam berbagai kategori, kami memutuskan untuk menerapkan bilah sisi dengan kategori dan kisi yang menampilkan pratinjau desain.

Step 3: Design System

00:02:21

Sistem desain adalah seperangkat pedoman yang menentukan komponen yang dapat digunakan kembali seperti warna, font, tombol, formulir, dan ikon. Ini memastikan konsistensi dalam elemen visual dari sebuah proyek desain. Warna harus mencerminkan nilai industri atau identitas merek proyek. Font memengaruhi keterbacaan dan dapat menyampaikan getaran yang berbeda. Ikon hadir dalam berbagai gaya seperti flat, skeuomorphic, glyph duotone, dll.

Step 4: Actual Designing

00:04:37

Dalam bab ini, kami fokus pada proses perancangan yang sebenarnya. Kami membahas enam prinsip desain dasar: hierarki visual, kontras, keseimbangan, konsistensi, kesederhanaan, dan umpan balik interaksi. Prinsip-prinsip ini membantu menciptakan desain yang harmonis dan menarik. Selain itu, kami menekankan pentingnya pengujian, iterasi, dan pembuatan prototipe untuk menyempurnakan desain. Terakhir, kami menyoroti pentingnya menggunakan konten realistis selama fase perancangan.

Bonus Step

00:06:02

Dalam bab ini, kita membahas aspek desain proyek. Kami menjelajahi berbagai sumber daya untuk grafik dan ilustrasi, termasuk opsi gratis dan berbayar. Kami juga menyebutkan bahwa perangkat lunak mewah seperti Adobe Illustrator atau Procreate tidak diperlukan karena alat seperti Figma dapat digunakan untuk sebagian besar gaya. Fokus proyek kami adalah minimalis, jadi tidak ada ilustrasi khusus yang direncanakan. Namun, situs langsung telah dibuat di mana pengguna dapat menemukan inspirasi untuk desain mereka sendiri dan menyumbangkan desain favorit mereka.