★ Unit 16

Keterampilan UI

Buat antarmuka yang terlihat dan terasa luar biasa: spasi yang menjaga ritme, teks yang menuntun mata, warna dengan tugas yang jelas dan kontras yang sungguhan, tombol dan form yang berperilaku benar, data yang mudah dipindai, kedalaman yang punya makna, dan polesan akhir yang membedakan bagus dari hebat. Di setiap pelajaran kamu akan memperbaiki layar Crumb Club di papan desain, lalu mengkritik layar buatan AI seperti seorang profesional.

🔒 Unit 16 khusus anggota

Unit 7 sampai 25 khusus anggota bootcamp. Masuk kalau kamu peserta, atau daftar untuk bergabung.

MasukKembali ke kursus gratis

1Spasi dan ritmePilih setiap gap dan padding dari sebuah skala spasi, kelompokkan dengan kedekatan, dan beri layarmu ritme yang mantap.
2Tipografi untuk antarmukaBangun skala teks UI yang ringkas, atur tinggi baris dan panjang baris untuk layar, dan bentuk hierarki dengan ukuran, ketebalan, dan warna.
3Warna di antarmukaBeri setiap warna sebuah peran, bangun permukaan yang menunjukkan kedalaman di mode terang dan gelap, dan periksa kontras setiap teks dan kontrol.
4Tombol dan kontrolUrutkan aksi dengan hierarki tombol yang jelas, desain setiap status yang bisa dialami sebuah kontrol, dan buat targetnya cukup besar untuk ditekan.
5Form yang berfungsiDesain field dengan label yang nyata, petunjuk yang membantu, dan error yang memberi tahu cara memperbaikinya, lalu validasi di momen yang tepat.
6Kartu, daftar, dan tabelPilih wadah yang tepat untuk datamu, atur kerapatan sesuai tugasnya, dan ratakan kontennya supaya orang bisa memindai dan membandingkan.
7Ikon, gambar, dan kedalamanPakai satu keluarga ikon yang konsisten, tangani gambar dengan hati-hati, dan pakai bayangan serta elevasi hanya di tempat yang bermakna.
8Polesan dan kritikJalankan pass polesan yang terstruktur, lakukan penyesuaian optis, dan kritik layar apa pun (termasuk buatan AI) dengan catatan yang spesifik dan bisa diperbaiki.
★Satu set layar yang terpolesProyek