Thiết Kế Giao Diện Mobile App (ui) Với Siêu Ứng Dụng Figma

Thiết kế giao diện Mobile App (UI) với “Siêu ứng dụng” Figma - Phuc Pham Creative

Khóa học giúp bạn sử dụng công cụ Figma để tạo giao diện người dùng cho các ứng dụng mobile, phù hợp mọi thiết bị. Với 2 giờ 33 phút và 84 video, học viên sẽ thành thạo từ cơ bản đến nâng cao, thiết kế hệ thống Style – Typography – Component chuyên nghiệp, cộng thêm khả năng tạo prototype & sử dụng Auto Layout.

Vì sao bạn nên học khóa này

Sử dụng Figma để thiết kế UI/UX chuyên nghiệp trên điện thoại di động.

Thành thạo grid, color system, typography và component chỉ trong 2h33.

Học qua thực hành: button, input, card, navbar, popup, bottom sheet, icon, badge, tag...

Hiểu và dùng được Auto Layout, Component, Variant, Plugin, Pages trong Figma.

Biết cách tạo prototype tương tác và thử nghiệm trên Figma Mirror.

Bạn sẽ học được gì

Giới thiệu UI design & Figma workspace.

Thiết kế grid system – style system (màu & typography).

Thiết kế các thành phần UI chính & phụ như button, card, navigation, popup, bottom sheet, icon, badge, tag.

Thực hành tạo component, variant, auto layout, plugin, pages, prototype.

Tổng kết & thực hành bài tập cuối khóa, có chứng nhận sau khi hoàn thành.

Khóa học phù hợp với

Designer mới bắt đầu muốn làm chủ UI mobile app.

Sinh viên CNTT, Designer cần kỹ năng Figma để thực tập.

Freelancer hoặc dev muốn học UI workflow chuyên nghiệp.

Bất kỳ ai muốn thiết kế & prototype app trên Figma hiệu quả.

Nội dung khóa học

Chương 01 Giới thiệu về khóa học

Bài 1 Giới thiệu giảng viên (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 2 Tổng quan về khóa học (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 3 Tại sao khóa học này dùng Figma (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 4 Giao diện làm việc của Figma (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 5 Khu vực quản lý Layer (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 6 Thanh công cụ của Figma (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 7 Thanh thuộc tính của Figma (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 8 Tổng hợp phím tắt hữu ích (website khoahocgiahoi.com zalo 0583953426).mp4

Chương 02 Lý thuyết về Màu sắc

Bài 1 Ý nghĩa của các màu sắc phổ biến (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 2 Các nhóm màu sắc trong UI UX (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 3 Lưu ý khi áp dụng màu sắc trong UI (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 4 Phương pháp kết hợp màu sắc (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 5 Công cụ miễn phí giúp Color System (website khoahocgiahoi.com zalo 0583953426).mp4

Chương 03 Lý thuyết về Typography

Bài 1 Giới thiệu về Typography (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 2 Typeface và Font (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 3 Các typeface phổ biến (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 4 Typography và Readability (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 5 Công cụ miễn phí về Typography (website khoahocgiahoi.com zalo 0583953426).mp4

Chương 04 UI Design cho Mobile App

Bài 01 Khái niệm giao diện người dùng (UI) (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 02 Nghiên cứu cơ bản về khả năng sử dụng (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 03 Kích thước màn hình (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 04 Grid System (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 05 Thực hành Tạo Grid System trong Figma (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 06 Color System (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 07 Thực hành Thêm màu sắc vào Style System trong Figma (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 08 Typography System (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 09 Thực hành Xây dựng hệ thống Typography trong Figma (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 10 Các thành phần UI chính (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 11 Các thành phần UI phụ (website khoahocgiahoi.com zalo 0583953426).mp4

Chương 05 Các thành phần UI chính

Bài 01 Giới thiệu chương (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 02 Button (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 03 Thực hành Phân tích Button 'Đăng ký ngay' với 3 trạng thái (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 04 Thực hành Từng bước vẽ Button với 3 trạng thái (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 05 Input Field (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 06 Thực hành Phân tích 4 loại Input Field cơ bản (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 07 Thực hành Từng bước tạo 4 loại Input Field cơ bản (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 08 Card (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 09 Thực hành Phân tích Card (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 10 Thực hành Từng bước tạo ra Card (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 11 Bottom Navigation Bar (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 12 Thực hành Thiết kế Bottom Navigation Bar (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 13 Thực hành Từng bước tạo ra Bottom Navigation Bar (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 14 Popup & Bottom Sheet (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 15 Thực hành Phân tích Popup & Bottom Sheet (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 16 Thực hành Từng bước tạo ra Popup (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 17 Thực hành Từng bước tạo ra Popup (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 18 Hình ảnh (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 19 Thực hành Thiết kế Travel Mobile App (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 20 Thực hành Từng bước tạo ra Travel Mobile App (website khoahocgiahoi.com zalo 0583953426).mp4

Chương 06 Các thành phần UI phụ

Bài 01 Giới thiệu chương (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 02 Icon (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 03 Illustration (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 04 Badge (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 05 Thực hành Phân tích 4 loại Badge cơ bản (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 06 Thực hành Từng bước tạo ra Badge (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 07 Tag (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 08 Thực hành Phân tích Tag với 2 trạng thái cơ bản (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 09 Thực hành Từng bước thiết kế Tag với 2 trạng thái (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 10 Thành phần UI phụ khác (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 11 Tham khảo bài tập chương 4 (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 12 Thực hành Áp dụng thành phần UI phụ để nâng cấp bài tập chương 4 (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 13 Thực hành Từng bước nâng cấp giao diện bằng thành phần UI phụ (website khoahocgiahoi.com zalo 0583953426).mp4

Chương 07 Các tính năng hữu ích của Figma cho UI

Bài 01 Giới thiệu chương (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 02 Pages (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 03 Thực hành chia File thành các Page (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 04 Auto Layout (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 05 Thực hành tối ưu Button bằng cách sử dụng Auto Layout (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 06 Thực hành tối ưu Button bằng cách sử dụng Auto Layout (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 07 Component cách tạo và sử dụng (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 08 Variant (Biến thể) của Component (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 09 Thực hành thêm Button thành một Component với thông tin sẵn (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 10 Plugin (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 11 Thực hành sử dụng Plugin trong Figma (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 12 Community File (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 13 Thực hành sử dụng Community File của Figma (website khoahocgiahoi.com zalo 0583953426).mp4

UX Design

Chương 08 Prototype

Bài 1 Giới thiệu chương (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 2 Prototype là gì Các bước tạo Prototype (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 3 Prototype là gì Các bước tạo Prototype (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 4 Phần mềm Figma Mirror (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 5 Thực hành thiết lập Prototype (website khoahocgiahoi.com zalo 0583953426).mp4

Chương 09 Tổng kết kiến thức & bài tập thực hành

Bài 1 Giới thiệu chương (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 2 Tổng kết kiến thức (website khoahocgiahoi.com zalo 0583953426).mp4

Bài 3 Thực hành Bài tập cuối khóa (website khoahocgiahoi.com zalo 0583953426).mp4

Chương 10 Kết thúc khóa học

Lời chào tạm biệt và gửi gắm của giảng viên (website khoahocgiahoi.com zalo 0583953426).mp4