Lộ Trình Học Thiết Kế Web (UI/UX)

Từ nền tảng tư duy đến kỹ năng thực chiến để trở thành một nhà thiết kế web chuyên nghiệp.

Trở về lộ trình
Giai đoạn Chủ đề chính Nội dung & Công cụ Mục tiêu sản phẩm
1 Nền tảng Thiết kế
  • Nguyên tắc Thiết kế (CRAP)
  • Lý thuyết Màu 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 các nguyên tắc thiết kế cơ bản.
2 Công 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 dùng (UX)
  • Nghiên cứu Người dùng
  • Chân dung & Luồng người dùng
  • Wireframing
  • Prototyping (Tạo mẫu)
Xây dựng wireframe và prototype tương tác cho một ứng dụng di động đơn giản.
4 Thiết kế Giao diện Người dùng (UI)
  • Thiết kế Mobile-First
  • Hệ thống Thiết kế
  • Khả năng Tiếp cận (Accessibility)
  • Vi tương tác & Hoạt ảnh
Hoàn thiện thiết kế UI chi tiết cho ứng dụng di động từ giai đoạn 3.
5 Bàn giao cho Lập trình viên
  • Chuẩn bị File Thiết kế
  • Tạo Style Guide
  • Sử dụng Công cụ Bàn giao
Chuẩn bị và bàn giao file thiết kế hoàn chỉnh của dự án cho đội ngũ phát 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á nhân đơn giản bằng HTML & CSS.
7 Phát triển Sự nghiệp
  • Xây dựng Portfolio
  • Học hỏi và Cập nhật
  • Phát triển Kỹ năng mềm
Hoàn 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 lõi cho Nhà Thiết kế Web

1. Lấy Người dùng làm Trung tâm

Bạn không phải là người dùng. Luôn đặt mình vào vị trí của họ để thấu hiểu nhu cầu và giải quyết vấn đề của họ, không phải của bạn.

2. Thiết kế là một Quá trình Lặp lại

Bản thiết kế đầu tiên hiếm khi là bản tốt nhất. Hãy liên tục thử nghiệm, thu thập phản hồi và cải tiến để đạt được giải pháp tối ưu.

3. Đơn giản là Sức mạnh

Mục tiêu là làm cho giao diện trở nên trực quan và dễ sử dụng nhất có thể. Loại bỏ những yếu tố không cần thiết để làm nổi bật nội dung cốt lõi.

4. Là Cầu nối giữa Ý tưởng và Hiện thực

Một thiết kế đẹp nhưng không thể lập trình được là một thiết kế thất bại. Hiểu biết cơ bản về code giúp tạo ra các sản phẩm khả thi và hiệu quả.