0 views
Read
#0
Belajar UI Designer - Pre-Requisites Skill & Setup Environment
Sebelum membuka Figma, kalian perlu mengasah persepsi visual, ketelitian, dan kepekaan terhadap pengguna, lalu menyiapkan perangkat lunak utama (Figma), tool pendukung prototyping, serta sumber referensi inspirasional. Di episode ini kalian juga mengenal studi kasus Kantongin dan memverifikasi seluruh environment siap dipakai sepanjang series
August 16, 2026
00
Read
#1
Belajar UI Designer - Peran, Tanggung Jawab & Karir
Memahami apa yang sebenarnya dikerjakan seorang UI designer: warna, tipografi, spacing, dan konsistensi — serta bagaimana ia bersinergi dengan UX designer dan developer. Episode ini juga membahas konteks 2026, di mana UI bukan lagi pembeda utama, namun role UI designer tetap dibutuhkan karena UX dan AI-native bergantung pada fondasi visual
August 16, 2026
00
Read
#2
Belajar UI Designer - Prinsip Desain Visual
Menguasai enam prinsip desain visual — hierarchy, contrast, balance, alignment, proximity, dan repetition — sebagai lensa untuk membuat sekaligus menganalisis antarmuka. Episode ini ditutup dengan praktik membedah UI populer memakai keenam prinsip tersebut sebagai kerangka
August 16, 2026
00
Read
#3
Belajar UI Designer - Color Theory & Palettes
Membangun fondasi warna: color wheel dan skema harmonis, model warna HSL, kontras aksesibilitas WCAG, serta cara menyusun palette produk yang terdiri dari warna primer, netral, dan semantik. Ditutup dengan praktik menyusun palette brand untuk Kantongin yang tetap aksesibel
August 16, 2026
00
Read
#4
Belajar UI Designer - Typography
Membangun sistem tipografi yang menjadi tulang punggung keterbacaan: modular type scale, hierarki teks, prinsip readability seperti line length dan line height, serta cara memadukan font untuk UI. Ditutup dengan praktik menyusun type system untuk Kantongin
August 16, 2026
00
Read
#5
Belajar UI Designer - Layout & Spacing (Grid Systems)
Menyusun layout yang tertata dengan grid systems — kolom, gutter, dan margin — plus spacing scale 4/8pt yang membuat jarak antar elemen selalu konsisten. Ditutup dengan praktik responsive layout: cara grid desktop dan mobile beradaptasi untuk layar Kantongin
August 16, 2026
00
Read
#6
Belajar UI Designer - Figma Mastery
Menguasai fitur inti Figma yang membedakan UI designer produktif dari yang asal klik: Auto layout untuk struktur yang hidup, components dan variants untuk elemen yang reusable, styles untuk konsistensi, serta prototyping dasar. Ditutup dengan praktik mendesain satu layar lengkap Kantongin
August 16, 2026
00
Read
#7
Belajar UI Designer - Icons & Illustration
Membangun aset visual yang seragam: anatomi icon — grid, stroke, corner, dan size — ditambah panduan ilustrasi serta cara menjaga konsistensi seluruh aset. Ditutup dengan praktik membuat icon set sederhana untuk Kantongin yang terasa satu keluarga
August 16, 2026
00
Read
#8
Belajar UI Designer - UI Components Design
Mendesain komponen UI yang menjadi blok bangunan produk: buttons, forms, inputs, dan cards — plus state hover, active, dan disabled yang sering terlupakan. Ditutup dengan praktik membangun komponen library dasar untuk Kantongin
August 16, 2026
00
Read
#9
Belajar UI Designer - Design Systems & Tokens
Menggabungkan warna, tipografi, spacing, dan komponen menjadi satu design system: design tokens dengan struktur hierarchical, rules pemakaian komponen, dan dokumentasi yang dipakai tim desain dan developer lewat Figma dan Storybook
August 16, 2026
00