L? Trnh H?c Thi?t K? Web (UI/UX)

T? n?n t?ng t? duy ??n k? n?ng th?c chi?n ?? tr? thnh m?t nh thi?t k? web chuyn nghi?p.

Trở về lộ trình
Giai ?o?n Ch? ?? chnh N?i dung & Cng c? M?c tiu s?n ph?m
1 N?n t?ng Thi?t k?
  • Nguyn t?c Thi?t k? (CRAP)
  • L thuy?t Mu s?c
  • H? th?ng L??i (Grid Systems)
  • Typography (Ki?u ch?)
 Thi?t k? m?t trang landing page ??n gi?n p d?ng cc nguyn t?c thi?t k? c? b?n.
2 Cng c? Thi?t k?
  • Figma
  • Sketch
  • Adobe XD
  • Photoshop & Illustrator
 T?o l?i m?t thi?t k? trang web hi?n c b?ng Figma ho?c Sketch.
3 Thi?t k? Tr?i nghi?m Ng??i dng (UX)
  • Nghin c?u Ng??i dng
  • Chn dung & Lu?ng ng??i dng
  • Wireframing
  • Prototyping (T?o m?u)
 Xy d?ng wireframe v prototype t??ng tc cho m?t ?ng d?ng di ??ng ??n gi?n.
4 Thi?t k? Giao di?n Ng??i dng (UI)
  • Thi?t k? Mobile-First
  • H? th?ng Thi?t k?
  • Kh? n?ng Ti?p c?n (Accessibility)
  • Vi t??ng tc & Ho?t ?nh
 Hon thi?n thi?t k? UI chi ti?t cho ?ng d?ng di ??ng t? giai ?o?n 3.
5 Bn giao cho L?p trnh vin
  • Chu?n b? File Thi?t k?
  • T?o Style Guide
  • S? d?ng Cng c? Bn giao
 Chu?n b? v bn giao file thi?t k? hon ch?nh c?a d? n cho ??i ng? pht tri?n.
6 Ki?n th?c Frontend c? b?n
  • HTML c? b?n
  • CSS c? b?n
  • JavaScript c? b?n
 T? code m?t trang portfolio c nhn ??n gi?n b?ng HTML & CSS.
7 Pht tri?n S? nghi?p
  • Xy d?ng Portfolio
  • H?c h?i v C?p nh?t
  • Pht tri?n K? n?ng m?m
 Hon thi?n portfolio tr?c tuy?n v?i t nh?t 3 d? n thi?t k? ch?t l??ng.

T? duy C?t li cho Nh Thi?t k? Web

1. L?y Ng??i dng lm Trung tm

B?n khng ph?i l ng??i dng. Lun ??t mnh vo v? tr c?a h? ?? th?u hi?u nhu c?u v gi?i quy?t v?n ?? c?a h?, khng ph?i c?a b?n.

2. Thi?t k? l m?t Qu trnh L?p l?i

B?n thi?t k? ??u tin hi?m khi l b?n t?t nh?t. Hy lin t?c th? nghi?m, thu th?p ph?n h?i v c?i ti?n ?? ??t ???c gi?i php t?i ?u.

3. ??n gi?n l S?c m?nh

M?c tiu l lm cho giao di?n tr? nn tr?c quan v d? s? d?ng nh?t c th?. Lo?i b? nh?ng y?u t? khng c?n thi?t ?? lm n?i b?t n?i dung c?t li.

4. L C?u n?i gi?a t??ng v Hi?n th?c

M?t thi?t k? ??p nh?ng khng th? l?p trnh ???c l m?t thi?t k? th?t b?i. Hi?u bi?t c? b?n v? code gip t?o ra cc s?n ph?m kh? thi v hi?u qu?.