Khóa Học Figma UI Design - Keyframe

Có duyên với ngành thiết kế từ năm 2012, với các công việc làm về Packaging, Digital, UI/UX,... Từ năm 2018, mình đã bắt đầu định hình được thế mạnh về UI/UX, vậy là mình bắt đầu nghiêm túc nghiên cứu và phát triển sự nghiệp ở mảng này. Hiện tại mình đang là Lead Designer tại Rooster Beers từ năm 2020.

Xem thêm

Giáo trình

• 1 Buổi Buổi 01 - Tổng quan về Figma, các thao tác cơ bản
  • Giới thiệu lộ trình học
  • Giới thiệu các sách về sáng tạo và UI/UX
  • Khái niệm về UI và UX
  • Công việc thiết kế UI Design
  • Các nguồn tham khảo tin cậy về UI/UX
  • Định luật Jacob và sự quen thuộc trong thiết kế UI/UX
  • Vai trò của Figma trong dự án thực tế
  • Đăng ký Figma Education Plan
  • Figjam
  • Community của Figma
  • Thực hành
  • Đề tài cá nhân
• 1 Buổi Buổi 02 - Vector network & Style
  • Phương pháp Squint test
  • Hướng dẫn vẽ viên kim cương bằng Vector network.
  • Plugin: Color Scheme
  • Vẽ icon new document.
  • Ứng dụng Component vẽ huy hiệu
  • Mask
  • Plugin Figmotion
  • Hướng dẫn vẽ và diễn hoạt mẫu switcher
  • Bài tập
• 1 Buổi Buổi 03 - Vector network & Style
  • Thực hành vẽ nâng cao
  • Hướng dẫn ứng dụng component vẽ viên gạch
  • Hướng dẫn vẽ căn phòng isometric
  • Plugin Easometric
  • Bài tập
• 1 Buổi Buổi 04 - Atomic Design, Design System, Color System, Type System
  • Cách tìm cảm hứng màu sắc
  • Hướng dẫn tạo hệ thống màu
  • Plugin Color Scheme
  • Tạo theo mẫu của Material Design
  • Tạo hệ thống chữ cho đề tài cá nhân
  • Plugin Styler
  • Thực hành generate, extract style
  • Bài tập
• 1 Buổi Buổi 05 - Layout, Grid, Spacing, Icon, Button
  • Hướng dẫn tạo grid
  • Constraint
  • 8-point grid
  • Hướng dẫn tạo hệ thống Icon
  • Hướng dẫn tạo hệ thống Button
  • Hướng dẫn vẽ mẫu Modal
  • Bài tập
• 1 Buổi Buổi 06 - Thực hành component, Auto-layout
  • Hướng dẫn variant component Text field
  • Hướng dẫn vẽ UI trang Login
  • Bài tập
• 1 Buổi Buổi 07 - Thực hành component, Auto-layout
  • Hướng dẫn vẽ giao diện trang Contact
  • Hướng dẫn tạo prototype
• 1 Buổi Buổi 08 - Thực hành nâng cao: App nhắn tin
  • Hướng dẫn vẽ UI App nhắn tin
• 1 Buổi Buổi 09 - Thực hành nâng cao: App nhắn tin (tiếp tục) & Mạng xã hội
  • Hướng dẫn vẽ UI App nhắn tin (Cont)
  • Responsive cho tablet và mobile
  • Tạo prototype
  • Hướng dẫn vẽ UI mạng xã hội
  • Ứng dụng đối tượng chứa hình giữ đúng tỉ lệ
• 1 Buổi Buổi 10 - Thực hành nâng cao: Giao diện trang thương mại điện tử
  • Hướng dẫn vẽ giao diện app thương mại điện tử
  • Hướng dẫn tạo component chip chọn thuộc tính sản phẩm
  • Hướng dẫn tạo component nhãn răng cưa chọn mã giảm giá
  • Hướng dẫn tạo component stepper
  • Hướng dẫn tạo component milestone giao hàng
• 1 Buổi Buổi 11 - Thực hành nâng cao: Giao diện CMS
  • Hướng dẫn vẽ giao diện CMS quản lý sản phẩm
  • Hướng dẫn tạo component cấu trúc dòng của bảng
  • Bài tập
• 1 Buổi Buổi 12 - Prototype nâng cao
  • Thực hành tạo Prototype Splash screen
  • Các kiểu chuyển động nhanh chậm dần
  • Ứng dụng After Delay
  • Carousel
  • Ứng dụng Interactive component
  • Ứng dụng After Delay, Drag to, Scroll to
  • Giao diện app bản đồ
  • Plugin Mapsicle
  • Ứng dụng Scroll to
• 1 Buổi Buổi 13 - Trình bày, bàn giao thiết kế
  • Hiểu về độ phân giải
  • Các định dạng file svg, png, jpeg, pdf
  • Hướng dẫn quy hoạch, đặt tên, sắp xếp, ghi chú cho các thành phần trong file thiết kế.
  • Hướng dẫn xuất PDF nhiều trang
  • Hướng dẫn tạo webfont bằng icomoon
• 1 Buổi Buổi 14 - Trình bày đồ án & Tổng kết khóa học
  • Trình bày đồ án
  • Tổng kết khóa học
  • Chia sẻ hướng đi, apply Job, Freelancer