KHÓA HỌC THIẾT KẾ GIAO DIỆN MOBILE APP

Product Design – Basic

ui treatment course basic design

☎️ Điện thoại tư vấn khóa học:
0938–839–080

Nội dung khóa học

Phần được đánh dấu * là trọng tâm của buổi học.

  • 1. Kết cấu vững chắc (kim tự tháp) và kết cấu lỏng lẽo (cái cây).

    2. Lắp ráp thiết kế như chơi trò Lego (stud-and-tube coupling system).

    3. Nguyên lý nền tảng: Gestalt. *

  • 1. Không phải đợi tới bàn giao mới tá hỏa thiết kế không code được, phải hiểu cách làm đúng ngay từ lúc bắt đầu: Box Model. *

    2. Vì sao các developers hay bảo designers phải xem Material Design?

  • 1. Bài tập cuối khóa là thiết kế giao diện mobile app của lĩnh vực Giáo dục (bên mình đã chuẩn bị sẵn tài liệu UX để các bạn chỉ tập trung vào thực hiện UI).

    2. Giới thiệu tool và khóa học Figma Capsule tặng kèm.

    3. Copywork. *

  • 1. Màu sắc của thương hiệu khác với cách chọn màu sắc trong UI như thế nào? *

    2. Vì sao thiết kế của bạn bị ám màu thương hiệu và nhàm chán?

    3. Chọn font trong UI: để scan là chính (không ưu tiên để nhìn cho đẹp hay đọc cho rõ).

    4. Cách chỉnh từ H1 đến H6. *

  • 1. Hệ thống lưới (grid).

    2. Khoảng cách (spacing, margin, padding).

    3. Sự phân cách (divider).

    4. Bảng biểu (form). *

  • 1. Setup môi trường làm việc trên Figma.

    2. Chia lưới và lựa chọn bố cục.

    3. Tạo color & font styles.

  • 1. Nút và đường dẫn (button, link). *

    2. Hộp và thẻ (box, card).

    3. Thông báo (notification, tooltip, toast).

  • 1. Hệ thống ký hiệu (iconography). *

    2. Hình ảnh và minh họa (image, illustration).

    3. Đổ bóng (drop shadow).

  • 1. Auto layout.

    2. Master components.

    3. Tạo trang listing và detail information của Native mobile app. *

  • 1. Atomic design: một phương pháp luận từ tác giả Brad Frost để xây dựng design system. Các bước đề xuất. *

    2. Những khó khăn khi áp dụng và điều chỉnh design system trong môi trường thực tế: Case study của Staylab.

    3. Tặng template cho design system mẫu trên Figma.

  • 1. Checklist của Staylab.

    2. Cách xây dựng checklist của riêng bạn và áp dụng như thế nào. *

    3. Hướng dẫn cách thuyết trình bảo vệ thiết kế UI (và khi nào thì nên nhận là mình sai không được cãi bướng).

  • 1. Bảo vệ đồ án cuối khóa.

    2. Đăng ký tư vấn sau khóa học cho các bạn hoàn thành Bài tập.

☎️ Điện thoại tư vấn khóa học:
0938–839–080