Mô tả

KHÓA HỌC NÀY CÓ GÌ

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

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

RỒI HỌC XONG ĐƯỢC GÌ?

  • 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.

Bạn sẽ học được gì

Các công cụ từ nền tảng nhất đến phức tạp nhất trong prototype của Figma

Hiểu cách dùng từng công cụ thông qua từng bài tập cụ thể

Biết cách áp dụng prototype vào những trường hợp cụ thể trong công việc

Hình thành tư duy công cụ và chuẩn bị nền tảng đi sâu hơn trong lĩnh vực UI/UX

Yêu cầu

  • hiểu biết về Figma ở mức căn bản

Nội dung khoá học

9 sections

Mở đầu nhập môn

4 lectures
Định nghĩa Prototype
02:44
Tầm quan trọng và tiêu chuẩn
04:29
Ai cần học
04:30
Tính ứng dụng
03:56

Nền tảng - căn bản

6 lectures
Giao diện Prototype
03:32
Đơn vị nền tảng - Interaction
04:18
Các loại tác động (User event)
02:42
Các diễn biến (Element react)
02:00
Các cách present
05:14
Bài tập chương
01:22

Công cụ Overlay

7 lectures
Các loại diễn biến overlay
02:38
Nguyên lý của overlay
02:20
Các ứng dụng của overlay: Dialog
07:24
Các ứng dụng của overlay: Bàn phím (hoặc device element)
03:49
Các ứng dụng của overlay: Các loại hình popup
04:34
Các ứng dụng của overlay: Tooltip hoặc dropdown
04:28
Bài tập chương
02:37

Scrolling

9 lectures
Nguyên lý của scroll
01:37
Normal scrolling trong figma
03:14
Scroll Behavior: fixed
05:10
Scroll Behavior: sticky
09:29
Overflow scrolling: Ngang
04:29
Overflow scrolling: Dọc
02:26
Overflow scrolling: 2 chiều
03:18
Tác động "scroll to"
05:38
Bài tập các loại hình scroll
02:11

Interactive component

5 lectures
Nguyên lý của interactive component
02:19
Ứng dụng: button
05:07
Ứng dụng: Card thay đổi trạng thái
04:19
Bài tập change to...
05:32
Bài tập chương (kết hợp scrolling)
02:08

Animation trong Figma prototype

9 lectures
Các loại hình animation căn bản
02:28
Vận dụng animation căn bản
02:59
Smart Animation và nguyên lý
07:25
Timing và custom animation
03:49
Bài tập: Gắn lộ trình di chuyển
01:14
Bài tập: Smart animation #1 Loading
01:33
Bài tập: Smart animation #2 Full-screen menu
01:33
Bài tập: Smart animation #3 Zooming
01:39
Bài tập: Smart animation #4 Disc Rotating
02:06

Prototype nâng cao

5 lectures
Giới thiệu Variable
03:43
Giới thiệu điều kiện (conditional)
03:04
Bài tập #1 Variable Loading
03:11
Bài tập #2 Product Card
01:40
Bài tập #3 Select Options
02:28

Các ứng dụng khác

4 lectures
Làm slide với Figma
02:36
Micro Interaction
02:59
Social Content Animation
03:13
Game
02:17

Tổng kết

3 lectures
Tổng kết khoá
02:36
Con đường UI/UX Design
02:58
Các lộ trình học để trở thành UI/UX Designer
04:30

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.