Học thiết kế UX/UI cho ứng dụng và website bằng Adobe Photoshop, Adobe Muse và Adobe XD design CC - Edumall

Thể loại:	Thiết kế đồ họa
Số bài học:	294 bài giảng
Thời lượng video:	13:01:38
Giá gốc: 599,000đ	FREE
Nguồn:	Sưu tầm từ Edumall

Lợi ích từ khóa học
Sau khóa học học viên làm được:
(1) Phần kiến thức cơ bản bộ công cụ: Adobe Muse CC 2017, Adobe Experience CC 2017
(2) Hiểu thế nào là thiết kế UX/UI, lợi ích UX mang lại cho sản phẩm và làm thế nào để có được bản thiết kế UI/UX qua việc sử dụng các công cụ Adobe
(3) Tự thiết kế một app hoàn chỉnh
(4) Tự thiết kế web hồ sơ năng lực cá nhân
(5) Tự thiết kế landing page và chuyển sang website thật nhờ Adobe Muse.

Đối tượng mục tiêu

Những Web Developers, Web Designers, người lập trình ứng dụng, thiết kế app, phát triển app muốn nâng cao chất lượng sản phẩm

Dân thiết kế muốn chuyển từ bản thiết kế của mình sang web/app mà không muốn viết code.

Dân code muốn tạo ra một web hoặc app demo toàn bộ chức năng + trải nghiệm người dùng.

Các bạn sinh viên hoặc người đi làm đã và đang nghiên cứu về thiết kế web và mobile application.

Các bạn coder muốn hiểu sâu hơn về tư duy thiết kế sản phẩm để có thể làm việc hiệu quả cùng Designer.

Các công ty và doanh nghiệp hoặc các startup muốn xây dựng 1 website hoặc 1 mobile application phù hợp với khách hàng, người sử dụng và thoả mãn chính mình.

Tổng quát
Khóa này tập trung vào hai mục tiêu
1- Thiết kế ra một website đẹp theo nghĩa là đúng chuẩn thiết kế được đưa ra bởi Google
2 - Thiết kế một ứng dụng chuẩn cho điện thoại
3 - Kết nối các bản thiết kế thành để chạy demo như một ứng dụng hoàn chỉnh

Về công cụ sử dụng:

Công cụ đầu tiên là công cụ Adobe Photoshop, công cụ thiết kế đa dụng, sử dụng phần lớn trong các công ty thiết kế hiện nay.

Photoshop được sử dụng để thực hành và thiết kế khi khi học về chuẩn Material Design

Công cụ thứ hai là Adobe Experience Design (viết tắt là Adobe XD) công cụ được Adobe phát triển riêng và tối ưu cho thiết kế ứng dụng và thiết kế web.

Ngoài các tính năng thiết kế, Adobe XD sở hữu tính năng thiết kế hiệu ứng, với tính năng độc đáo này, bạn có thể mô tả, thiết kế được cả phần sử dụng thực tế với các hiệu ứng kèm theo mà không cần mô tả phức tạp dưới dạng ảnh như Photoshop. Các designer cũng không thể thiếu công cụ này.

Công cụ thứ ba là Adobe Muse : một công cụ Adobe phát triển dành riêng cho thiêt kế web responsive và xuất code dạng HTML . Một công cụ duy nhất giúp bạn thiết kế web responsive mà không cần viết code.

Về lý thuyết khóa học này tập trung các lý thuyết sau

Lý thuyết về thiết kế chữ - Chữ là một phần quan trọng trong thiết kế ứng dụng và web, để thiết kế đồ họa cho ứng dụng và web tốt, bạn cần hiểu cách xử lý phân cấp chữ.

Lý thuyết về chuẩn Material Design. Đây là cách để không biết gì cũng làm được ứng dụng xịn hàng triệu người dùng như Uber hay Grab.

Lý thuyết về các phương pháp thực hiện demo cho các trường hợp khác nhau của ứng dụng và website .

Các lý thuyết này đều được áp dụng trong các bài tập thực hành.

Giáo trình
Phần 1: Giới thiệu khóa học
Bài 1: Giới thiệu khóa học thiết kế UI - UX 15:26

Phần 2: Kiến thức cơ bản về photoshop
Bài 1: Giới thiệu kiến thức photoshop cần dùng trong khóa học 05:59
Bài 2: Cài đặt 03:28
Bài 3: Không gian làm việc của Photoshop 08:07
Bài 4: Các phương pháp tách layer trong Photoshop 05:23
Bài 5: Công cụ lasso và marquee trong xử lý layer 05:38
Bài 6: Tách layer bằng công cụ magnetic lasso 03:55
Bài 7: Tách layer bằng công cụ magic wand và selection tool 09:40
Bài 8: Tính năng contigous cho magic wand 07:57
Bài 9: Tách layer nâng cao với công cụ refine edge - phiên bản cc 2015 06:53
Bài 10: Tách layer nâng cao với công cụ refine edge - phiên bản cc 2017 - Bài tập 1 04:41
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 2 09:02
Bài 12: Tách layer bằng cách sử dụng công cụ pentool 10:26
Bài 13: Sử dụng thành thạo tính năng smart object 12:58
Bài 14: Công việc thiết kế diễn ra theo qui trình nào? 06:49
Bài 15: Giới thiệu bài tập thực hành 15:21
Bài 16: Xử lý tách layer bằng magnetic tool 08:25
Bài 17: Xử lý tóc bằng refine edge 07:07
Bài 18: Thao tác với vùng chọn và đổ màu 07:08
Bài 19: Thao tác với mặt nạ để tạo hiệu ứng cho nhân vật 06:32
Bài 20: Hai phương pháp vẽ hình trong Photoshop 06:53
Bài 21: Vẽ hình tự do sử dụng Pen Tool 05:14
Bài 22: Xử lý text 15:00
Bài 23: Xử lý nền 17:49
Bài 24: Tổng kết kiến thức phần Photoshop 03:51

Phần 3: Cài đặt Adobe Muse CC 2017
Bài 1: Giới thiệu phần mềm Adobe Muse CC 2017 - why và how 05:44
Bài 2: Cài đặt Adobe Muse CC 2017 04:51

Phần 4: Cơ bản về Adobe Muse qua bài tập
Bài 1: Giới thiệu bài tập số 1 02:11
Bài 2: Setup cơ bản trong Adobe Muse và cách chạy thử file trong Muse 14:38
Bài 3: Sử dụng font thế nào, dùng icon font thế nào trong Muse 11:34
Bài 4: Tóm tắt kiến thức 07:18
Bài 5: Tạo trang company và link tương tác 05:36
Bài 6: Tạo menu điều hướng trong Muse thế nào 06:45
Bài 7: Hoàn thiện web đầu tiên với việc sử dụng master page 07:05

Phần 5: Giới thiệu thiết kế Wireframe
Bài 1: Định nghĩa wireframe - what - why - how 08:49
Bài 2: Học thiết kế wireframe qua bài tập 04:17

Phần 6: Thực hành thiết kế Wireframe qua bài tập
Bài 1: Cài đặt ban đầu cho thiết kế wireframe 05:27
Bài 2: Xử lý master page 09:38
Bài 3: Xử lý trang chủ - Phần 1 09:42
Bài 4: Xử lý trang chủ - Phần 2 07:50
Bài 5: Xử lý trang Giới thiệu 06:55
Bài 6: Thiết kế trang gói dịch vụ 05:56
Bài 7: Sử dụng nhiều trang master thế nào 02:41
Bài 8: Tạo menu đa cấp cho việc chuyển đổi các trang wireframe 05:01
Bài 9: Tổng kết về thiết kế wireframe 04:23

Phần 7: Thiết kế thành phần menu trong Adobe Muse
Bài 1: Giới thiệu các thành phần UI/UX 05:21
Bài 2: Cách thiết kế menu cố định khi cuộn chuột 12:30
Bài 3: Cách thiết kế menu cố định trái và phải 05:37

Phần 8: Thiết kế hiệu ứng tương tác cuộn chuột trên Adobe Muse
Bài 1: Cách thiết kế hiệu ứng tương tác khi cuộn chuột 10:25
Bài 2: Áp dụng scroll UX cho bài tập thực tế 13:36

Phần 9: Thể hiện hiệu ứng fix background và lightbox trên Adobe Muse
Bài 1: Thiết kế hiệu ứng fix background 09:17
Bài 2: Thiết kế hiệu ứng lightbox 09:26

Phần 10: Giới thiệu về thiết kế responsive trong Adobe Muse qua bài thực hành
Bài 1: Thiết kế thành UI/UX - Thiết kế responsive trong Adobe Muse 2017 06:36
Bài 2: Thiết kế responsive - phương pháp số 1 10:03
Bài 3: Thiết kế responsive - phương pháp số 2 - Adaptive 08:09

Phần 11: Phương pháp thiết kế menu responsive trong Muse
Bài 1: Thiết kế menu responsive - phần 1 04:13
Bài 2: Thiết kế menu responsive - phần 2 05:22
Bài 3: Thiết kế menu responsive - phần 3 09:47

Phần 12: Phương pháp thiết kế hiệu ứng trượt trong Adobe Muse
Bài 1: Thiết kế hiệu ứng trượt của landing page thế nào 04:34
Bài 2: Thực hành thiết kế hiệu ứng trượt cho landing page - phần 1 09:03
Bài 3: Thực hành thiết kế hiệu ứng trượt cho landing page - phần 2 06:58

Phần 13: Thiết kế hiệu ứng tương tác kiểu hover bằng Graphic Style trong Muse
Bài 1: Thiết kế các hiệu ứng tương tác kiểu hover 06:12
Bài 2: Thực hành với graphic style trong Muse 13:02
Bài 3: Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox - phần 1 09:18
Bài 4: Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox - phần 2 03:45
Bài 5: Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox - phần 3 07:23
Bài 6: Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox - phần 4 09:40

Phần 15: Hiệu ứng tương tác nâng cao qua bài thực hành
Bài 1: Thực hành thiết kế tương tác nâng cao - Phần 1 06:00
Bài 2: Thực hành thiết kế tương tác nâng cao - Phần 2 11:07
Bài 3: Thực hành thiết kế tương tác nâng cao - Phần 3 03:17
Bài 4: Thực hành thiết kế tương tác nâng cao - Phần 4 06:57
Bài 5: Thực hành thiết kế tương tác nâng cao - Phần 5 08:09
Bài 6: Thực hành thiết kế tương tác nâng cao - Phần 6 03:28

Phần16: Kết nối Adobe Photoshop và Adobe Muse CC 2017
Bài 1: Kết nối Photoshop CC 2017 và Adobe Muse CC 2017 05:24
Bài 2: Áp dụng thiết kế banner với Photoshop và Muse 09:31

Phần 17: Thực hành với các tính năng thiết kế UX sẵn có trong Muse
Bài 1: Cách cài đặt widget trong muse - Áp dụng thiết kế background video 09:15
Bài 2: Giới thiệu phương pháp thiết kế slide show không cần widget 07:46
Bài 3: Thiết kế google map và youtube trên Muse thế nào 06:14

Phần 18: Thực hành Adobe Muse CC 2017 qua project thực tế
Bài 1: Giới thiệu project web nội thất và các kiến thức cần sử dụng 05:57
Bài 2: Getstarted 04:04
Bài 3: Thiết kế menu và logo 10:40
Bài 4: Thiết kế UX cho menu - Phần 1 05:42
Bài 5: Thiết kế UX cho menu - Phần 2 09:13
Bài 6: Thiết kế hiệu ứng slide trượt ngang - Phần 1 04:14
Bài 7: Thiết kế hiệu ứng slide trượt ngang - Phần 2 06:57
Bài 8: Thiết kế hiệu ứng slide trượt ngang - Phần 3 09:06
Bài 9: Thiết kế hiệu ứng slide trượt ngang - Phần 4 07:26
Bài 10: Thiết kế khối dịch vụ bằng cách sử dụng icon font 07:54
Bài 11: Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 1 03:32
Bài 12: Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 2 05:18
Bài 13: Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 3 06:56
Bài 14: Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 4 08:33
Bài 15: Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 5 02:19
Bài 16: Thiết kế phần dịch vụ 05:11
Bài 17: Thiết kế phần hiệu ứng slide cảm nhận khách hàng 05:27
Bài 18: Thiết kế phần nút và nội dung slide 09:05
Bài 19: Thiết kế hiệu ứng trượt 03:40
Bài 20: Thiết kết UX cho khối team member 08:59
Bài 21: Thiết kế hiệu ứng Tab 05:04
Bài 22: Hướng dẫn hoàn thiện thiết kế UI-UX cho website nội thất 03:32
Bài 23: Tổng kết về Adobe Muse và giới thiệu phần quản trị website Muse với Wordpress 08:11

Phần 19: Giới thiệu và cài đặt Adobe Experience CC 2017
Bài 1: Giới thiệu Adobe XD 2017 09:12
Bài 2: Cài đặt Adobe XD 05:23

Phần 20: Làm quen với Adobe Experience CC 2017 qua bài thực hành
Bài 1: Không gian làm việc của Adobe XD CC 2017 09:28
Bài 2: Bài tập đầu tiên về Adobe XD CC 2017 08:24

Phần 21: Thiết kế ứng dụng trên Adobe Experience CC
Bài 1: Bài tập 2: Thực hành sử dụng Adobe XD Prototype trên giao diện iphone 7 11:29
Bài 2: Thực hành thiết kế giao diện App cho ipad Pro 07:18
Bài 3: Thiết kế giao diện trang chi tiết 08:50
Bài 4: Thực hành với Prototype 05:28
Bài 5: Hoàn thiện ứng dụng đầu tiên với Adobe XD 04:24
Bài 6: Upload và tạo link trực tuyến cho ứng dụng thiết kế trong Adobe XD 06:41

Phần 22: Thiết kế ứng dụng đọc tin trên Adobe Experience CC
Bài 1: Bài tập 3: Thiết kế App đọc tin trên iphone 02:02
Bài 2: Vẽ phần Top của ứng dụng 11:16
Bài 3: Thiết kế phần slide cho banner 09:09
Bài 4: Sử dụng Repeat grid thiết kế phần giao diện đọc tin 07:04
Bài 5: Sử dụng Scroll cho thiết kế phần giao diện đọc tin 04:48
Bài 6: Xử lý phân trang bằng Repeat Grid 03:25
Bài 7: Thiết kế footer 04:22
Bài 8: Thiết kế thanh tìm kiếm 06:58
Bài 9: Cách sử dụng font awesome cho tất cả icon trong Adobe XD 07:55
Bài 10: Thiết kế menu chi tiết cho ứng dụng 07:36
Bài 11: Xử lý phần điều hướng cho Menu bằng prototype 02:39
Bài 12: Thiết kế giao diện trang chi tiết đọc tin - Phần 1 08:07
Bài 13: Thiết kế giao diện trang chi tiết đọc tin - Phần 2 11:55
Bài 14: Điều hướng cho ứng dụng bằng prototype 08:17
Bài 15: Hướng dẫn thiết kế các phần còn lại của App 05:23

Phần 23: Adobe XD - Giới thiệu khoá học
Bài 1: Giới thiệu khoá học 05:03

Phần 24: Cài đặt phần mềm
Bài 1: Cài đặt Adobe 2018 05:27

Phần 25: Material Design - Giới thiệu chuẩn Material Design và cách học
Bài 1: Giới thiệu khoá học 09:36
Bài 2: Cách học trong khoá học 06:13

Phần 26: Material Design - Nguyên lý cơ bản về thiết kế Typography
Bài 1: Lý thuyết về thiết kế chữ 03:05
Bài 2: 13 khái niệm cơ bản về chữ 14:22
Bài 3: Tải font, tìm font và sử dụng font 13:28
Bài 4: Chọn font cho thiết kế thế nào 05:09
Bài 5: Các quy tắc kết hợp chữ - phần 1 06:39
Bài 6: Các quy tắc kết hợp chữ - phần 2 04:31
Bài 7: Các lỗi thường gặp khi kết hợp chữ 06:49
Bài 8: Phân loại các phương thức tùy biến chữ cho ấn phẩm thiết kế 07:58

Phần 27: Material Design - Tổng kết nguyên lý Typography áp dụng trong Material Design
Bài 1: Lý thuyết về quy tắc phối màu trong thiết kế 19:57
Bài 2: Tổng kết lý thuyết phần typo 03:53
Bài 3: Tổng kết phần font chữ 04:46
Bài 4: Tổng kết các quy tắc dùng chữ trong Material Design 09:26

Phần 28: Material Design - Nguyên lý màu cơ bản
Bài 1: Bánh xe màu là gì 08:47
Bài 2: Thực hành sử dụng bánh xe màu 12:46
Bài 3: Học về màu cơ bản, màu thứ cấp, màu bổ túc qua ví dụ 05:36
Bài 4: Nguyên lý phối màu sử dụng màu tương đồng 04:36
Bài 5: Nguyên lý phối màu đơn sắc 02:57
Bài 6: Định nghĩa về Tone màu 05:27
Bài 7: Tổng kết về các hệ màu và cách sử dụng hệ màu trong thiết kế 08:23
Bài 8: Học về tính cách màu qua ví dụ 20:31

Phần 29: Material Design - Nguyên lý màu áp dụng trong Material Design
Bài 1: Giới thiệu hệ thống màu đưa ra bởi google 09:57
Bài 2: Cách pha màu theo Material Design 07:59
Bài 3: Cách chọn màu bằng công cụ của Adobe 07:28
Bài 4: Kiểu phối màu đơn sắc trong Material Design 06:41
Bài 5: Kiểu phối màu Triad trong Material Design 05:15
Bài 6: 6 qui tắc dùng màu trong thiết kế chuẩn - Phần 1 06:11
Bài 7: 6 qui tắc dùng màu trong thiết kế chuẩn - Phần 2 07:54
Bài 8: 6 qui tắc dùng màu trong thiết kế chuẩn - Phần 3 07:23
Bài 9: 6 qui tắc dùng màu trong thiết kế chuẩn - Phần 4 07:35
Bài 10: Tổng kết phần màu 06:44

Phần 30: Material Design - Lý thuyết về Elevation trong thiết kế ứng dụng
Bài 1: Giới thiệu nguyên lý về không gian thiết kế của Material Design 08:24
Bài 2: Lý thuyết về không gian thiết kế 13:58
Bài 3: Lý thuyết về elevation trong thiết kế ứng dụng 08:41

Phần 31: Material Design - Thực hành về Elevation
Bài 1: Thực hành elevation với Photoshop 12:49
Bài 2: Hoàn thiện lý thuyết về phần elevation của Material Design 12:26
Bài 3: Sơ đồ và bảng thông số chi tiết các đối tượng thiết kế 08:00
Bài 4: Phân tích thiết kế qua ví dụ 09:00

Phần 32: Material Design - Lý thuyết về layout và qui tắc đặt layout
Bài 1: Giới thiệu phần layout 07:34
Bài 2: Các quy tắc trình bày layout 08:15

Phần 33: Material Design - Thực hành layout
Bài 1: Thực hành setup layout mobile theo thông số của Material Design 06:08
Bài 2: Thực hành setup layout tablet theo thông số của Material Design 04:35
Bài 3: Thực hành setup layout desktop theo thông số của Material Design 04:33

Phần 34: Material Design - Lý thuyết về Baseline và Keyline
Bài 1: Khái niệm về đường gióng cơ sở baseline và cách setup trên Photoshop 04:55
Bài 2: Thực hành đường gióng cơ sở Baseline 04:21
Bài 3: Lý thuyết và quy tắc về Keyline 11:14

Phần 35: Material Design - Lý thuyết về Increment - Touch size - Click target
Bài 1: Khái niệm và cách sử dụng Increment trong thiết kế 03:29
Bài 2: Lý thuyết về Container, Touch target và Click target 08:36

Phần 36: Material Design - Thiết kế đối tượng UI Button, phân loại Button và phân cấp thông tin của button
Bài 1: Giới thiệu về UI design dựa trên nguyên lý thiết kế Material 08:46
Bài 2: Thiết kế nút 09:17
Bài 3: Phân loại nút 05:43
Bài 4: Cấu trúc và phân cấp thông tin của các loại nút 03:24

Phần 37: Material Design - Thực hành thiết kế text button và outline button
Bài 1: Thiết kế text button bằng Photoshop 19:09
Bài 2: Thiết kế outline button bằng Photoshop 12:47

Phần 38: Material Design - Thiết kế contained button
Bài 1: Hướng dẫn thiết kế Contained button 09:37
Bài 2: Hướng dẫn thiết kế Contained button kèm icon 06:13

Phần 39: Material Design - Toggle button và các tùy biến dựa trên Material Design
Bài 1: Hướng dẫn thiết kế Toggle Button 07:25
Bài 2: Phân tích các trường hợp sử dụng và kết hợp của 4 loại nút trong Material Design 04:54
Bài 3: Thiết kế tuỳ biến dựa trên Material Design 06:45

Phần 40: Material Design - Thiết kế đối tượng UI Floating action button
Bài 1: Giới thiệu về Floating Action Button dạng tròn 05:27
Bài 2: Giới thiệu về Floating Action Button dạng dài 02:45
Bài 3: Hướng dẫn thiết kế 2 loại Floating Action Button 11:41

Phần 41: Material Design - Giới thiệu và qui chuẩn thiết kế khối nội dung - Card
Bài 1: Giới thiệu cách thiết kế khối nội dung - Card 09:20
Bài 2: Quy chuẩn thiết kế cho phần nội dung 07:30

Phần 42: Material Design - Thực hành thiết kế khối nội dung
Bài 1: Thiết kế khối nội dung phần thực hành 12:31
Bài 2: Hoàn thiện thiết kế khối nội dung phần dưới card 07:21
Bài 3: Thiết kế card mở rộng theo thông số material 09:24
Bài 4: Thiết kế text cho khối nội dung 12:50
Bài 5: Hoàn thiện thiết kế khối nội dung 15:55

Phần 43: Material Design - Giới thiệu và thực hành đối tượng UI Banner
Bài 1: Giới thiệu banner và cách sử dụng banner 03:40
Bài 2: Bài tập thiết kế banner cơ bản 08:40
Bài 3: Bài tập thiết kế banner loại 3 15:02
Bài 4: Cách thiết kế tuỳ biến dựa trên Material Design 04:24

Phần 44: Material Design - Giới thiệu và thực hành thiết kế đối tượng UI Chips
Bài 1: Giới thiệu các thiết kế thành phần nhập liệu - Chips 07:08
Bài 2: Thiết kế Chips cơ bản 09:23
Bài 3: Chữa bài thiết kế Chips có icon 14:00

Phần 45: Material Design - Giới thiệu và thiết kế Dialog theo chuẩn Material Design
Bài 1: Giới thiệu về thiết kế dialog 06:43
Bài 2: Thực hành thiết kế dialog theo chuẩn 10:53
Bài 3: Hoàn thiện dialog cho giao diện web 12:12

Phần 46: Material Design - Thiết kế UI Appbar
Bài 1: Giới thiệu đối tượng UI Appbar 04:19
Bài 2: Thiết kế thanh Appbar 11:47
Bài 3: Thực hành thiết kế App bar 09:05
Bài 4: Tùy biến thanh Appbar 02:19

Phần 47: Material Design - Thiết kế danh sách dữ liệu cơ bản
Bài 1: Giới thiệu cách thiết kế danh sách dữ liệu và các loại danh sách dữ liệu 05:56
Bài 2: Thiết kế danh sách cơ bản 17:30

Phần 48: Material Design - Thực hành thiết kế các loại danh sách dữ liệu
Bài 1: Thực hành thiết kế danh sách có ảnh 05:09
Bài 2: Thực hành danh sách 2 dòng 04:21
Bài 3: Danh sách 2 dòng có overline text 04:14
Bài 4: Thiết kế danh sách 3 dòng có avatar 13:33

Phần 49: Material Design - Thiết kế menu Dropdown
Bài 1: Thiết kế menu 02:50
Bài 2: Thực hành với menu dropdown 10:06

Phần 50: Material Design - Thiết kế thanh Navigation Drawer
Bài 1: Thiết kế thanh navigation drawer 06:26
Bài 2: Thực hành thiết kế thanh navigation drawer 18:32
Bài 3: Ví dụ về tùy biến menu 02:47

Phần 51: Material Design - Thiết kế menu ngang
Bài 1: Giới thiệu thành phần UI menu ngang 03:55
Bài 2: Thiết kế menu tab dạng chữ 08:33
Bài 3: Thiết kế menu tab dạng chữ kèm icon 06:37

Phần 52: Material Design - Thiết kế bố cục ảnh
Bài 1: 4 loại bố cục sắp xếp trong Material Design 06:56
Bài 2: Thiết kế bố cục ảnh chuẩn 14:28
Bài 3: Thiết kế bố cục ảnh dạng free layout 08:58
Bài 4: Thiết kế bố cục ảnh dạng free layout nhịp 2 (Phần 1) 08:18
Bài 5: Thiết kế bố cục ảnh dạng free layout nhịp 2 - 6 cột (Phần 2) 09:39
Bài 6: Thiết kế bố cục ảnh dạng free layout nhịp 2 (Phần 3) 08:33

Phần 53: Material Design - Tổng kết
Bài 1: Tổng kết 04:54

Phần 54: Adobe Experience Design 2018 - Giới thiệu và cài đặt
Bài 1: Giới thiệu phần mềm Adobe XD 2018 11:34
Bài 2: Cài đặt Adobe XD 2018 05:41

Phần 55: AdobeXD 2018 - Định nghĩa UI/UX và qui trình thiết kế UI/UX
Bài 1: Định nghĩa thiết kế UX 11:34
Bài 2: Định nghĩa thiết kế UI 12:21
Bài 3: Qui trình thiết kế UI/UX 10:43

Phần 56: AdobeXD 2018 - Học thiết kế và xuất file trong Adobe XD
Bài 1: Tổng quan cách sử dụng Adobe XD 03:02
Bài 2: Hai cách xuất file thiết kế web ra trình duyệt trên Adobe XD 05:51
Bài 3: Xuất file thiết kế App dạng link và rút gọn link 05:38
Bài 4: Cài đặt 2 ứng dụng trên điện thoại và ipad để demo thiết kế 03:34

Phần 57: AdobeXD 2018 - Cách đổ màu và xử lý chữ trong Adobe XD
Bài 1: Cách đổ màu Gradient 05:12
Bài 2: Text trong Adobe XD 03:00
Bài 3: Chữ demo trong Adobe XD 03:15
Bài 4: Line height của chữ trong Adobe XD 03:58
Bài 5: Cỡ chữ chuẩn cho thiết kế app 05:31
Bài 6: Chuyển đổi chữ thành hình trong Adobe XD 04:05

Phần 58: AdobeXD 2018 - Sử dụng repeatgrid và các tính năng đặc biệt của Adobe XD
Bài 1: Sử dụng repeatgrid 04:34
Bài 2: Bo góc nhanh trong Adobe XD 01:43
Bài 3: Set độ trong suốt của đối tượng siêu tốc 02:23
Bài 4: Hiệu ứng blur trong Adobe XD 02:45

Phần 59: AdobeXD 2018 - Sử dụng icon trong Adobe XD
Bài 1: Cách sử dụng font icon 03:32
Bài 2: Sử dụng icon finder và Flaticon 02:52
Bài 3: Cách thiết kế chính xác theo chuẩn lưới của Google Material 04:28

Phần 60: AdobeXD 2018 - Các kĩ thuật thiết kế hiệu ứng của Adobe XD
Bài 1: Cơ bản về demo ứng dụng trong Adobe XD 07:13
Bài 2: Điều hướng dạng trượt cho các chức năng thanh toán 02:20
Bài 3: Cách căn chỉnh Repeat Grid và xử lý nội dung demo 05:32
Bài 4: Cách làm giao diện cuộn chuột trên Web và App 04:48
Bài 5: Cách làm hiệu ứng Popup 10:03
Bài 6: Giới thiệu tính năng auto animate 07:09
Bài 7: Thực hành hiệu ứng slide ảnh 02:53
Bài 8: Làm hiệu ứng kéo thả trên Adobe XD 04:57
Bài 9: Cách thiết kế hiệu ứng loading và demo 06:29
Bài 10: Cách lưu thông số màu nhanh trong Adobe XD 01:42
Bài 11: Cách quản lý màu trong thiết kế 08:08
Bài 12: Cách thiết kế cố định một phần tử khi cuộn chuột 03:24
Bài 13: Quản lý layer trong Adobe XD 04:33
Bài 14: Làm hiệu ứng cuộn chuột thay đổi nội dung 07:58

Phần 61: Adobe Muse CC 2018 - Giới thiệu bài tập thực hành thiết kế UI/UX
Bài 1: Thực hành thiết kế UX qua bài tập thiết kế chức năng 05:42
Bài 2: Các bước chuẩn bị khi thiết kế UI/UX 11:55

Phần 62: Adobe Muse CC 2018 - Thiết kế chuỗi hoạt động trên Photoshop
Bài 1: Thiết kế chuỗi hoạt động trên Photoshop 17:42
Bài 2: Cài đặt cơ bản khi bắt đầu thiết kế trên Adobe Muse 12:43

Phần 63: Adobe Muse CC 2018 - Cách xử lý nền, text, icon trên Adobe Muse
Bài 1: Xử lý nền và text 06:40
Bài 2: Xử lý phần form 11:19
Bài 3: Xử lý font icon 05:28
Bài 4: Cách load icon từ file svg 02:00

Phần 64: Adobe Muse CC 2018 - Thiết kế UX trên Muse
Bài 1: Thiết kế UX trên Muse - Phần 1 10:13
Bài 2: Thiết kế UX trên Muse - Phần 2 16:41

Phần 65: Adobe Muse CC 2018 - Hoàn thiện và chạy thử
Bài 1: Hoàn thiện và test UX 10:14
Bài 2: Cách số 2 chuyển đổi từ Photoshop sang Muse 15:51

Phần 66: Adobe Muse CC 2018 - Thiết kế ảnh phóng to
Bài 1: Các kĩ thuật thiết kế UX cần học 06:48
Bài 2: Kĩ thuật demo phần phóng to ảnh 06:48

Phần 67: Adobe Muse CC 2018 - Thiết kế giao diện tràn màn hình và hiệu ứng chuyển ảnh
Bài 1: Cách làm giao diện tràn màn hình 05:36
Bài 2: Thực hành hiệu ứng chuyển ảnh 03:40
Bài 3: Cách làm hiệu ứng chuyển ảnh và chuyển chữ 04:53

Phần 68: Adobe Muse CC 2018 - Thiết kế hiệu ứng lọc
Bài 1: Thực hành phương pháp số 1 - làm hiệu ứng lọc sản phẩm với active và page 10:23
Bài 2: Thực hành phương pháp số 2 - làm hiệu ứng lọc sản phẩm với widget 07:06

Phần 69: Adobe Muse CC 2018 - Hiệu ứng trượt
Bài 1: Làm khối cố định vị trí khi cuộn chuột 04:27
Bài 2: Làm hiệu ứng trượt 03:57

Phần 70: Adobe Muse CC 2018 - Menu hai cấp và hiệu ứng load
Bài 1: Thiết kế menu hai cấp 07:07
Bài 2: Thiết kế hiệu ứng load 12:56

Phần 71: Adobe Muse CC 2018 - Hiệu ứng tương tác với nút và khối
Bài 1: Thiết kế tương tác với nút trong Muse 05:06
Bài 2: Thiết kế tương tác với khối trong Muse 07:53

Xem Video khóa học

Please wait loading...

Nguyễn Đức Việt sinh năm 1986, tốt nghiệp Đại học Bách khoa, khoa Công nghệ thông tin.
Với 8 năm kinh nghiệm giảng dạy, anh đã có hàng nghìn học viên đã tốt nghiệp và làm việc trong lĩnh vực thiết kế, đặc biệt là thiết kế web chuyên nghiệp.
Ngoài ra anh còn tham gia rất nhiều dự án dạy các shortcourse cho người đi làm và các dự án Freelance khác về thiết kế web dựa trên ngôn ngữ lập trình mã nguồn mở.

Tags: