270,000 VNĐ

900.000 VNĐ

KHOÁ HỌC

Thiết kế giao diện Mobile App (UI) với "siêu ứng dụng" Figma

Giảng viên Phuc Pham Creative

Khóa học giúp bạn sử dụng công cụ Figma để tạo ra giao diện người dùng (User Interface) của ứng dụng (mobile app) trên mọi thiết bị điện thoại thông minh

Học thử ngay

Tổng thời lượng 2 giờ 33 phút

84 bài học bằng video

Cấp Digital Certificate khi hoàn thành

Sản phẩm của học viên

Nội dung của khóa học

84 bài học・2 giờ 33 phút

CHƯƠNG 1:

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

8 bài học・11 phút 59 giây

Giới thiệu giảng viên

Tổng quan về khóa học

Tại sao khóa học này dùng Figma

Giao diện làm việc của Figma

Khu vực quản lý Layer

Thanh công cụ của Figma

Thanh thuộc tính của Figma

Tổng hợp phím tắt hữu ích

CHƯƠNG 2:

Lý thuyết về Màu sắc

5 bài học・7 phút 11 giây

Ý nghĩa của các màu sắc phổ biến

Các nhóm màu sắc trong UI UX

Lưu ý khi áp dụng màu sắc trong UI

Phương pháp kết hợp màu sắc

Công cụ miễn phí giúp Color System

CHƯƠNG 3:

Lý thuyết về Typography

5 bài học・5 phút 34 giây

Giới thiệu về Typography

Typeface và Font

Các typeface phổ biến

Typography và Readability

Công cụ miễn phí về Typography

CHƯƠNG 4:

UI Design cho Mobile App

11 bài học・23 phút 18 giây

Khái niệm giao diện người dùng (UI)

Nghiên cứu cơ bản về khả năng sử dụng

Kích thước màn hình

Thực hành: Tạo Grid System trong Figma

Thực hành: Thêm màu sắc vào Style System trong Figma

Typography System

Thực hành: Xây dựng hệ thống Typography trong Figma

Các thành phần UI chính

Các thành phần UI phụ

CHƯƠNG 5:

Các thành phần UI chính

20 bài học・43 phút 20 giây

Giới thiệu chương

Thực hành: Phân tích Button "Đăng ký ngay" với 3 trạng thái

Thực hành: Từng bước vẽ Button với 3 trạng thái

Thực hành: Phân tích 4 loại Input Field cơ bản

Thực hành: Từng bước tạo 4 loại Input Field cơ bản

Thực hành: Phân tích Card

Thực hành: Từng bước tạo ra Card

Bottom Navigation Bar

Thực hành: Thiết kế Bottom Navigation Bar

Thực hành: Từng bước tạo ra Bottom Navigation Bar

Popup & Bottom Sheet

Thực hành: Phân tích Popup & Bottom Sheet

Thực hành: Từng bước tạo ra Popup

Thực hành: Từng bước tạo ra Bottom Sheet

Thực hành Thiết kế Travel Mobile App

Thực hành: Từng bước tạo ra Travel Mobile App

CHƯƠNG 6:

Các thành phần UI phụ

13 bài học・20 phút 17 giây

Giới thiệu chương

Thực hành: Phân tích 4 loại Badge cơ bản

Thực hành: Từng bước tạo ra Badge

Thực hành: Phân tích Tag với 2 trạng thái cơ bản

Thực hành: Từng bước thiết kế Tag với 2 trạng thái

Thành phần UI phụ khác

Tham khảo bài tập chương 4

Thực hành: Áp dụng thành phần UI phụ để nâng cấp bài tập chương 4

Thực hành: Từng bước nâng cấp giao diện bằng thành phần UI phụ

CHƯƠNG 7:

Các tính năng hữu ích của Figma cho UI/UX Design

13 bài học・24 phút 19 giây

Giới thiệu chương

Thực hành: chia File thành các Page

Thực hành: tối ưu Button bằng cách sử dụng Auto Layout

Component: cách tạo và sử dụng

Component: cách tạo và sử dụng

Variant (Biến thể) của Component

Thực hành: thêm Button thành một Component với thông tin sẵn

Thực hành: sử dụng Plugin trong Figma

Thực hành: sử dụng Community File của Figma

CHƯƠNG 8:

Prototype

5 bài học・13 phút 2 giây

Giới thiệu chương

Prototype là gì? Các bước tạo Prototype

Các thông số Prototype trong Figma

Phần mềm Figma Mirror

Thực hành thiết lập Prototype

CHƯƠNG 9:

Tổng kết kiến thức & bài tập thực hành

3 bài học・4 phút 32 giây

Giới thiệu chương

Tổng kết kiến thức

Thực hành: Bài tập cuối khóa

CHƯƠNG 10:

Kết thúc khóa học

1 bài học・ 24 giây

Lời chào tạm biệt và gửi gắm của giảng viên

Giảng viên

Phuc Pham Creative

1 khóa học

Hồng Phúc - CX Designer, một trong những nhà thiết kế hiện đang phát triển ứng dụng Finhay, sẽ đồng hành cùng các bạn học viên trong khóa học thiết kế UI Mobile App lần này!

Tags

#figma # ui # mobile app

Thiết kế giao diện Mobile App (UI) với "siêu ứng dụng" Figma

Nổi bật Giảm giá 70%

Giảng viên Phuc Pham Creative

Khóa học giúp bạn sử dụng công cụ Figma để tạo ra giao diện người dùng (User Interface) của ứng dụng (mobile app) trên mọi thiết bị điện thoại thông minh

Học thử ngay

Tổng thời lượng 2 giờ 33 phút

84 bài học bằng video

Cấp Digital Certificate khi hoàn thành

Loading

Tên khóa học

Hãy nhập tên khóa học.

Gợi ý: Tên khóa học nên bao gồm các từ khóa quan trọng để phục vụ SEO

0/128

Danh mục

Trạng thái

Ảnh đại diện khóa học

Tải ảnh đại diện lên

Gợi ý: Tỉ lệ ảnh đại diện nên là 2×3

Ảnh bìa khóa học

Tải ảnh bìa lên

Gợi ý: Tỉ lệ ảnh đại diện nên là 2×1

Mô tả ngắn của khóa học

Gợi ý: Nên tóm tắt mô tả ngắn khóa học trong 1-2 câu để có thể hiển thị tốt nhất

0/512

Gốc

VND

Giá bán sau khi giảm:

Hình thức giảm giá

Gợi ý: Có thể để trống

Mức giảm

Gợi ý: Có thể để trống

Mô tả chi tiết khóa học

Tags

Gợi ý: Tags cách nhau bằng dấu phẩy, không cần thêm dấu #, tag sẽ phục vụ SEO tốt hơn nên hãy tag nhiều nhé

Video Trailer

Đăng video đại diện lên youtube

Gợi ý: Bạn chỉ cần dán url từ YouTube vào đây

Gợi ý: Ảnh thumbnail sẽ tự cập nhật

Giảng viên

Mô tả về giảng viên

Gợi ý: Nên tóm tắt mô tả ngắn khóa học trong 1-2 câu để có thể hiển thị tốt nhất

Học viên sẽ học được gì sau khóa học?

Tải ảnh/icon

Gợi ý: Hãy viết ngắn gọn

0/128

Gợi ý: Hãy viết ngắn gọn

0/128

+ Thêm mục khác

Những kiến thức quan trọng của khóa học

Tải ảnh/icon

Gợi ý: Hãy viết ngắn gọn

0/128

Gợi ý: Hãy viết ngắn gọn

0/128

+ Thêm mục khác

Vì sao nên chọn chúng tôi?

Tải ảnh/icon

Gợi ý: Hãy viết ngắn gọn

0/128

Gợi ý: Hãy viết ngắn gọn

0/128

+ Thêm mục khác

Những câu hỏi thường gặp

Gợi ý: Hãy suy nghĩ về những câu hỏi mà học viên có thể thắc mắc về khóa học

Gợi ý: Hãy trả lời thật chi tiết, nếu được, hãy đính kèm các đường dẫn hỗ trợ

+ Thêm mục khác