Anh Tiến Thành có hơn 3 năm kinh nghiệm làm việc trong lĩnh vực Product Design. Từng là UI/UX Design Team Leader tại 1 Startup Việt Nam. Hiện là UI/UX Designer tại tập đoàn FPT.
Giáo trình
1 BuổiBuổ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
Giới thiệu 1 số định luật và nguyên tắc cần chú ý 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
Chọn Đề tài cá nhân
1 BuổiBuổi 02 - Component, Vector network & Style
Shape, Group, Frame, Pages và các thuộc tính
Giới thiệu về Vector và các tính năng của Vector
Components và Variants
Vẽ icon máy bay, ô tô, ví, document, mic, back 10s….
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
Bài tập
1 BuổiBuổi 13 - Prototype nâng cao, Trình bày và Handoff
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ổiBuổ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
Anh Lê Minh Quang có hơn 5 năm kinh nghiệm thiết kế. Là một người yêu thích và mong muốn chia sẻ các kiến thức và lợi ích mà Figma mang lại cho UI/UX Design. Hiện đang làm Freelancer.
Giáo trình
1 BuổiBuổ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ổiBuổ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ổiBuổi 03 - Vector network & Style (cont)
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ổiBuổi 04 - Atomic Design, Design System, Color System, Type System