Giới thiệu khóa học Figma UI Design Keyframe
Minutop xin Chia Sẻ Khóa Học Figma UI Design Của Keyframe.
Khóa học Figma UI Design Keyframe 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 Keyframe
Ai nên tham gia khóa học Figma UI Design Keyframe
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 Figma UI Design Keyframe
Tất cả ai có nhu cầu học
Nội dung khóa học Figma UI Design Keyframe
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 Figma UI Design Keyframe
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
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….
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
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
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
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
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
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
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
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
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
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
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
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 Figma UI Design Keyframe
Chia sẻ hướng đi, apply Job, Freelancer