Thiết kế Web bằng Canva & Figma
Khám phá lộ trình học tập toàn diện được thiết kế giúp học viên nâng cao tư duy, kỹ năng giải quyết bài toán và lập trình thành thạo.
Giới thiệu khóa học
Khóa học Thiết kế Web bằng Canva & Figma hướng dẫn học viên các kỹ năng thiết kế đồ họa truyền thông từ cơ bản đến nâng cao. Giúp khơi dậy khả năng thẩm mỹ, tư duy sắp đặt bố cục và ứng dụng vào thực tế nhanh chóng.
Nội dung chính tập trung vào:
- Nắm vững nguyên lý phối màu sắc, bố cục hình ảnh và nghệ thuật chữ (Typography).
- Thành thạo công cụ thiết kế chuyên nghiệp Canva, Photoshop phục vụ học tập và công việc.
- Tạo ra các sản phẩm thực tế: Logo, bộ nhận diện thương hiệu, banner mạng xã hội, Slide thuyết trình.
Giảng viên phụ trách
Thầy Phan Tuấn Kiệt
• 20+ năm kinh nghiệm giảng dạy Tin học văn phòng
• Chuyên môn: Đào tạo Scratch cơ bản - nâng cao - luyện thi, Python cơ bản - nâng cao - luyện thi, C++ - nâng cao - luyện thi...
Lộ trình chi tiết
Chương 1: Nguyên lý UI/UX & Thiết kế Canva
Tìm hiểu về nguyên lý phân cấp thị giác, khoảng trắng và thiết kế Landing Page bằng Canva.Bài 1 - Tổng quan về thiết kế giao diện Web (UI/UX) và các nguyên tắc bố cục trực quan Khóa
Bài giảng chi tiết về Bài 1: Tổng quan về thiết kế giao diện Web (UI/UX) và các nguyên tắc bố cục trực quan.
Bài 2 - Thiết kế Landing Page nhanh chóng bằng kho mẫu (Template) và kéo thả trên Canva Khóa
Bài giảng chi tiết về Bài 2: Thiết kế Landing Page nhanh chóng bằng kho mẫu (Template) và kéo thả trên Canva.
Bài 3 - Xuất bản và cấu hình tên miền (Domain) cho trang web trực tuyến trực tiếp từ Canva Khóa
Bài giảng chi tiết về Bài 3: Xuất bản và cấu hình tên miền (Domain) cho trang web trực tuyến trực tiếp từ Canva.
Chương 2: Thiết lập dự án & Lưới Layout Figma
Làm quen giao diện Figma, sử dụng Frame vẽ vector và căn chỉnh Layout Grid System.Bài 4 - Làm quen với Figma - Khởi tạo dự án, lưới Grid System và các công cụ vẽ vector cơ bản Khóa
Bài giảng chi tiết về Bài 4: Làm quen với Figma - Khởi tạo dự án, lưới Grid System và các công cụ vẽ vector cơ bản.
Bài 5 - Làm chủ tính năng Auto Layout trong Figma để thiết kế các nút và danh sách co giãn linh hoạt Khóa
Bài giảng chi tiết về Bài 5: Làm chủ tính năng Auto Layout trong Figma để thiết kế các nút và danh sách co giãn linh hoạt.
Bài 6 - Xây dựng thành phần tái sử dụng (Components) và thư viện Variant trong thiết kế Web Figma Khóa
Bài giảng chi tiết về Bài 6: Xây dựng thành phần tái sử dụng (Components) và thư viện Variant trong thiết kế Web Figma.
Chương 3: Auto Layout & Hệ thống Component nâng cao
Làm chủ thuộc tính Auto Layout co giãn, xây dựng Components và Variants cho nút bấm.Bài 7 - Thiết kế giao diện Landing Page hoàn chỉnh (Desktop & Mobile) chuẩn responsive trên Figma Khóa
Bài giảng chi tiết về Bài 7: Thiết kế giao diện Landing Page hoàn chỉnh (Desktop & Mobile) chuẩn responsive trên Figma.
Bài 8 - Tạo hiệu ứng tương tác động (Prototype) và liên kết các trang màn hình Web trên Figma Khóa
Bài giảng chi tiết về Bài 8: Tạo hiệu ứng tương tác động (Prototype) và liên kết các trang màn hình Web trên Figma.
Chương 4: Thiết kế Responsive & Prototype tương tác
Thiết kế Responsive Desktop/Mobile, Prototype liên kết động và xuất bản bàn giao.Bài 9 - Quy trình bàn giao thiết kế (Hand-off) từ Figma sang mã lập trình HTML/CSS cho lập trình viên Khóa
Bài giảng chi tiết về Bài 9: Quy trình bàn giao thiết kế (Hand-off) từ Figma sang mã lập trình HTML/CSS cho lập trình viên.
Bài 10 - Ôn tập, tối ưu hóa trải nghiệm người dùng và hoàn thiện dự án Web Design Portfolio cá nhân Khóa
Bài giảng chi tiết về Bài 10: Ôn tập, tối ưu hóa trải nghiệm người dùng và hoàn thiện dự án Web Design Portfolio cá nhân.
Kết quả đạt được sau khóa học
- Làm chủ các nguyên tắc thiết kế giao diện UI/UX và thiết lập hệ thống lưới căn lề chuẩn web.
- Thiết kế Landing Page kéo thả chuyên nghiệp và tự xuất bản chạy thật ngay từ Canva.
- Làm chủ Figma nâng cao bao gồm Auto Layout, Components, Variants và quy trình bàn giao cho lập trình viên.
Đối tượng phù hợp
Độ tuổi & Trình độ
Khóa học được thiết kế tối ưu cho đối tượng Học sinh & Người đi làm, trình độ Cơ bản & Nâng cao.
🏆 Chứng nhận số iKH EDU
Hoàn thành 100% bài học và thử thách để nhận chứng nhận điện tử có mã xác thực.
Mẫu chứng nhận hoàn thành khóa học
CHỨNG NHẬN