Khóa học Figma UI Design
Lịch khai giảng
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.
- Hiểu và tạo được các thành phần trong Design System.
- Biết cách tư duy hệ thống trong thiết kế theo Atomic Design.
- Biết về các quy chuẩn thiết kế theo Material Design.
- Có được nền tảng cơ sở về thiết kế giao diện.
- Tạo ra prototype của giao diện để có thể tương tác, dùng thử.
- Hiểu và biết cách ứng dụng các kiểu diễn hoạt Prototype để tạo ra những bản dùng thử có thể tương tác.
- Tạo các banner quảng cáo động dạng file .GIF, .MP4 hoặc .JSON nhanh chóng và dễ dàng... tối ưu cho UX/UI thay vì phải dùng các phần mềm animation chuyên dụng.
- Biết cách quản lý và export các thành phần trong file thiết kế để 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ế.
- Luôn được cập nhật những mẹo và tính năng mới nhất của Figma trong nhóm học tập của lớp ngay cả khi khóa học đã kết thúc.
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 công việc quản lý, digital marketing muốn ứng dụng tư duy hệ thống và quy trình thiết kế bằng Figma cho 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.
Giảng viên
-
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ổ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
- 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ổi
Buổ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….
-
1 Buổi
Buổi 03 - Component, Vector network & Style (tiếp theo)
- Vẽ và tô màu hình Vector huy hiệu, kim cương
- Components và Variants
- Hướng dẫn vẽ và diễn hoạt mẫu switcher
- Plugin Figmotion
- Plugin Mockup
- Plugin Easometric
- Bài tập
-
1 Buổi
Buổi 04 - Wireframing, User flow, Auto layout
- Design Thinking
- Auto layout và ứng dụng
- Layout Grid
- Hướng dẫn tạo Wireframe
- Hướng dẫn tạo User Flow
- Thực hành wireframe lại 1 trang đã có sẵn
- Bài tập
-
1 Buổi
Buổi 05 - Design System
- Atomic Design và ứng dụng trong Design System
- Màu sắc và Phân cấp thông tin
- 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 tạo component, variants và set thuộc tính
-
1 Buổi
Buổi 06 - Design System (tiếp theo)
- 10 nguyên tắc kiểm tra tính khả dụng
- Hướng dẫn grid và giới thiệu 1 số bố cục phổ biến
- Constraint
- Luật 8-point grid
- Hướng dẫn tạo hệ thống Icon
- Hướng dẫn tạo hệ thống Button
- Responsive
- Một số tips tăng tốc độ thiết kế figma
- Bài tập Hệ số 1 thứ 2. Calendar
- Thực hành Table Auto layout, Component
-
1 Buổi
Buổi 07 - Prototype
- UX writing
- Lỗi UI thường gặp
- Tính dễ dùng
- Prototype
- Text field
- Hướng dẫn vẽ UI trang Login
-
1 Buổi
Buổi 08 - Thực hành
- Hướng dẫn vẽ giao diện Landing page
- Hướng dẫn vẽ giao diện trang Contact
- Thực hành Component Interaction
- Scrollbar, Fillter
-
1 Buổi
Buổi 09 - Thực hành nâng cao: App nhắn tin, Dashboard
- Thực hành input form và Table
- Hướng dẫn vẽ UI App nhắn tin
- Dashboard
-
1 Buổi
Buổi 10 - 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
- Plugin Breakpoint
- Tạo prototype
- Hướng dẫn vẽ UI Social network
-
1 Buổi
Buổi 11 - 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 12 - 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
- 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
- Bài tập
-
1 Buổi
Buổ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ổ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
-
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, 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
reGreen App
Hồ Hoàng Phương Uyên
Isometric Room Switcher - Day 3 Exercise
Moshion App
Nguyễn Khánh Linh
Moda Operandi
Đặng Anh Quốc
Atom App
Trần Ngọc Minh Trâm
Travelust App
Nguyễn Hồng Hoàng Lan
Coop Food App
Huỳnh Thanh Trúc
VCook App
Nguyễn Tấn Bảo
Cảm nhận học viên
Thông tin chi tiết
Cùng xem qua các tác phẩm học viên trong các khóa học UI-UX Design tại Keyframe có sử dụng Figma: Click xem các tác phẩm
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 tặng thư viện video khóa học, giúp bạn không bỏ sót bất kỳ kiến thức nào dùng cho có vắng học đột xuất.
- Đượ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.
Thư viện video bài giảng online được tặng kèm khi học, hiệu quả như thế nào?
Đừng Ngần Ngại
- Hãy liện hệ với chúng tôi qua hotline (028)39972268 / 0778478568 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 giới thiệu việc làm cho sinh viên tốt nghiệp các khoá học Trung Cấp Thiết Kế Đồ Hoạ Đa Truyền Thông tại Keyframe.
Đối với học viên của các khoá ngắn hạn & chương trình học trung hạn, Keyframe cam kết cung cấp thông tin tuyển dụng và hỗ trợ thông tin tuyển dụng trong group hỗ trợ 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 ngắn hạn và trung hạn tại Keyframe (Chứng chỉ được tin tưởng & chấp nhận bởi nhiều doanh nghiệp tuyển dụng)
-Keyframe và trường Trung cấp Nhân Lực Quốc Tế cấp bằng Trung Cấp Chính Quy cho học viên đạt tiêu chuẩn hoàn thành chương trình học Thiết Kế Đồ Họa Đa Truyền Thông 2 năm tại Keyframe (Bằng Trung Cấp Chính Quy do Bộ LDTBXH cấp có giá trị Quốc Gia)
-Keyframe không cấp chứng chỉ đối với học viên tham gia khoá học Online.
-
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à hoàn thành học phí!
-Hoàn thành 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ứ 6 : 09h00 – 21h00
+ Thứ 7: 09h00 – 21h00
+ Chủ nhật :09h00 - 17h00-Hoàn thành học phí thông qua chuyển khoản tại các ngân hàng sau
+ Vietcombank HCM chi nhánh Kỳ Đồng - HCM
Tô Dương Phương Bình – 0071004405302+ Techcombank HCM chi nhánh Trần Não - Quận 2 - HCM
Tô Dương Phương Bình – 14020489908011+ ACB Bank - HCM
Tô Dương Phương Bình – 137199849+ Agribank chi nhánh An Phú - HCM
To Duong Phuong Binh - 1606205012230-Hoàn thành học phí tại nhà (Chỉ áp dụng tại HCM)
-
Hồ Quang Nhân - 21RK05Q - Remote
-
Hà Phi Hải
-
Nguyễn Bùi Xuân Thy - 21RK05Q - Remote
-
Lê Phương Anh - 21RK04Q - Remote
-
Phan Quách Ngọc Linh - 21RK03Q-Remote
Xem thêm các cảm nhậnMặc dù là remote nhưng chất lượng, kiến thức của khóa học vẫn rất ổn nhé mội người, phải nói là cực kì ổn không hề thua kém offline. Thầy Quang giảng dạy rất nhiệt tình luôn sẵn sàng giải đáp bất cứ thắc mắc nào của học viên ,thầy support nhiệt tình lắm luôn, sau khóa học mình nhận lại được rất nhiều kiến thưc và tư duy làm việc. Cảm ơn thầy và Keyframe rất nhiều SLATTT!!!!!
Mình vừa kết thúc khóa học Figma Ui, mặc dù học remote nhưng chất lượng vẫn rất ok, thầy Quang cực kì nhiệt tình, sẵn sàng trả lời bất kỳ thắc mắc của học viên, giảng bài rất dễ hiểu. Sau khóa học mình đã nắm được rất nhiều kĩ năng figma hay và nhiều tư duy khác nữa. Cảm ơn Thầy và Keyframe rất nhiều
Do dịch nên mình chỉ học được lớp Remote, tuy nhiên vẫn rất hiệu quả. Mọi bài giảng đều được Thầy Quang hướng dẫn tận tình và ghi lại video sau mỗi buổi. Thầy có kiến thức chuyên môn tốt và cách giảng dạy hay, nhắn tin hỏi bài là Thầy rep ngay ko để học viên đợi lâu, mà còn chỉ rất rất rất nhiệt tình. Cảm ơn Thầy và Trung tâm rất nhiều
Khóa học của mình là khóa remote do dịch. Tuy nhiên mình vẫn có thể nắm bài học và làm được bài tất cả là nhờ thầy Quang. Phải nói thầy dạy rất có tâm luôn đó. Mỗi khi mình không hiểu hỏi thầy chỉ rất nhiệt tình, hỗ trợ học viên rất tốt luôn. Cảm ơn thầy chúc thầy luôn thành công nhé.
Thầy Quang rất nhiệt tình. tận tâm và luôn giải đáp mọi thắc mắc của học viên dù là ngoài giờ lên lớp, chỉ nhiệt tình thực sự chứ không phải qua loa cho có nhen mọi người. Mình rất quý và trân trọng sự tận tâm của thầy. Cám ơn thầy Quang rất nhiều và chúc thầy thật nhiều sức khỏe và thành công ạ