Thiết kế giao diện Mobile App (UI) với "siêu ứng dụng" Figma
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
84bài học
10chương
2 giờ 34 phútvideo
Xem thử miễn phí 5 bài của khóa học.
Giáo trình
10 chương, 84 bài. Bài có nhãn “Xem thử” mở cho mọi người.
01Giới thiệu về khóa học8 bài
02Lý thuyết về Màu sắc5 bài
03Lý thuyết về Typography5 bài
04UI Design cho Mobile App11 bài
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ụngKích thước màn hìnhGrid SystemThực hành: Tạo Grid System trong FigmaColor SystemThực hành: Thêm màu sắc vào Style System trong FigmaTypography SystemThực hành: Xây dựng hệ thống Typography trong FigmaCác thành phần UI chínhCác thành phần UI phụ
05Các thành phần UI chính20 bài
Giới thiệu chươngButtonThực hành: Phân tích Button "Đăng ký ngay" với 3 trạng tháiThực hành: Từng bước vẽ Button với 3 trạng tháiInput FieldThực hành: Phân tích 4 loại Input Field cơ bảnThực hành: Từng bước tạo 4 loại Input Field cơ bảnCardThực hành: Phân tích CardThực hành: Từng bước tạo ra CardBottom Navigation BarThực hành: Thiết kế Bottom Navigation BarThực hành: Từng bước tạo ra Bottom Navigation BarPopup & Bottom SheetThực hành: Phân tích Popup & Bottom SheetThực hành: Từng bước tạo ra PopupThực hành: Từng bước tạo ra Bottom SheetHình ảnhThực hành Thiết kế Travel Mobile AppThực hành: Từng bước tạo ra Travel Mobile App
06Các thành phần UI phụ13 bài
Giới thiệu chươngIconIllustrationBadgeThực hành: Phân tích 4 loại Badge cơ bảnThực hành: Từng bước tạo ra BadgeTagThực hành: Phân tích Tag với 2 trạng thái cơ bảnThực hành: Từng bước thiết kế Tag với 2 trạng tháiThành phần UI phụ khácTham khảo bài tập chương 4Thực hành: Áp dụng thành phần UI phụ để nâng cấp bài tập chương 4Thực hành: Từng bước nâng cấp giao diện bằng thành phần UI phụ
07Các tính năng hữu ích của Figma cho UI/UX Design13 bài
Giới thiệu chươngPagesThực hành: chia File thành các PageAuto LayoutThực hành: tối ưu Button bằng cách sử dụng Auto LayoutComponent: cách tạo và sử dụngComponent: cách tạo và sử dụngVariant (Biến thể) của ComponentThực hành: thêm Button thành một Component với thông tin sẵnPluginThực hành: sử dụng Plugin trong FigmaCommunity FileThực hành: sử dụng Community File của Figma
08Prototype5 bài
09Tổng kết kiến thức & bài tập thực hành3 bài
10Kết thúc khóa học1 bài
Khoá học khác
Làm chủ Adobe Photoshop từ cơ bản đến nâng caoSử dụng thành thạo phần mềm Photoshop và trang bị kỹ năng chỉnh sửa hình ảnh, làm poster sáng tạo, sử dụng mockup sản phẩm.91 bài học6 giờ 25 phút video
Làm chủ Adobe Illustrator từ cơ bản đến nâng caoSử dụng thành thạo phần mềm Adobe Illustrator và ứng dụng ngay vào thiết kế ấn phẩm truyền thông, tạo hình logo và hình minh họa98 bài học3 giờ 29 phút video
Sáng tạo đồ họa chuyển động từ con số 0 với Adobe After EffectsKhóa học sẽ cung cấp cho bạn toàn bộ kiến thức từ cơ bản đến chuyên sâu, từ tổng quan đến chi tiết về phần mềm After Effects cũng như Motion Graphics. Không chỉ dẫn dắt học viên sử dụng thành thạo các công cụ mà những kiến thức được giảng dạy trong khóa học đều trực quan, áp dụng nhiều trong thực tế. Đây sẽ là một nền tảng vững chắc giúp bạn tạo ra sản phẩm mang dấu ấn của riêng mình.65 bài học7 giờ 11 phút video
Kỹ thuật chỉnh sửa video từ cơ bản đến nâng cao với Premiere ProSử dụng Adobe Premiere Pro để cắt ghép, biên tập, dựng mọi loại video với chất lượng và mức độ hoàn thiện cao nhất76 bài học4 giờ 36 phút video