Khóa học Figma UI Design

Lịch khai giảng
Tham gia group facebook UI UX VN
Mô tả Khóa học Figma UI Design
Khóa học Figma UI Design từ cơ bản đến nâng cao sẽ giúp bạn:
- Nhanh chóng thành thạo các công cụ và tính năng mới nhất của Figma cho thiết kế UI/UX Web/ Mobile App. Giáo trình luôn cập nhật thường xuyên theo những thay đổi của Figma.
- Biết cách phân tích để vẽ và quản lý các thành phần trên giao diện đúng cách và hiệu quả bằng Figma
- Có được nền tảng cơ sở về thiết kế giao diện.
- Biết cách tư duy có hệ thống theo atomic design.
- Biết cách tạo và quản lý các thành phần thiết kế trong design system.
- Biết về quy chuẩn của thành phần thiết kế theo các design system lớn như Material Design, Ant Design…
- Biết cách tạo và diễn hoạt các mẫu prototype có thể tương tác được để thể hiện ý tưởng, thử nghiệm với người dùng. Hoặc tạo các đoạn animation đơn giản cho mục đích truyền thông, quảng cáo.
- Biết cách quản lý và bàn giao thiết kế khi làm việc với developer.
- Ứng dụng các plugin cần thiết để tăng hiệu quả cho công việc thiết kế.
Khóa học Figma UI Design phù hợp với ai?
- Các bạn Junior Designer cần sử dụng thành thạo Figma trong thiết kế UX-UI Website hoặc Mobile App.
- Các bạn đã và đang là UX UI Designer hay đã tham gia các khóa học về Tư Duy Thiết Kế UX/UI tại Keyframe, muốn sử dụng Figma hiệu quả để tối ưu cho quá trình thiết kế của mình.
- Các bạn UXUI Designer đang sử dụng công cụ khác muốn chuyển sang Figma.
- Các bạn làm vai trò quản lý muốn ứng dụng tư duy hệ thống và quy trình thiết kế bằng Figma trong công việc.
- Những bạn mới bắt đầu tìm hiểu về Thiết Kế UX,UI cũng phù hợp với khóa học này.
Học Qua Hình Thức Trực Tuyến Zoom Với Giảng Viên Có Gì Khác Với Offline Không?
Cùng xem cảm nhận của các bạn học viên khi tham gia hình thức này nhé.
Giảng viên
-
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ổi
Buổi 01 - Tổng quan về Figma và UI Design
- Giới thiệu lộ trình học
- Giới thiệu các nguồn tham khảo
- Khái niệm về UI và UX
- Công việc thiết kế UI trong thực tế
- Đị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
- Quản lý Team, Project, File
- Community của Figma
- Figma Mirror
- Thực hành các thao tác cơ bản trên file
- Observation mode
- Comment
- Share
- Cách tổng hợp các mẫu tham khảo giao diện trên thực tế cho đồ án cuối khoá
-
1 Buổi
Buổi 02 - Các công cụ tạo hình
- Vẽ icon, hình minh họa bằng vector network, shape, boolean
- Vẽ hình tờ giấy bằng vector network
- Vẽ hình huy hiệu và hình ổ khóa bằng shape cơ bản và boolean
- Vẽ và tô màu viên kim cương
- Plugin: Blush
- Bài tập
- Vẽ icon, hình minh họa bằng vector network, shape, boolean
-
1 Buổi
Buổi 03 - Atomic Design, Design System, Color System, Type System
- Giới thiệu về Atomic Design và Design System
- Tạo text style
- Tạo color style
- Plugin: Styler, Batch Styler
- Sao chép, chia sẻ style
- Bài tập
-
1 Buổi
Buổi 04 - Grid, constraint, auto layout
- Hệ kích thước 4-point grid
- Ứng dụng của grid trong thực tế
- Breakpoints
- Fixed, fluid, adaptive & responsive layouts
- Cách quan sát, phân tích responsive của một giao diện thực tế
- Tạo layout grid style
- Smart Selection
- Đo khoảng cách giữa các thành phần
- Tạo Guides
- Frame & Constraint
- Auto-layout
- Bài tập
-
1 Buổi
Buổi 05 - Hệ thống icon và button
- Component & Variant
- Hệ thống icon
- Hệ thống button
- Modal Bài tập
-
1 Buổi
Buổi 06 - Thực hành: UI trang đăng nhập, tạo tài khoản
- Thực hành vẽ UI trang đăng nhập, tạo tài khoản cho desktop và mobile
- Tạo prototype
-
1 Buổi
Buổi 07 - Thực hành: UI app nhắn tin và mạng xã hội
- Tạo các component trên giao diện desktop
- Áp dụng constraint
- Tạo giao diện responsive cho tablet và phone
- Tạo prototype: while pressing, open overlay, overflow behavior
- Hướng dẫn về UI app mạng xã hội
- Ứng dụng đối tượng chứa hình ảnh giữ đúng tỉ lệ
- Tạo giao diện responsive cho tablet và phone
- Tạo prototype: while pressing, open overlay, overflow behavior
- Hướng dẫn về UI app mạng xã hội
- Ứng dụng đối tượng chứa hình ảnh giữ đúng tỉ lệ
-
1 Buổi
Buổi 08 - Thực hành: UI trang thương mại điện tử, CMS
- Tạo các component, section của trang chủ
- Tạo button chọn thuộc tính sản phẩm
- Tạo component mã giảm giá có chi tiết đồ hoạ rời
- Tạo component Stepper
- Tạo component cấu trúc bảng
- Tạo prototype cho bảng CMS
- Tạo component Stepper
- Tạo component cấu trúc bảng
- Tạo prototype cho bảng CMS
-
1 Buổi
Buổi 09 - Prototype nâng cao
- Ứng dụng của các trigger và action: After delay,On drag, Keyboard/Gamepad, Mouse, Scroll to, Back…
- Các kiểu easing của chuyển động
- Smart Animate và các animation preset
- Các cách nối prototype nhanh và hiệu quả
- Ứng dụng của prototype trong thực tế
-
1 Buổi
Buổi 10 - Các lưu ý khi trình bày, bàn giao thiết kế; Hướng dẫn đồ án cuối khóa
- Các định dạng và kích thước khi export
- Công cụ Slice, Section
- Các plugin hỗ trợ tạo mockup,
- Cách record prototype
- Hướng dẫn đồ án cuối khóa
-
1 Buổi
Buổi 11 - Sửa bài đồ án cuối khóa, giải đáp các thắc mắc chung
- Sửa bài đồ án cuối khóa
- Giải đáp các thắc mắc chung
-
1 Buổi
Buổi 12 - Tổng kết
- Trình bày đồ án
- Tổng kết khóa học
- Hỏi đáp, chia sẻ cuối khoá
-
1 Buổi
Buổi 01 - Tổng quan về Figma và UI Design
-
Có hơn 9 năm kinh nghiệm làm việc trong lĩnh vực thiết kế và UI/UX, Hiện anh Lộc Nguyễn đang là Lead Designer tại Rooster Beer Vietnam.
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 (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ổ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 (Cont)
- 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
-
1 Buổi
Buổi 01 - Tổng quan về Figma, các thao tác cơ bản
-
Chị Hoàng Giang có hơn 10 năm kinh nghiệm làm việc trong lĩnh vực Product Design. Hiện là UI/UX leader tại TrueMoney Vietnam, đồng thời là người tổ chức cộng đồng Friends of Figma, Hà Nội.
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 (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ổ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
- Lý thuyết về Auto-layout
- Tips and Tricks
- Thực hành vẽ auto-layout cho table
-
1 Buổi
Buổi 07 - Thực hành component, auto-layout (Cont)
- Lý thuyết về component, variant
- Cách dùng component
- Hướng dẫn vẽ UI trang Login
- Hướng dẫn tạo prototype
- Bài tập
-
1 Buổi
Buổi 08 - Thực hành nâng cao: App nhắn tin
- Adapt giao diện vào wireframe có sẵn
- 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)
- 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
-
1 Buổi
Buổi 01 - Tổng quan về Figma, các thao tác cơ bản
Lớp: 23K33L
Khai giảng ngày: 17/04/2023
Giảng viên: Lộc Nguyễn
Số buổi học: 14
Trình độ: Cơ bản - Nâng cao
Học phí: 5,800,000đ
Địa điểm: 06 Phan Đình Giót, P.2, Q.Tân Bình, TP.HCM
Hỗ trợ thư viện video bài giảng. Giúp bạn sở hữu trọn vẹn kiến thức dù có vắng học.
Lớp: 23RK34L - Remote
Khai giảng ngày: 04/05/2023
Giảng viên: Lộc Nguyễn
Số buổi học: 14
Trình độ: Cơ bản - Nâng cao
Học phí: 5,800,000đ
Địa điểm: Học trực tuyến với giảng viên qua Zoom/ Google Meet...
Hỗ trợ thư viện video bài giảng. Giúp bạn sở hữu trọn vẹn kiến thức dù có vắng học.
Lớp: 23HK35G
Khai giảng ngày: 09/05/2023
Giảng viên: Hoàng Giang
Số buổi học: 14
Trình độ: Cơ bản - Nâng cao
Học phí: 5,800,000đ
Địa điểm: Số 1, Ngõ 21, Lê Văn Lương, P. Nhân Chính, Q. Thanh Xuân, HN
Hỗ trợ thư viện video bài giảng. Giúp bạn sở hữu trọn vẹn kiến thức dù có vắng học.
Thông tin chi tiết
Vì Sao Bạn Nên Học Figma UI Design Tại Keyframe?
- Được học và tương tác trực tiếp với giảng viên tại lớp học Offline hoặc Remote Teaching qua Zoom tùy theo hình thức học bạn chọn.
- Được hỗ trợ video bài giảng khi vắng học.
- Được mentor 1:1 khi làm bài tập và dự án cá nhân xuyên suốt khóa học. Mục tiêu là hoàn thiện sản phẩm khi hoàn thành khóa học để cập nhật vào Portfolio.
- Hỗ trợ kiến thức mãi mãi sau khóa học.
- Keyframe cấp chứng chỉ khi hoàn thành khóa học.
Đừng Ngần Ngại
- Hãy liện hệ với chúng tôi qua https://www.facebook.com/KeyframeMultimediaSchool hoặc chat ngay góc phải màn hình để được tư vấn.
- Ưu đãi ngay 10% khi đăng ký 2 khóa cùng lúc.
- Hoặc 15% khi đăng ký lộ trình học từ 3 khóa trở lên. Xem thông tin lộ trình học thiết kế UIUX Product Design Completed tại link sau: https://keyframe.vn/cth/chuong-trinh-hoc-uiux-design-completed-4.html
FAQ
Mọi thắc mắc và cần hỗ trợ, vui lòng gọi: (028)39972268 | 0979106109 | 0778478568
-
Học xong có được giới thiệu việc làm không?
Keyframe cam kết cung cấp và hỗ trợ thông tin tuyển dụng trong group việc làm dành cho học viên. Học viên Keyframe sẽ chủ động apply khi thấy công việc phù hợp với mình.
-
Giá trị bằng cấp tại Keyframe
- Keyframe cấp chứng chỉ xác nhận hoàn thành khoá học đối với học viên đạt tiêu chuẩn hoàn thành khoá học offline/ trực tuyến.
- Keyframe không cấp chứng chỉ đối với học viên tham gia khoá học Online Video.
-
Các hình thức ưu đãi học phí
Hạng mục giảm Mức giảm Đăng ký sớm Giảm 5% Đăng ký 2 khóa trở lên Giảm 5% Đăng ký nhóm trên 2 người Giảm 5% Học viên cũ Giảm 2% - 10% Lưu ý: *Có thể cộng gộp các ưu đãi với nhau.
-
Hotline hỗ trợ và tư vấn!
Đừng ngần ngại! hãy liên hệ ngay với chúng tôi để được tư vấn.
-Hotline liên hệ tư vấn khoá học: (028)39972268 | 0778478568 | 0979106109
-Hotline phản ánh chất lượng đào tạo: 0939478568
-Email: Support@keyframe.vn
-Địa chỉ: Lầu M, 06 Phan Đình Giót, P. 2, Q. Tân Bình, TP. HCM (Click xem bản đồ)
-
Hướng dẫn đăng ký và đóng học phí!
- Đăng ký chỗ học qua website hoặc chat với tư vấn viên ở khung chat ngay góc phải màn hình
- Xác nhận lịch khai giảng và giờ học qua email
- Đóng học phí trước ngày khai giảng
---
Đóng học phí trực tiếp (tiền mặt hoặc charge thẻ) tại trụ sở Keyframe
Địa chỉ: Lầu M, 06 Phan Đình Giót, P. 2, Q. Tân Bình, TP. HCM (Click xem bản đồ)
+ Từ thứ 2 đến thứ 7 : 09h00 – 21h00
+ Chủ nhật : 09h00 - 17h00Đóng học phí thông qua chuyển khoản nhanh
Vietcombank HCM chi nhánh Kỳ Đồng - HCM
Tô Dương Phương Bình – 0071004405302
Cảm nhận học viên
Mình rất hài lòng với khóa học của thầy Quang. Thầy hiền và dạy khá kĩ. Không chỉ dạy kĩ về Figma, khóa học cũng rất phù hợp với các bạn mới bắt đầu hoặc đang tìm hiểu về UI/UX Design vì thầy có lồng ghép những kiến thức căn bản của UX xuyên suốt khóa.
giáo viên tốt
Mình vừa học xong khóa Figma online của thầy Lộc. Thầy dạy rất tận tâm, dành thời gian sửa bài tập, nhiệt tình support mình cũng như các bạn học viên rất nhiệt huyết. Ngoài ra, khoá học cung cấp mình thêm nhiều kiến thức chất lượng cũng như kỹ năng giúp mình nắm bắt khái quát về hệ sinh thái của ngành Digital Marketing. Qua khoá học này em xin cảm ơn thầy và trung tâm nhiều ạ.
Mình vừa học xong khóa online của thầy Lộc. Thầy dạy rất tận tâm, dành thời gian sửa bài tập và chia sẻ nhiều kinh nghiệm thực tế. Thầy còn nhiệt tình giúp đỡ tụi mình suốt quá trình làm đồ án nữa. Trong giờ học, thầy sẵn sàng giải đáp các thắc mắc và giảng lại nhiều lần 1 vấn đề đến khi mọi người đều hiểu. Sau khóa học này mình cảm thấy tự tin hơn nhiều trong việc sử dụng công cụ Figma. Em cám ơn thầy Lộc! :D
Từ lúc không biết gì về Figma , giờ có thể làm cá app hờm hờm gần như hoàn chỉnh. Cám ơn thầy đã dạy thất tâm huyết, tận tình trả lời mọi thắc mắc.