Khóa Học Thiết Kế Giao Diện Mobile App (UI) với Figma – Color ME
KHÓA HỌC THIẾT KẾ GIAO DIỆN MOBILE APP – UI/UX Design Với Figma 2025!
Bạn muốn trở thành UI/UX Designer chuyên nghiệp? Cần học Figma, Color System, Typography, Grid System để thiết kế Mobile App đẹp mắt? Khóa Học Thiết Kế Giao Diện Mobile App với Phuc Pham Creative (CX Designer Finhay), 84 bài học, 2 giờ 33 phút, từ lý thuyết màu sắc, Typography đến Prototype sẽ giúp bạn master Figma, thiết kế UI Mobile App chuyên nghiệp!
🎯 TẠI SAO CHỌN KHÓA HỌC THIẾT KẾ GIAO DIỆN MOBILE APP?
✅ Giảm sốc 89% – Chỉ 99.000đ (Giá gốc 900.000đ)
✅ 84 bài học – 2 giờ 33 phút video chi tiết
✅ Phuc Pham Creative – CX Designer Finhay
✅ Figma toàn tập – Siêu ứng dụng UI/UX Design
✅ 10 chương hoàn chỉnh – Từ cơ bản đến Prototype
✅ Thực hành nhiều – Button, Input Field, Card, Bottom Sheet
✅ Digital Certificate – Chứng chỉ khi hoàn thành
⚡ BẠN ĐANG ĐỐI MẶT VỚI “THỬ THÁCH” UI/UX DESIGN?
👉 Không biết Figma: Muốn thiết kế UI nhưng không biết tool nào
👉 Thiết kế xấu: UI không đẹp, không chuyên nghiệp
👉 Không hiểu Color System: Phối màu sai, không hài hòa
👉 Typography lỗi: Font chữ xấu, khó đọc
👉 Không biết Component: Thiết kế lại từ đầu mỗi lần
👉 Không làm được Prototype: Không demo được cho khách
💎 LỢI ÍCH CỦA KHÓA HỌC THIẾT KẾ GIAO DIỆN MOBILE APP
1️⃣ Master Figma – Siêu Ứng Dụng UI/UX
✔️ Giao diện Figma – Khu vực Layer, Thanh công cụ, Thuộc tính
✔️ Phím tắt hữu ích – Tăng tốc thiết kế
✔️ Pages – Chia file thành các trang
✔️ Auto Layout – Tối ưu Button, Component
2️⃣ Lý Thuyết Vững Chắc
✔️ Color System – Ý nghĩa màu sắc, phương pháp kết hợp
✔️ Typography System – Typeface, Font, Readability
✔️ Grid System – Kích thước màn hình, bố cục
✔️ UI Design – Khái niệm, khả năng sử dụng
3️⃣ Thực Hành Thành Phần UI Chính
✔️ Button – 3 trạng thái: Normal, Hover, Disabled
✔️ Input Field – 4 loại cơ bản
✔️ Card – Phân tích và thiết kế
✔️ Bottom Navigation Bar – Từng bước tạo
✔️ Popup & Bottom Sheet – Thiết kế chuyên nghiệp
📚 NỘI DUNG KHÓA HỌC THIẾT KẾ GIAO DIỆN MOBILE APP – 10 CHƯƠNG, 84 BÀI
📘 Chương 1: Giới Thiệu Figma (8 bài – 12 phút)
- Giới thiệu giảng viên & Tổng quan khóa học
- Tại sao dùng Figma?
- Giao diện làm việc, Khu vực Layer
- Thanh công cụ & Thuộc tính Figma
- Tổng hợp phím tắt hữu ích
🎨 Chương 2: Lý Thuyết Màu Sắc (5 bài – 7 phút)
- Ý nghĩa các màu sắc phổ biến
- Các nhóm màu sắc trong UI/UX
- Lưu ý khi áp dụng màu sắc
- Phương pháp kết hợp màu sắc
- Công cụ miễn phí Color System
🚀 Chương 3: Lý Thuyết Typography (5 bài – 5 phút)
- Giới thiệu Typography
- Typeface và Font
- Các typeface phổ biến
- Typography và Readability
- Công cụ miễn phí Typography
💪 Chương 4: UI Design Mobile App (11 bài – 23 phút)
- Khái niệm UI, Nghiên cứu khả năng sử dụng
- Kích thước màn hình & Grid System
- Thực hành: Tạo Grid System trong Figma
- Color System & Thực hành thêm màu vào Style
- Typography System & Thực hành xây dựng
- Các thành phần UI chính & phụ
🔥 Chương 5: Thành Phần UI Chính (20 bài – 43 phút)
- Button: Phân tích & Vẽ Button 3 trạng thái
- Input Field: Phân tích & Tạo 4 loại cơ bản
- Card: Phân tích & Từng bước tạo Card
- Bottom Navigation Bar: Thiết kế & Tạo từng bước
- Popup & Bottom Sheet: Phân tích & Tạo từng bước
- Hình ảnh: Thiết kế Travel Mobile App
🎯 Chương 6: Thành Phần UI Phụ (13 bài – 20 phút)
- Icon & Illustration
- Badge: Phân tích & Tạo 4 loại cơ bản
- Tag: Phân tích & Thiết kế 2 trạng thái
- Thành phần UI phụ khác
- Thực hành: Nâng cấp bài tập chương 4
💼 Chương 7: Tính Năng Hữu Ích Figma (13 bài – 24 phút)
- Pages: Chia File thành các Page
- Auto Layout: Tối ưu Button
- Component: Cách tạo và sử dụng
- Variant: Biến thể của Component
- Plugin: Sử dụng Plugin trong Figma
- Community File: Sử dụng Community File
🌟 Chương 8: Prototype (5 bài – 13 phút)
- Prototype là gì? Các bước tạo
- Các thông số Prototype trong Figma
- Phần mềm Figma Mirror
- Thực hành thiết lập Prototype
📊 Chương 9: Tổng Kết & Bài Tập (3 bài – 4 phút)
- Tổng kết kiến thức
- Bài tập cuối khóa
🎓 Chương 10: Kết Thúc (1 bài)
- Lời chào tạm biệt từ giảng viên
👥 AI NÊN HỌC KHÓA HỌC THIẾT KẾ GIAO DIỆN MOBILE APP?
🎓 Người mới bắt đầu – Chưa biết gì về UI/UX Design
💻 Designer muốn chuyên UI – Từ Graphic sang UI/UX
🏢 Developer – Muốn hiểu UI để code tốt hơn
🚀 Product Manager – Cần biết UI để làm việc với Designer
💼 Freelancer – Nhận job thiết kế Mobile App
🎯 Ai muốn làm UI/UX Designer – Từ zero đến chuyên nghiệp
📊 KẾT QUẢ SAU KHÓA HỌC THIẾT KẾ GIAO DIỆN MOBILE APP
Skills Bạn Sẽ Master:
✅ Figma thành thạo – Giao diện, công cụ, phím tắt
✅ Color System – Ý nghĩa màu, phối màu hài hòa
✅ Typography System – Font chữ đẹp, dễ đọc
✅ Grid System – Bố cục chuẩn chỉnh
✅ Thành phần UI chính – Button, Input Field, Card, Bottom Nav
✅ Thành phần UI phụ – Icon, Badge, Tag, Illustration
✅ Component & Variant – Tái sử dụng, tiết kiệm thời gian
✅ Prototype – Demo app cho khách hàng
✅ Digital Certificate – Chứng chỉ hoàn thành
🎓 HƯỚNG DẪN ĐĂNG KÝ KHÓA HỌC TẠI KHÓA HỌC RẺ
Quy trình đăng ký đơn giản 2 bước:
Bước 1: Bấm Thêm Vào Giỏ Hàng → Xem Giỏ Hàng → Quét Mã QR Thanh Toán
Bước 2: Sau khi thanh toán xong, khóa học sẽ tự động kích hoạt vào trong hồ sơ của bạn
Bắt đầu học ngay sau 30 giây – Truy cập suốt đời!
👨🏫 GIẢNG VIÊN KHÓA HỌC THIẾT KẾ GIAO DIỆN MOBILE APP
Phuc Pham Creative (Hồng Phúc) – CX Designer Tại Finhay
🏆 CX Designer Finhay – Thiết kế ứng dụng triệu người dùng
📈 84 bài học – 2 giờ 33 phút video chi tiết
🎓 Thực hành nhiều – Từng bước cụ thể
⭐ Digital Certificate – Chứng chỉ khi hoàn thành
❓ CÂU HỎI THƯỜNG GẶP VỀ KHÓA HỌC THIẾT KẾ GIAO DIỆN MOBILE APP
Q1: Chưa biết gì về UI/UX có học được không?
A: Hoàn toàn có thể! Khóa học từ zero, chương 1 giới thiệu Figma chi tiết, phù hợp cho người mới.
Q2: Học xong có thiết kế được Mobile App không?
A: Được! 84 bài học từ lý thuyết màu sắc, Typography, Grid đến thực hành Button, Card, Prototype đầy đủ.
Q3: Có học Figma không?
A: Có! 10 chương dạy Figma toàn tập từ giao diện, công cụ, Auto Layout, Component đến Plugin, Community File.
Q4: Có được chứng chỉ không?
A: Có! Cấp Digital Certificate khi hoàn thành khóa học để bổ sung CV.
🚀 ĐĂNG KÝ NGAY KHÓA HỌC THIẾT KẾ GIAO DIỆN MOBILE APP!
Transform từ zero thành UI/UX Designer chuyên nghiệp! Master Figma, thiết kế Mobile App đẹp mắt!
👉 ĐĂNG KÝ KHÓA HỌC | NHẬN TƯ VẤN
📞 THÔNG TIN LIÊN HỆ:
🌐 Website: khoahocre.com
📧 Email: [email protected]
💬 Zalo: 0888993991
💡 LỜI KẾT
Khóa Học Thiết Kế Giao Diện Mobile App với Phuc Pham Creative (CX Designer Finhay) là lộ trình hoàn hảo giúp bạn trở thành UI/UX Designer chuyên nghiệp. Với 84 bài học, 2 giờ 33 phút, 10 chương từ Figma cơ bản, Color System, Typography, Grid System, thành phần UI chính (Button, Input Field, Card, Bottom Navigation, Popup, Bottom Sheet), thành phần UI phụ (Icon, Badge, Tag), Component, Variant, Plugin đến Prototype, bạn sẽ tự tin master Figma, thiết kế Mobile App đẹp mắt và nhận Digital Certificate!
⚡ Chỉ 99.000đ cho khóa học giá gốc 900K – Đăng ký ngay hôm nay!
- 10 Sections
- 72 Lessons
- Lifetime
- Chương 1. Giới thiệu về khóa học8
- Chương 2. Lý thuyết về Màu sắc5
- Chương 3. Lý thuyết về Typography5
- Chương 4. UI Design cho Mobile App11
- 4.11. Khái niệm giao diện người dùng (UI)
- 4.22. Nghiên cứu cơ bản về khả năng sử dụng
- 4.33. Kích thước màn hình
- 4.44. Grid System
- 4.55. Thực hành: Tạo Grid System trong Figma
- 4.66. Color System
- 4.77. Thực hành: Thêm màu sắc vào Style System trong Figma
- 4.88. Typography System
- 4.99. Thực hành: Xây dựng hệ thống Typography trong Figma
- 4.1010. Các thành phần UI chính
- 4.1111. Các thành phần UI phụ
- Chương 5. Các thành phần UI chính8
- Chương 6. Các thành phần UI phụ13
- 6.11. Giới thiệu chương
- 6.22. Icon
- 6.33. Illustration
- 6.44. Badge
- 6.55. Thực hành: Phân tích 4 loại Badge cơ bản
- 6.66. Thực hành: Từng bước tạo ra Badge 01:54 Tag
- 6.77. Tag
- 6.88. Thực hành: Phân tích Tag với 2 trạng thái cơ bản
- 6.99. Thực hành: Từng bước thiết kế Tag với 2 trạng thái
- 6.1010. Thành phần UI phụ khác
- 6.1111. Tham khảo bài tập chương 4
- 6.1212. 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.1313. 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 Design13
- 7.11. Giới thiệu chương
- 7.22. Pages
- 7.33. Thực hành: chia File thành các Page
- 7.44. Auto Layout
- 7.55. Thực hành: tối ưu Button bằng cách sử dụng Auto Layout
- 7.66. Component: cách tạo và sử dụng
- 7.77. Component: cách tạo và sử dụng
- 7.88. Variant (Biến thể) của Component
- 7.99. Thực hành: thêm Button thành một Component với thông tin sẵn
- 7.1010. Plugin
- 7.1111. Thực hành: sử dụng Plugin trong Figma
- 7.1212. Community File
- 7.1313. Thực hành: sử dụng Community File của Figma
- Chương 8.5
- Chương 9. Tổng kết kiến thức & bài tập thực hành3
- Chương 10. Kết thúc khóa học1

khoahocre.com - Nơi chia sẻ khóa học tiết kiệm chuẩn gốc

Có Thể Bạn Quan Tâm <3
Thêm những khóa liên quan vào giỏ hàng nhé ^^
