DONATE 200k ĐỂ ĐƯỢC CẤP QUYỀN TRUY CẬP TẤT CẢ CÁC KHÓA HỌC IT: Click me!

CHƯƠNG 01. GIỚI THIỆU KHÓA HỌC (HƯỚNG DẪN XEM VIDEO)

• Bài 01: Giới thiệu khóa học thiết kế UI - UX xem video (FREE)

CHƯƠNG 02. KIẾN THỨC CƠ BẢN VỀ PHOTOSHOP (HƯỚNG DẪN XEM VIDEO)

• Bài 02: Giới thiệu kiến thức photoshop cần dùng trong khóa học xem video (FREE)

• Bài 03: Cài đặt xem video (FREE)

• Bài 04: Không gian làm việc của Photoshop xem video (FREE)

• Bài 05: Các phương pháp tách layer trong Photoshop xem video (FREE)

• Bài 06: Công cụ lasso và marquee trong xử lý layer xem video (FREE)

• Bài 07: Tách layer bằng công cụ magnetic lasso xem video (FREE)

• Bài 08: Tách layer bằng công cụ magic wand và selection tool xem video (FREE)

• Bài 09: Tính năng contigous cho magic wand xem video (FREE)

• Bài 10: Tách layer nâng cao với công cụ refine edge - phiên bản cc 2015 xem video (FREE)

• Bài 11: Tách layer nâng cao với công cụ refine edge - phiên bản cc 2017 - Bài tập 1 xem video (FREE)

• Bài 12: Tách layer nâng cao với công cụ refine edge - phiên bản cc 2017 - Bài tập 2 xem video (FREE)

• Bài 13: Tách layer bằng cách sử dụng công cụ pentool xem video (FREE)

• Bài 14: Sử dụng thành thạo tính năng smart object xem video (FREE)

• Bài 15: Công việc thiết kế diễn ra theo qui trình nào? xem video (FREE)

• Bài 16: Giới thiệu bài tập thực hành xem video (FREE)

• Bài 17: Xử lý tách layer bằng magnetic tool xem video (FREE)

• Bài 18: Xử lý tóc bằng refine edge xem video (FREE)

• Bài 19: Thao tác với vùng chọn và đổ màu xem video (FREE)

• Bài 20: Thao tác với mặt nạ để tạo hiệu ứng cho nhân vật xem video (FREE)

• Bài 21: Hai phương pháp vẽ hình trong Photoshop xem video (FREE)

• Bài 22: Vẽ hình tự do sử dụng Pen Tool xem video (FREE)

• Bài 23: Xử lý text xem video (FREE)

• Bài 24: Xử lý nền xem video (FREE)

• Bài 25: Tổng kết kiến thức phần Photoshop xem video (FREE)

CHƯƠNG 03. CÀI ĐẶT ADOBE MUSE CC 2017 (HƯỚNG DẪN XEM VIDEO)

• Bài 26: Giới thiệu phần mềm Adobe Muse CC 2017 - why và how xem video

• Bài 27: Cài đặt Adobe Muse CC 2017 xem video

CHƯƠNG 04. CƠ BẢN VỀ ADOBE MUSE QUA BÀI TẬP 1 (HƯỚNG DẪN XEM VIDEO)

• Bài 28: Giới thiệu bài tập số 1 xem video

• Bài 29: Setup cơ bản trong Adobe Muse và cách chạy thử file trong Muse xem video

• Bài 30: Sử dụng font thế nào, dùng icon font thế nào trong Muse xem video

• Bài 31: Tóm tắt kiến thức xem video

• Bài 32: Tạo trang company và link tương tác xem video

• Bài 33: Tạo menu điều hướng trong Muse thế nào xem video

• Bài 34: Hoàn thiện web đầu tiên với việc sử dụng master page xem video

CHƯƠNG 05. GIỚI THIỆU THIẾT KẾ WIREFRAME (HƯỚNG DẪN XEM VIDEO)

• Bài 35: Định nghĩa wireframe - what - why - how xem video

• Bài 36: Học thiết kế wireframe qua bài tập xem video

CHƯƠNG 06. THỰC HÀNH THIẾT KẾ WIREFRAME QUA BÀI TẬP (HƯỚNG DẪN XEM VIDEO)

• Bài 37: Cài đặt ban đầu cho thiết kế wireframe xem video

• Bài 38: Xử lý master page xem video

• Bài 39: Xử lý trang chủ - Phần 1 xem video

• Bài 40: Xử lý trang chủ - Phần 2 xem video

• Bài 41: Xử lý trang Giới thiệu xem video

• Bài 42: Thiết kế trang gói dịch vụ xem video

• Bài 43: Sử dụng nhiều trang master thế nào xem video

• Bài 44: Tạo menu đa cấp cho việc chuyển đổi các trang wireframe xem video

• Bài 45: Tổng kết về thiết kế wireframe xem video

CHƯƠNG 07. THIẾT KẾ THÀNH PHẦN MENU TRONG ADOBE MUSE (HƯỚNG DẪN XEM VIDEO)

• Bài 46: Giới thiệu các thành phần UI/UX xem video

• Bài 47: Cách thiết kế menu cố định khi cuộn chuột xem video

• Bài 48: Cách thiết kế menu cố định trái và phải xem video

CHƯƠNG 08. THIẾT KẾ HIỆU ỨNG TƯƠNG TÁC CUỘN CHUỘT TRÊN ADOBE MUSE (HƯỚNG DẪN XEM VIDEO)

• Bài 49: Cách thiết kế hiệu ứng tương tác khi cuộn chuột xem video

• Bài 50: Áp dụng scroll UX cho bài tập thực tế xem video

CHƯƠNG 09. THỂ HIỆN HIỆU ỨNG FIX BACKGROUND VÀ LIGHTBOX TRÊN ADOBE MUSE (HƯỚNG DẪN XEM VIDEO)

• Bài 51: Thiết kế hiệu ứng fix background xem video

• Bài 52: Thiết kế hiệu ứng lightbox xem video

CHƯƠNG 10. GIỚI THIỆU VỀ THIẾT KẾ RESPONSIVE TRONG ADOBE MUSE QUA BÀI THỰC HÀNH (HƯỚNG DẪN XEM VIDEO)

• Bài 53: Thiết kế thành UI/UX - Thiết kế responsive trong Adobe Muse 2017 xem video

• Bài 54: Thiết kế responsive - phương pháp số 1 xem video

• Bài 55: Thiết kế responsive - phương pháp số 2 - Adaptive xem video

CHƯƠNG 11. PHƯƠNG PHÁP THIẾT KẾ MENU RESPONSIVE TRONG MUSE (HƯỚNG DẪN XEM VIDEO)

• Bài 56: Thiết kế menu responsive - phần 1 xem video

• Bài 57: Thiết kế menu responsive - phần 2 xem video

• Bài 58: Thiết kế menu responsive - phần 3 xem video

CHƯƠNG 12. PHƯƠNG PHÁP THIẾT KẾ HIỆU ỨNG TRƯỢT TRONG ADOBE MUSE (HƯỚNG DẪN XEM VIDEO)

• Bài 59: Thiết kế hiệu ứng trượt của landing page thế nào xem video

• Bài 60: Thực hành thiết kế hiệu ứng trượt cho landing page - phần 1 xem video

• Bài 61: Thực hành thiết kế hiệu ứng trượt cho landing page - phần 2 xem video

CHƯƠNG 13. THIẾT KẾ HIỆU ỨNG TƯƠNG TÁC KIỂU HOVER BẰNG GRAPHIC STYLE TRONG MUSE (HƯỚNG DẪN XEM VIDEO)

• Bài 62: Thiết kế các hiệu ứng tương tác kiểu hover xem video

• Bài 63: Thực hành với graphic style trong Muse xem video

• Bài 64: Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox - phần 1 xem video

• Bài 65: Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox - phần 2 xem video

• Bài 66: Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox - phần 3 xem video

• Bài 67: Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox - phần 4 xem video

CHƯƠNG 14. HIỆU ỨNG TƯƠNG TÁC NÂNG CAO QUA BÀI THỰC HÀNH (HƯỚNG DẪN XEM VIDEO)

• Bài 68: Thực hành thiết kế tương tác nâng cao - Phần 1 xem video

• Bài 69: Thực hành thiết kế tương tác nâng cao - Phần 2 xem video

• Bài 70: Thực hành thiết kế tương tác nâng cao - Phần 3 xem video

• Bài 71: Thực hành thiết kế tương tác nâng cao - Phần 4 xem video

• Bài 72: Thực hành thiết kế tương tác nâng cao - Phần 5 xem video

• Bài 73: Thực hành thiết kế tương tác nâng cao - Phần 6 xem video

CHƯƠNG 15. KẾT NỐI ADOBE PHOTOSHOP VÀ ADOBE MUSE CC 2017 (HƯỚNG DẪN XEM VIDEO)

• Bài 74: Kết nối Photoshop CC 2017 và Adobe Muse CC 2017 xem video

• Bài 75: Áp dụng thiết kế banner với Photoshop và Muse xem video

CHƯƠNG 16. THỰC HÀNH VỚI CÁC TÍNH NĂNG THIẾT KẾ UX SẴN CÓ TRONG MUSE (HƯỚNG DẪN XEM VIDEO)

• Bài 76: Cách cài đặt widget trong muse - Áp dụng thiết kế background video xem video

• Bài 77: Giới thiệu phương pháp thiết kế slide show không cần widget xem video

• Bài 78: Thiết kế google map và youtube trên Muse thế nào xem video

CHƯƠNG 17. THỰC HÀNH ADOBE MUSE CC 2017 QUA PROJECT THỰC TẾ (HƯỚNG DẪN XEM VIDEO)

• Bài 79: Giới thiệu project web nội thất và các kiến thức cần sử dụng xem video

• Bài 80: Getstarted xem video

• Bài 81: Thiết kế menu và logo xem video

• Bài 82: Thiết kế UX cho menu - Phần 1 xem video

• Bài 83: Thiết kế UX cho menu - Phần 2 xem video

• Bài 84: Thiết kế hiệu ứng slide trượt ngang - Phần 1 xem video

• Bài 85: Thiết kế hiệu ứng slide trượt ngang - Phần 2 xem video

• Bài 86: Thiết kế hiệu ứng slide trượt ngang - Phần 3 xem video

• Bài 87: Thiết kế hiệu ứng slide trượt ngang - Phần 4 xem video

• Bài 88: Thiết kế khối dịch vụ bằng cách sử dụng icon font xem video

• Bài 89: Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 1 xem video

• Bài 90: Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 2 xem video

• Bài 91: Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 3 xem video

• Bài 92: Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 4 xem video

• Bài 93: Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 5 xem video

• Bài 94: Thiết kế phần dịch vụ xem video

• Bài 95: Thiết kế phần hiệu ứng slide cảm nhận khách hàng xem video

• Bài 96: Thiết kế phần nút và nội dung slide xem video

• Bài 97: Thiết kế hiệu ứng trượt xem video

• Bài 98: Thiết kết UX cho khối team member xem video

• Bài 99: Thiết kế hiệu ứng Tab xem video

• Bài 100: Hướng dẫn hoàn thiện thiết kế UI-UX cho website nội thất xem video

• Bài 101: Tổng kết về Adobe Muse và giới thiệu phần quản trị website Muse với Wordpress xem video

CHƯƠNG 18. GIỚI THIỆU VÀ CÀI ĐẶT ADOBE EXPERIENCE CC 2017 (HƯỚNG DẪN XEM VIDEO)

• Bài 102: Giới thiệu Adobe XD 2017 xem video

• Bài 103: Cài đặt Adobe XD xem video

CHƯƠNG 19. LÀM QUEN VỚI ADOBE EXPERIENCE CC 2017 QUA BÀI THỰC HÀNH (HƯỚNG DẪN XEM VIDEO)

• Bài 104: Không gian làm việc của Adobe XD CC 2017 xem video

• Bài 105: Bài tập đầu tiên về Adobe XD CC 2017 xem video

CHƯƠNG 20. THIẾT KẾ ỨNG DỤNG TRÊN ADOBE EXPERIENCE CC (HƯỚNG DẪN XEM VIDEO)

• Bài 106: Bài tập 2: Thực hành sử dụng Adobe XD Prototype trên giao diện iphone 7 xem video

• Bài 107: Thực hành thiết kế giao diện App cho ipad Pro xem video

• Bài 108: Thiết kế giao diện trang chi tiết xem video

• Bài 109: Thực hành với Prototype xem video

• Bài 110: Hoàn thiện ứng dụng đầu tiên với Adobe XD xem video

• Bài 111: Upload và tạo link trực tuyến cho ứng dụng thiết kế trong Adobe XD xem video

CHƯƠNG 21. THIẾT KẾ ỨNG DỤNG ĐỌC TIN TRÊN ADOBE EXPERIENCE CC (HƯỚNG DẪN XEM VIDEO)

• Bài 112: Bài tập 3: Thiết kế App đọc tin trên iphone xem video

• Bài 113: Vẽ phần Top của ứng dụng xem video

• Bài 114: Thiết kế phần slide cho banner xem video

• Bài 115: Sử dụng Repeat grid thiết kế phần giao diện đọc tin xem video

• Bài 116: Sử dụng Scroll cho thiết kế phần giao diện đọc tin xem video

• Bài 117: Xử lý phân trang bằng Repeat Grid xem video

• Bài 118: Thiết kế footer xem video

• Bài 119: Thiết kế thanh tìm kiếm xem video

• Bài 120: Cách sử dụng font awesome cho tất cả icon trong Adobe XD xem video

• Bài 121: Thiết kế menu chi tiết cho ứng dụng xem video

• Bài 122: Xử lý phần điều hướng cho Menu bằng prototype xem video

• Bài 123: Thiết kế giao diện trang chi tiết đọc tin - Phần 1 xem video

• Bài 124: Thiết kế giao diện trang chi tiết đọc tin - Phần 2 xem video

• Bài 125: Điều hướng cho ứng dụng bằng prototype xem video

• Bài 126: Hướng dẫn thiết kế các phần còn lại của App xem video