Learn User Interface Design

Belajar UI Design dari dasar

Opini dan Tips Design

Kumpulan link menarik

Pertanyaan seputar UI/UX

Design challenge berhadiah

Kategori artikel di medium

Buku buku yang saya baca

Catatan random sehari hari

Hobi rakit gundam

Eksplorasi UI Design

Belajar UI Design dari dasar

Opini dan Tips Design

Tulisan saya di medium

Panduan belajar UI Design. Dibagi dalam beberapa bagian yang akan rilis setiap minggu nya.

PAGE INDEXS

Panduan belajar UI Design. Dibagi dalam beberapa bagian yang akan rilis setiap minggu nya.

Belajar dari Awal

PAGE INDEXS

Panduan belajar UI Design. Dibagi dalam beberapa bagian yang akan rilis setiap minggu nya.

Belajar dari Awal

PAGE INDEXS

Apa yang akan kamu pelajari?

Mengenal UI dalam keseharian dan pada industri
Mengapa Typography berperan besar pada UI Design
Membuat UI Design menggunakan figma
Mempelajari proses pembuatan design responsive
Membuat layout yang komposisi nya pas
Merancang alur pada UI Design

"Menurutku ini bagus banget sih mas tampilan UI nya clean, nyaman, bahasa yang digunakan juga santai, dan ini daging banget isinya, Alhamdulillah bagi saya yang baru belajar jadi terbantu banget"

@gerryvy_21

"Menurutku ini referensi yang pas buat belajar UI atau UX, materinya tajem banget jadinya langsung ke point yang ingin di sampein, bahasa yang enggak bertele tele"

@berasBijian

"Pembahasan sangat mudah di mengerti oleh orang awam sekalipun (singkat dan jelas) seperti saya yang baru belajar tentang UI. Thanks bang"

@awaluddin_24

BASIC

Mengenal apa itu UI Design dan kegunaannya

Mindset release

Pemikiran dibalik pembuatan UI Design

Industry release

Mengenal industri design dan pekerjaan UI Designer

TYPOGRAPHY

Why Typography? release

Kenapa harus menguasai typography untuk membuat UI Design

Font Size release

Mempelajari penggunaan ukuran teks

Spacing release

Mempelajari pengaturan jarak antar huruf pada teks dan jarak antar baris pada paragraf

Font Weight release

Mempelajari penggunaan ketebalan teks

Hierarchy release

Membuat susunan beberapa teks yang mudah untuk dibaca

Font Tips release

Beberapa tips dalam penggunaan font

LANDING PAGE

Preface release

Apa itu landing page dan fungsi nya

Navigation release

Mengenal komponen yang terdapat pada bagian navigasi atau menu pada landing page

Mengenal komponen yang terdapat pada Hero section, dimana adalah bagian pada landing page yang letak nya berada di area atas dibawah navigasi

Features - 1 release

Mengenal komponen komponen yang terdapat pada bagian pengenalan fitur

Features - 2 release

Membuat section fitur dengan layout yang berbeda

Testimonial release

Mengenal komponen Testimonial atau komentar dari mereka yang telah mencoba produk nya

Mengenal komponen komponen yang terdapat pada bagian paling bawah dari landing page

Responsive 1 release

Mengubah design landing page menjadi versi responsive di layar handphone

Responsive 2 release

Mengubah design landing page menjadi versi responsive di layar handphone

Responsive 3 release

Mengubah design landing page menjadi versi responsive di layar handphone

Responsive 4 release

Mengubah design landing page menjadi versi responsive di layar handphone

LAYOUT

Composition release

Mempelajari cara menentukan komposisi

Grouping release

Pengelompokkan konten atau elemen untuk membuat informasi lebih jelas

Whitespace release

Mempelajari penggunaan whitespace untuk membuat layout yang clean

Best Practice release

Mempelajari bagaimana layout yang sering digunakan pada produk digital

Grid Website release

Praktek membuat design website menggunakan grid

Praktek membuat design dashboard menggunakan grid

Praktek membuat design aplikasi menggunakan grid

USER FLOW

Apa itu user flow dan apa fungsi nya dalam UI Design

Bagaimana memahami kebutuhan user dan sistem untuk pembuatan user flow

Mendefinisikan langkah langkah dalam user flow

Membuat peta atau alur user flow untuk melihat gambaran besar nya

Proses sketsa setelah membuat user flow

E-Commerce

E-Commerce Preface

Mengenal apa itu e-commerce dan bagaimana UI di dalam nya

Mengenal komponen komponen yang terdapat pada halaman awal E-Commerce

Mengenal komponen komponen yang terdapat pada halaman detail produk

Mengenal komponen dan bagaimana alur pada halaman checkout

Mengenal komponen dan bagaimana alur pada halaman pembayaran

Dashboard

Dashboard Preface

Mengenal apa itu dashboard dan bagaimana UI di dalam nya

Mengenal komponen sidebar yang merupakan tempat untuk menaruh menu atau navigasi

Mengenal jenis charts yang sering digunakan pada dashboard

Mengenal penggunaan table untuk menampilkan data pada dashboard

Mengenal komponen yang terdapat pada halaman pengaturan dashboard

APP

Apa itu aplikasi dan bagaimana UI di dalam nya

Mempelajari guideline app dan bagaimana cara menggunakan nya

Social Media App

Mempelajari komponen yang terdapat dalam aplikasi sosial media

Mempelajari komponen yang terdapat dalam aplikasi E-Commerce

Mempelajari komponen yang terdapat dalam aplikasi Finansial

Mempelajari komponen yang terdapat dalam aplikasi Olahraga