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

Nội Dung Khóa Học

▶️ Chương 1: Giới thiệu khóa học và công cụ Figma
Bài 1: Giới thiệu về khóa học
Bài 2: Tổng quan về khóa học
Bài 3: Tại sao khóa học này dùng Figma
Bài 4: Giao diện làm việc của Figma
Bài 5: Thanh công cụ của Figma
Bài 6: Thanh thuộc tính của Figma
Bài 7: Khu vực quản lý Layer
Bài 8: Tổng hợp phím tắt hữu ích
—–
▶️ Chương 2: Lý thuyết về Màu sắc
Bài 9: Ý nghĩa của các màu sắc phổ biến
Bài 10: Các nhóm màu sắc trong UI UX
Bài 11: Lưu ý khi áp dụng màu sắc trong UI
Bài 12: Phương pháp kết hợp màu sắc
Bài 13: Công cụ miễn phí giúp Color System
—–
▶️ Chương 3: Lý thuyết về Typography
Bài 14: Giới thiệu về Typography
Bài 15: Typeface và Font
Bài 16: Các typeface phổ biến
Bài 17: Typography và Readability
Bài 18: Công cụ miễn phí về Typography
—–
▶️ Chương 4: UI Design cho Mobile App
Bài 19: Khái niệm giao diện người dùng (UI)
Bài 20: Nghiên cứu cơ bản về khả năng sử dụng
Bài 21: Kích thước màn hình
Bài 22: Grid System
Bài 23: Thực hành mẫu: Tạo Grid System trong Figma
Bài 24: Color System
Bài 25: Thực hành mẫu: Thêm màu sắc vào Style System trong Figma
Bài 26: Typography System
Bài 27: Thực hành mẫu: Xây dựng hệ thống Typography trong Figma
Bài 28: Các thành phần UI chính
Bài 29: Các thành phần UI phụ
—–
▶️ Chương 5: Các thành phần UI chính
Bài 30: Giới thiệu chương 4
Bài 31: Button
Bài 32: Thực hành mẫu: Vẽ Button “Đăng ký ngay” với 3 trạng thái
Bài 33: Input Field
Bài 34: Thực hành mẫu: Thiết kế 4 loại Input Field cơ bản
Bài 35: Card
Bài 36: Thực hành mẫu: Vẽ Card
Bài 37: Bottom Navigation Bar
Bài 38: Thực hành mẫu: Thiết kế Bottom Navigation Bar
Bài 39: Popup & Bottom Sheet
Bài 40: Thực hành mẫu: Vẽ Popup & Bottom Sheet
Bài 41: Hình ảnh
Bài 42: Thực hành mẫu: Thiết kế Travel Mobile App
—–
▶️ Chương 6: Các thành phần UI phụ
Bài 43: Giới thiệu chương 5
Bài 44: Icon
Bài 45: Illustration
Bài 46: Badge
Bài 47: Thực hành mẫu: Thiết kế 4 loại Badge cơ bản
Bài 48: Tag
Bài 49: Thực hành mẫu: Thiết kế Tag với 2 trạng thái cơ bản
Bài 50: Thành phần UI phụ khác
Bài 51: Tham khảo bài tập chương 4
Bài 52: Thực hành mẫu: Áp dụng thành phần UI phụ để nâng cấp bài tập chương 4
—–
▶️ Chương 7: Các tính năng hữu ích của Figma cho UI/UX Design
Bài 53: Giới thiệu chương 6
Bài 54: Pages
Bài 55: Thực hành mẫu: chia File thành các Page
Bài 56: Auto Layout
Bài 57: Thực hành mẫu: tối ưu Button bằng cách sử dụng Auto Layout
Bài 58: Component: cách tạo và sử dụng
Bài 59: Các loại Component và cách chỉnh sửa
Bài 60: Variant (Biến thể) của Component
Bài 61: Thực hành mẫu: thêm Button thành một Component với thông tin sẵn
Bài 62: Plugin
Bài 63: Thực hành mẫu: sử dụng Plugin trong Figma
Bài 64: Community File
Bài 65: Thực hành mẫu: sử dụng Community File của Figma
—–
▶️ Chương 8: Prototype
Bài 66: Giới thiệu chương 7
Bài 67: Prototype là gì? Các bước tạo Prototype
Bài 68: Các thông số Prototype trong Figma
Bài 69: Phần mềm Figma Mirror
Bài 70: Thực hành thiết lập Prototype
—–
▶️ Chương 9: Tổng kết kiến thức & bài tập thực hành
Bài 71: Giới thiệu chương
Bài 72: Tổng hợp kiến thức
Bài 73: Bài tập cuối khóa
Bài 74: Kết thúc khóa

▪️ Nội dung khóa học đầy đủ và chất lượng - Đã được kiểm duyệt kỹ trước khi update lên website

▪️ Học không hiệu quả, hoàn lại 100% học phí

▪️ Đăng ký 1 lần - Học trọn đời

▪️ Hỗ trợ học ngay cả khi không có kết nối mạng

▪️ Truy cập trên mọi thiết bị - Chất lượng video bài giảng full HD

▪️ Có thể linh hoạt học mọi lúc, mọi nơi

▪️ Truy cập nhanh chóng và tiện lợi hơn thông qua website sau khi được cấp quyền học thành công