10 Sections
72 Lessons
Lifetime
Expand all sections
Collapse all sections
Chương 1. Giới thiệu về khóa học
8
1.1
1. Giới thiệu giảng viên
1.2
2. Tổng quan về khóa học
1.3
3. Tại sao khóa học này dùng Figma
1.4
4. Giao diện làm việc của Figma
1.5
5. Khu vực quản lý Layer
1.6
6. Thanh công cụ của Figma
1.7
7. Thanh thuộc tính của Figma
1.8
8. Tổng hợp phím tắt hữu ích
Chương 2. Lý thuyết về Màu sắc
5
2.1
1. Ý nghĩa của các màu sắc phổ biến
2.2
2. Các nhóm màu sắc trong UI UX
2.3
3. Lưu ý khi áp dụng màu sắc trong UI
2.4
4. Phương pháp kết hợp màu sắc
2.5
5. Công cụ miễn phí giúp Color System
Chương 3. Lý thuyết về Typography
5
3.1
1. Giới thiệu về Typography
3.2
2. Typeface và Font
3.3
3. Các typeface phổ biến
3.4
4. Typography và Readability
3.5
5. Công cụ miễn phí về Typography
Chương 4. UI Design cho Mobile App
11
4.1
1. Khái niệm giao diện người dùng (UI)
4.2
2. Nghiên cứu cơ bản về khả năng sử dụng
4.3
3. Kích thước màn hình
4.4
4. Grid System
4.5
5. Thực hành: Tạo Grid System trong Figma
4.6
6. Color System
4.7
7. Thực hành: Thêm màu sắc vào Style System trong Figma
4.8
8. Typography System
4.9
9. Thực hành: Xây dựng hệ thống Typography trong Figma
4.10
10. Các thành phần UI chính
4.11
11. Các thành phần UI phụ
Chương 5. Các thành phần UI chính
8
5.1
1. Giới thiệu chương
5.2
2. Button
5.3
3. Thực hành: Phân tích Button “Đăng ký ngay” với 3 trạng thái
5.4
4. Thực hành: Từng bước vẽ Button với 3 trạng thái
5.5
5. Input Field
5.6
6. Thực hành: Phân tích 4 loại Input Field cơ bản
5.7
7. Thực hành: Từng bước tạo 4 loại Input Field cơ bản
5.8
8. Card
Chương 6. Các thành phần UI phụ
13
6.1
1. Giới thiệu chương
6.2
2. Icon
6.3
3. Illustration
6.4
4. Badge
6.5
5. Thực hành: Phân tích 4 loại Badge cơ bản
6.6
6. Thực hành: Từng bước tạo ra Badge 01:54 Tag
6.7
7. Tag
6.8
8. Thực hành: Phân tích Tag với 2 trạng thái cơ bản
6.9
9. Thực hành: Từng bước thiết kế Tag với 2 trạng thái
6.10
10. Thành phần UI phụ khác
6.11
11. Tham khảo bài tập chương 4
6.12
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
6.13
13. Thực hành: Từng bước nâng cấp giao diện bằng thành phần UI phụ
Chương 7. Các tính năng hữu ích của Figma cho UI/UX Design
13
7.1
1. Giới thiệu chương
7.2
2. Pages
7.3
3. Thực hành: chia File thành các Page
7.4
4. Auto Layout
7.5
5. Thực hành: tối ưu Button bằng cách sử dụng Auto Layout
7.6
6. Component: cách tạo và sử dụng
7.7
7. Component: cách tạo và sử dụng
7.8
8. Variant (Biến thể) của Component
7.9
9. Thực hành: thêm Button thành một Component với thông tin sẵn
7.10
10. Plugin
7.11
11. Thực hành: sử dụng Plugin trong Figma
7.12
12. Community File
7.13
13. Thực hành: sử dụng Community File của Figma
Chương 8.
5
8.1
1. Giới thiệu chương
8.2
2. Prototype là gì? Các bước tạo Prototype
8.3
3. Các thông số Prototype trong Figma
8.4
4. Phần mềm Figma Mirror
8.5
5. 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
3
9.1
1. Giới thiệu chương
9.2
2. Tổng kết kiến thức
9.3
3. Thực hành: Bài tập cuối khóa
Chương 10. Kết thúc khóa học
1
10.1
Lời chào tạm biệt và gửi gắm của giảng viên
Khóa Học Thiết Kế Giao Diện Mobile App (UI) với Figma – Color ME
Search
This content is protected, please
login
and enroll in the course to view this content!
Trang Chủ
khóa học
Tìm kiếm
Tìm kiếm
Account
Chào mừng bạn đến với Khóa Học Rẻ! <3
Continue with
Google
Bạn quên mật khẩu?
Ghi nhớ trình duyệt
Bạn chưa có tài khoản?
Đăng ký ngay
Đăng ký tài khoản mới
Continue with
Google
Bạn đã có tài khoản?
Đăng nhập ngay
Modal title
Main Content
