Share Khóa Học Figma UI Design Của Keyframe

 [masp]khoa_hoc_[/masp] 

[giaban]0đ[/giaban]

[tinhtrang]Còn hàng[/tinhtrang]
 
[chitiet]

Share Khóa học Figma UI Design Của Keyframe

Giới thiệu khóa học       

Xin chào các bạn, hôm nay Minutop xin Chia Sẻ Khóa Học Figma UI Design Của Keyframe.

Khóa học 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.

Ai nên tham gia khóa học

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.

Tất cả ai có nhu cầu học

Nội dung khóa học

• 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….
• 1 BuổiBuổ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ổiBuổ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ổiBuổ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ổiBuổ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ổiBuổ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ổiBuổ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ổiBuổ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ổiBuổ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ổiBuổ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ổiBuổ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ổ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

Nhận ngay Click here

[/chitiet]

Share Khóa Học Figma UI Design Của Keyframe