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

900.000 ₫

89.999 ₫

Thời lượng

10 Chương Học

Sở hữu khóa học

Trọn đời

Đã đăng ký

49

Đầy Đủ Bài Giảng

Video bài giảng và tài liệu giống mô tả

Học Online Tiện Lợi

Học online trên Website bằng điện thoại hoặc máy tính

Kích Hoạt Nhanh

Nhận khóa học trong vòng 3 - 5 giây

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