Khóa Học Thiết Kế UI/UX Với Công Cụ Figma Cho Người Mới Bắt Đầu

Share Khóa Học Thiết Kế UI-UX Với Công Cụ Figma Cho Người Mới Bắt Đầu là khóa học thiết kế giao diện bằng Figma dành cho những bạn có đam mê với ngành nghề UI/UX design hoặc những bạn muốn có công cụ đơn giản để tạo ra các bản CV

Bạn Sẽ Học Được Gì từ Khóa Học

✅ Sử dụng được cơ bản công cụ Figma

✅ Tự thiết kế được cho mình các sản phẩm với các ý tưởng sẵn có

✅ Hiểu và tạo được các thành phần trong Design System.

✅ Ứng dụng các plugin cần thiết để tăng hiệu quả cho công việc thiết kế

Nội Dung Khóa Học

Chương 1:Mở đầu khoá học
1.Đối tượng và mục tiêu của khoá học
2.Figma là gì và hướng dẫn cài đặt
3.Các bước để bắt đầu thiết kế trên Figma
4.Hướng dẫn học tập
Chương 2:[Làm quen] Thiết kế giao diện khung tìm kiếm Google
5.Phân tích thiết kế
6.Bắt đầu tạo sản phẩm đầu tiên nào (1)
7.Bắt đầu tạo sản phẩm đầu tiên nào (2)
Chương 3:Tổng quan giao diện Figma
8.Giao diện trang mở đầu
9.Thanh công cụ: Công cụ chọn và di chuyển
10.Thanh công cụ: Điều chỉnh vùng nhìn
11.Thanh công cụ: Nhân bản và khoảng cách
12.Thẻ Layers – Quản lý các đối tượng
13.Pages – Phân trang
14.Thẻ Design – Thay đổi màu sắc
15.Thẻ Design – Điều chỉnh kích thước và toạ độ
16.Thẻ Design – Căn chỉnh vị trí đối tượng
Chương 4:Bắt đầu 1 dự án mới
17.Tạo mới Team, Project và File
18.Làm việc với Templates, Community và Plugins
Chương 5:Bắt đầu thiết kế – Tạo Frames
19.Frames là gì và tại sao cần Frames
20.Constraints – Vị trí tương đối so với Frame
Chương 6:Thiết kế các đối tượng
21.Thiết kế nút đơn giản
22.Thiết kế nút màu hoà trộn và đổ bóng
23.Thiết kế nút có icon
24.Thiết kế các hình có hình dạng đặc biệt 1
25.Thiết kế các hình có hình dạng đặc biệt 2
26.Chèn hỉnh ảnh và đối tượng đồ hoạ
27.Sử dụng Mask
28.Thiết lập màu sắc
29.Thiết lập Styles
30.Quản lý lịch sử chỉnh sửa
Chương 7:Sử dụng Components
31.Thực hành thiết kế danh sách khoá học trên gitiho.com(1)
32.Thực hành thiết kế danh sách khoá học trên gitiho.com(2)
33.Tại sao cần sử dụng Components?
34.Cách tạo Component
35.Quản lý và sử dụng component hiệu quả
Chương 8:Prototype
36.Prototype là gì và tại sao lại cần?
37.Overflow scrolling
38.Interactions 1 – On Tap/On Click
39.Interactions 1 – On Drag
40.Interactions 1 – While Hovering
41.Interactions 1 – While Pressing
42.Interactions 1 – Mouse Enter and Mouse Leave
43.Interactions 1 – Touch Down and Touch Up
44.Interactions 2
45.Animation
46.Hoàn thiện 1 flow hoàn chỉnh
Chương 9:[Bài tập lớn] Thiết kế CV
47.Xây dựng Frame tổng thể cho CV
48.Thiết kế Header
49.Thiết kế Title và phân chia frame content
50.Thiết kế Subtitle và Details
51.Sắp xếp và hoàn thiện các thông tin CV 1
52.Sắp xếp và hoàn thiện các thông tin CV 2
53.Xuất bản CV
Chương 10:[Bài tập lớn] Thiết kế giao diện đăng nhập app mobile
54.Thiết lập Frame tổng thể
55.Thiết kế Frame trên (1)
56.Thiết kế Frame trên (2)
57.Thiết kế Frame dưới
Chương 11:Xuất bản, chia sẻ và cộng tác làm việc
58.Chia sẻ và cộng tác
59.Xuất bản các thành phần trên thiết kế
Đề kiểm tra 1:Kiểm tra cuối khóa