Pertemuan Elemen Kompetensi Sub Materi Penugasan

Penjelasan role UI Designer dan jobdesc UI

Designer di perusahaan
Tips untuk UI Designer dan memulai membuat
Fundamental UI Designer
UI Design
Mempelajari komponen-komponen yg ada di UI
W 2; D 1
Design

Instal Figma
Menggunakan tools-tools Figma untuk
Pengenalan Figma
Pengenalan tools-tools Figma membuat design bebas
Pengenalan komunitas Figma

Kenapa pentingnya mempelajari hal ini?

Alignment
Size & Contrast
Space
Color Theory Menerapkan kaidah kaidah UI
W 2; D 2 Kaidah-kaidah UI Designer Selecting Better Colors
Typography
Consistency
Simplicity
Contoh aps/web apa saja yang menggunakan Mencari 5 jenis web/aps yang
kaidah-kaidah tersebut menggunakan kaidah-kaidah tersebut

Cara evaluasi UI yang sudah ada

UI Designer Membuat redesign sebuah page
Contoh meredesign sebuah page.
Membuat design sebuah page
W 2; D 3
Evaluasi terhadap design yg dibuat berdasarkan studi kasus (Tema:
Study Case
Company profile)
Mengenalkan flow dan jenis interaksinya Membuat flow page yang dibuat

Cara evaluasi UI yang sudah ada

UI Designer Membuat redesign sebuah page
Contoh meredesign sebuah page.
W 2; D 4
 Membuat design sebuah page
W 2; D 4
Evaluasi terhadap design yg dibuat berdasarkan studi kasus (Tema:
Study Case
Travel)
Mengenalkan flow dan jenis interaksinya Membuat flow page yang dibuat

Kolaborasi Designer dengan Cara berinteraksi dengan programer

Programer
W 2; D 5 Pengenalan Zeplin Import design dari Figma ke zeplin
Membuat design projected 3 device
Study Case Small Projected
(tablet, desktop, mobile)

From Set Up to Start Up

W 2; D 6 People Development (Start up)
Problem Solver