Giới Thiệu Khóa Học:
- Khóa học tập trung vào một trong những khía cạnh quan trọng nhưng cũng đầy thú vị của Figma, là Prototype. Khoá này có tất cả những gì bạn cần biết về figma prototype để bắt đầu làm UI/UX Designer
Đối Tượng Tham Gia:
- UI/UX Designer đang quan tâm tới việc trình bày prototype
- Người mới bắt đầu đang muốn bước vào lĩnh vực UI/UX
- Các bạn học viên Figma căn bản tại TELOS Academy
- Các đối tượng làm việc trong product team có phối hợp cùng UI/UX Designer
- Business Analyst hoặc Product Owner cần trình bày cho ý tưởng product của mình
Khóa Học Sẽ Dạy Nhưng Gì?
Bạn sẽ được Nhân Lưu, giảng viên đã đào tạo Figma với hơn 5 năm hoạt động, là founder của TELOS Academy, mang đến những điều chắt lọc:
- Các công cụ căn bản và nền tảng nhất của prototype
- Các loại hình đặc thù như overlay, scrolling, interactive components…
- Cách làm việc với animation từ dễ tới khó và chi tiết
- Cách ứng dụng một cách thực chiến nhất thông qua từng trường hợp, bài tập và hình thái UI cụ thể
- Tư duy công cụ khoa học, độc đáo và chuẩn bị sẵn sàng để có thể vận dụng vào công việc
Lợi Ích Sau Khóa Học:
- Thuần thục cách sử dụng công cụ prototype
- Tự tin biến các ý tưởng về giao diện của mình thành những kịch bản prototype chất lượng
- Dư sức tư duy sản phẩm, nền tảng cho tư duy người dùng thông qua việc hoạch định userflow
- Sáng tạo đủ thứ với các tiềm năng của prototype
- Không bỏ sót bất cứ gì trong prototype
- Nguyên một playlist bài tập, làm thoả thích. Các tài liệu và tài nguyên tại group cộng đồng Figma.
Nội Dung Khóa Học
▶️ Chương 1: Mở đầu nhập môn
Bài 1: Định nghĩa Prototype
Bài 2: Tầm quan trọng và tiêu chuẩn
Bài 3: Ai cần học
Bài 4: Tính ứng dụng
—–
▶️ Chương 2: Nền tảng – căn bản
Bài 5: Giao diện Prototype
Bài 6: Đơn vị nền tảng – Interaction
Bài 7: Các loại tác động (User event)
Bài 8: Các diễn biến (Element react)
Bài 9: Các cách present
Bài 10: Bài tập chương
—–
▶️ Chương 3: Công cụ Overlay
Bài 11: Các loại diễn biến overlay
Bài 12: Nguyên lý của overlay
Bài 13: Các ứng dụng của overlay: Dialog
Bài 14: Các ứng dụng của overlay: Bàn phím (hoặc device element)
Bài 15: Các ứng dụng của overlay: Các loại hình popup
Bài 16: Các ứng dụng của overlay: Tooltip hoặc dropdown
Bài 17: Bài tập chương
—–
▶️ Chương 4: Scrolling
Bài 18: Nguyên lý của scroll
Bài 19: Normal scrolling trong figma
Bài 20: Scroll Behavior: fixed
Bài 21: Scroll Behavior: sticky
Bài 22: Overflow scrolling: Ngang
Bài 23: Overflow scrolling: Dọc
Bài 24: Overflow scrolling: 2 chiều
Bài 25: Tác động “scroll to”
Bài 26: Bài tập các loại hình scroll
—–
▶️ Chương 5: Interactive component
Bài 27: Nguyên lý của interactive component
Bài 28: Ứng dụng: button
Bài 29: Ứng dụng: Card thay đổi trạng thái
Bài 30: Bài tập change to…
Bài 31: Bài tập chương (kết hợp scrolling)
—–
▶️ Chương 6: Animation trong Figma prototype
Bài 32: Các loại hình animation căn bản
Bài 33: Vận dụng animation căn bản
Bài 34: Smart Animation và nguyên lý
Bài 35: Timing và custom animation
Bài 36: Bài tập: Gắn lộ trình di chuyển
Bài 37: Bài tập: Smart animation #1 Loading
Bài 38: Bài tập: Smart animation #2 Full-screen menu
Bài 39: Bài tập: Smart animation #3 Zooming
Bài 40: Bài tập: Smart animation #4 Disc Rotating
—–
▶️ Chương 7: Prototype nâng cao
Bài 41: Giới thiệu Variable
Bài 42: Giới thiệu điều kiện (conditional)
Bài 43: Bài tập #1 Variable Loading
Bài 44: Bài tập #2 Product Card
Bài 45: Bài tập #3 Select Options
—–
▶️ Chương 8: Các ứng dụng khác
Bài 46: Làm slide với Figma
Bài 47: Micro Interaction
Bài 48: Social Content Animation
Bài 49: Game
—–
▶️ Chương 9: Tổng kết
Bài 50: Tổng kết khoá
Bài 51: Con đường UI/UX Design
Bài 52: Các lộ trình học để trở thành UI/UX Designer



