Dành cho ai?
Khóa học đáp ứng được nhu cầu thực tế về sản phẩm dành cho các đối tượng:
Khóa học dành cho các bạn có đam mê với ngành thiết kế giao diện và trải nghiệm người dùng UI/UX
Graphic Designer muốn nâng cấp bản thân, mong muốn học hỏi thêm về Figma và UI
Bạn là người mới bắt đầu và muốn tìm hiểu và đi theo con đường UI/UX Designer thì đây là khóa bạn cần bắt đầu
Bạn là Front-end designer muốn nâng cao kỹ thuật, tư duy dùng Figma cho dự án
Lộ trình
Lộ trình khóa học theo từng bài giảng thực chiến
01. Giới thiệu về Figma và User Interface
- Giới thiệu về lộ trình học
- Khái niệm về UIvà UX
- Công việc thiết kế UI Design
- Giới thiệu và làm quen với Figma
- Tìm hiểu Section thuộc tính của đối tượng
- Tìm hiểu và thực hành các công cụ cơ bản
- Bài tập thực hành
02. Frame trong Figma
- Các định luật và tư duy thiết kế UI/UX cơ bản
- Frame và ứng dụng Frame trong Figma
- Định nghĩa Frame và Group
- Constraints và tư duy Constraints
- Bài tập thực hành
03. Autolayout
- Lý thuyết Autolayout và Text
- Tư duy Autolayout
- Thực hành làm UI web/app nhắn tin
- Thực hành Autolayout cho Table
- Responsive và ứng dụng Responsive
- Bài tập thực hành
04. Component / Instance / Variants
- Lý thuyết Component/Instance
- Ứng dụng Component và Instance
- Variants và ứng dụng Variants
- Component properties
- Bài tập thực hành
05. Layout / Grid / Spacing / Icon Button
- Nguyên tắc cân bằng thị giác
- Nguyên tắc Align
- Grid và ứng dụng Grid Figma và thiết kế
- Phân tích các thành phần từ Website có sẵn
- Hướng dẫn tạo hệ thông Icon
- Hướng dẫn tạo hệ thống Button
- Bài tập thực hành
06. Style System
- Giới thiệu Style trong Figma
- Tex Style, Color Style, Effect Style, Grid Style
- Tư duy và xây dựng Text Style
- Tư duy và xây dựng Color Style
- Các loại Style khác
- Bài tập thực hành
07. Prototype
- Giới thiệu về prototype trong Figma
- Interaction và thuộc tính của Interaction
- Overlay và ứng dụng của Overlay
- Animation và các thuộc tính của Animation Figma
- Smart Animate và ứng dụng Smart Animate
- Ứng dụng After Delay, Drag to, Scrolling, Scroll to
- Sử dụng Video trong Prototypes
- Interactive Component
- Bài tập Smart Animate
08. Thực chiến và thực hiện Showcase
- Làm Web/App thì quy trình thế nào
- Vẽ sitemap bằng FixJam
- Dùng Figma dựng Wireframe
- Stylish cho giao diện
- Dùng Figma biến Wireframe thành giao diện
- Chia sẻ cách làm việc với Developer
- Hướng dẫn chọn và thực hiện Showcase cuối khóa
09. Trình bày, bàn giao thiết kế và hướng nghiệp
- Các định dạng file và xuất file
- 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 Showcase, làm Portfolio trên Behance
- Xem và phân tích Job Description trên thị trường công việc
10. Trình bày Showcase và Tổng kết khóa học
- Trình bày Showcase và nhận xét, phát triển sản phẩm.
- Tổng kết khóa học và trao đổi hướng đi
Học phí
Đăng ký ngay đễ nhận ưu đãi từ Horus Academy
Giảm 300.000 học phí khi đăng ký giữ chỗ trước ngày 10/08/2023
Học phí còn lại: 2.900.000 VNĐ
Sản phẩm học viên
Cùng chiêm ngưỡng một số thiết kế tiêu biểu của học viên tại Horus Academy
ViVu Podcast App
Yến Nhi, Diệu Hiền, Xuân Cường
Mobile Screen UI Design
Tuấn Anh
2XCARS UI Design
Nam Hưng
The Otris UI Design
Phương Thảo
Tincat - Cat Dating App
Tuấn Anh, Phương Thảo, Nam Hưng
2XCARS UI Design
Nam Hưng
Feedback khóa học
Học viên nói gì về khóa Figma UI Design
Đăng ký ngay!
Để nhận được sự tư vấn từ các mentor
See Next
