Học thiết kế ux/ui cho ứng dụng và Website bằng Adobe Photoshop, Muse và xd cc 2017


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

  • Bạn muốn nâng cao chất lượng sản phẩm?
  • Bạn muốn chuyển bản thiết kế của mình sang web/app mà không cần phải viết code?
  • Bạn muốn hiểu sâu hơn về tư duy thiết kế sản phẩm, Web và Mobile Application?
  • Khóa học Học thiết kế ux/ui cho ứng dụng và Website bằng Adobe Photoshop, Muse và xd cc 2017 – Giảng viên Nguyễn Đức Việt là dành cho bạn
  • Đây là khóa học đầu tiên hướng dẫn về thiết kế ux và ui với sự hỗ trợ của các công cụ thiết kế hàng đâu của Adobe:
  • Adobe Illustrator
  • Adobe Photoshop
  • Adobe XD
  • Adobe Muse
  • Giờ đây, việc thiết kế UX UI, cách để có bản thiết kế UI/UX thông qua việc sử dụng các công cụ Adobe sẽ không còn là điều khó khăn với bạn nữa. Sau khóa học, bạn sẽ tự thiết kế một app hoàn chỉnh hay tự thiết kế landing page và chuyển sang website thật nhờ Adobe Muse và còn làm được nhiều điều thú vị hơn thế nữa.


Lợi ích khóa học


  • Phần kiến thức cơ bản bộ công cụ :  Adobe  muse cc 2017, Adobe experience cc 2017
  • 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.  
  • Tự thiết kế một app hoàn chỉnh
  • Tự thiết kế web hồ sơ năng lực cá nhân
  • Tự thiết kế landing page và chuyển sang website thật nhờ Adobe Muse.


➣  Bài giảng: 126 bài học/ 15 giờ 50 phút
➣  Giá gốc: 700,000 VNĐ
➣  Học viên được ưu đãi còn: 420,000 VND Giảm (40%) hoặc cao hơn khi đăng kí tại link dưới đây.

Đối tượng đào tạo


  • 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 đ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.




Nội dung khóa học

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:34
Bài 2  Giới thiệu kiến thức photoshop cần dùng  06:05
Phần 2 : Kiến thức cơ bản về Photoshop
Bài 3  Cài đặt công cụ cho khóa học  03:35
Bài 4  Không gian làm việc của photoshop  08:14
Bài 5  Các phương pháp tách layer trong photoshop  05:29
Bài 6  Công cụ lasso và marquee trong xử lý layer  05:45
Bài 7  Tách layer bằng công cụ magnetic lasso  04:01
Bài 8  Tách layer bằng công cụ magic warn và selection tool  09:47
Bài 9  Tính năng contigous cho magic warnd  08:02
Bài 10  Tách layer nâng cao với công cụ refine edge  06:59
Bài 11  Tách layer nâng cao với công cụ refine edge - phiên bản cc 2017 - Bài…04:48
Bài 12  Tách layer nâng cao với công cụ refine edge - phiên bản cc 2017 - Bài…09:09
Bài 13  Tách layer bằng cách sử dụng công cụ pentool  10:32
Bài 14  Sử dụng thành thạo tính năng smart object  13:04
Bài 15  Qui trình thiết kế  06:56
Bài 16  Thiết kế banner - phần ý tưởng và kích cỡ  15:27
Bài 17  Xử lý tách layer bằng Magnetic tool  08:31
Bài 18  Xử lý tóc bằng Refine edge  07:13
Bài 19  Thao tác với vùng chọn và đổ màu  07:14
Bài 20  Thao tác với mặt nạ để tạo hiệu ứng cho nhân vật  06:38
Bài 21  Hai phương pháp vẽ hình trong photoshop  06:59
Bài 22  Vẽ hình tự do sử dụng Pentool  05:20
Bài 23  Xử lý phần text  15:06
Bài 24  Xử lý phần background  17:56
Bài 25  Tổng kết kiến thức phần photoshop 03:57
Phần 3 : Cài đặt ADOBE MUSE CC 2017
Bài 26  Giới thiệu phần mêm Adobe Muse CC 2017 - why và how  05:50
Bài 27  Cài đặ  t05:00
Phần 4 : Cơ bản về ADOBE MUSE qua bài tập 1
Bài 28  Giới thiệu bài tập số 1  02:20
Bài 29  Setup cơ bản trong Adobe Muse và cách chạy thử file trong muse  14:47
Bài 30  Sử dụng font thế nào, dùng icon font thế nào trong Muse  11:42
Bài 31  Tóm tắt kiến thức14:47
Bài 32  Tạo trang company và link tương tác  05:44
Bài 33  Tạo menu điều hướng trong Muse thế nào  07:13
Bài 34  Hoàn thiện web đầu tiên với việc sử dụng master page  07:13
Phần 5 : Giới thiệu thiết kế WIREFRAME
Bài 35  Định nghĩa wireframe - what - why - how  08:57
Bài 36  Học thiết kế wireframe qua bài tập  04:25
Phần 6 : Thực hành thiết kế WIREFRAME qua bài tập
Bài 37  Cài đặt ban đầu cho thiết kế wireframe  05:35
Bài 38  Xử lý master page  09:47
Bài 39  Xử lý trang chủ  09:50
Bài 40  Xử lý trang chủ - P2  07:59
Bài 41  Xử lý trang Giới thiệu  07:04
Bài 42  Thiết kế trang gói dịch vụ  06:04
Bài 43  Sử dụng nhiều trang master thế nào  02:49
Bài 44  Tạo menu đa cấp cho việc chuyển đổi các trang wireframe  05:09
Bài 45  Tổng kết về thiết kế wireframe  04:32
Phần 7 : Thiết kế thành phần Menu trong ADOBE MUSE
Bài 46  Giới thiệu các thành phần UX  05:29
Bài 47  Cách thiết kế menu cố định khi cuộn chuột  12:39
Bài 48  Cách thiết kế menu cố định trái và phải  05:45
Phần 8 : Thiết kế hiệu ứng tương tác cuộn chuột trên ADOBE MUSE
Bài 49  Cách thiết kế hiệu ứng tương tác khi cuộn chuột  10:34
Bài 50  Áp dụng scroll UX cho bài tập thực tế  13:45
Phần 9 : Thể hiện hiệu ứng FIX BACKGROUND và LIGHTBOX trên ADOBE MUSE
Bài 51  Thiết kế hiệu ứng fix background  09:24
Bài 52  Thiết kế hiệu ứng lightbox  09:33
Phần 10 : Giới thiệu về thiết kế RESPONSIVE trong ADBOE MUSE qua bài thực hành
Bài 53  Thiết kế thành UI-UX - Thiết kế responsive trong Adobe Muse 2017  06:43
Bài 54  Thiết kế responsive - phương pháp số 1  10:10
Bài 55  Thiết kế responsive - phương pháp số 2 - Adaptive  08:16
Phần 11 : Phương pháp thiết kế menu RESPONSIVE trong MUSE
Bài 56  Thiết kế menu responsive - phần 1  04:19
Bài 57  Thiết kế menu responsive - phần 2  05:29
Bài 58  Thiết kế menu responsive - phần 3  09:54
Phần 12 : Phương pháp thiết kế hiệu ứng trượt trong ADOBE MUSE
Bài 59  Thiết kế hiệu ứng trượt của landing page thế nào  04:41
Bài 60  Thực hành thiết kế hiệu ứng trượt cho landing page - phần 1  09:10
Bài 61  Thực hành thiết kế hiệu ứng trượt cho landing page - phần 2  07:05
Phần 13 : Thiết kế hiệu ứng tương tác kiểu HOVER bằng GRAPHIC STYLE TRONG MUSE
Bài 62  Thiết kế các hiệu ứng tương tác kiểu hover  06:18
Bài 63  Thực hành với graphic style trong Muse  13:08
Bài 64  Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox - P109:25
Bài 65  Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox - P2  03:52
Bài 66  Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox - P3  07:30
Bài 67  Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox - P4  09:46
Phần 14 : Hiệu ứng tương tác nâng cao qua bài tập thực hành
Bài 68  Thực hành thiết kế tương tác nâng cao - Phần 1  06:07
Bài 69  Thực hành thiết kế tương tác nâng cao - Phần 2  11:13
Bài 70  Thực hành thiết kế tương tác nâng cao - Phần 3  03:24
Bài 71  Thực hành thiết kế tương tác nâng cao - Phần 4  07:03
Bài 72  Thực hành thiết kế tương tác nâng cao - Phần 5  08:15
Bài 73  Thực hành thiết kế tương tác nâng cao - Phần 6  03:34
Phần 15 : Kết nối ADOBE PHOTOSHOP và ADOBE MUSE CC 2017
Bài 74  Kết nối Photoshop CC 2017 và Adobe Muse CC 2017  05:30
Bài 75  Áp dụng thiết kế banner với photoshop và muse  09:38
Phần 16 : Thực hành với các tính năng thiết kế UX sẵn có trong MUSE
Bài 76  Cách cài đặt widget trong muse - Áp dụng thiết kế background video  09:22
Bài 77  Giới thiệu phương pháp thiết kế slide show không cần widget  07:52
Bài 78  Thiết kế google map và youtube trên Muse thế nào  06:20
Phần 17 : Thực hành ADOBE MUSE CC 2017 qua project thực tế
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  06:03
Bài 80  Getstarted  04:11
Bài 81  Thiết kế menu và logo  10:46
Bài 82  Thiết kế UX cho menu - P1  05:49
Bài 83  Thiết kế UX cho menu - P2  09:20
Bài 84  Thiết kế hiệu ứng slide trượt ngang - Phần 1  04:20
Bài 85  Thiết kế hiệu ứng slide trượt ngang - Phần 2  07:04
Bài 86  Thiết kế hiệu ứng slide trượt ngang - Phần 3  09:13
Bài 87  Thiết kế hiệu ứng slide trượt ngang - Phần 4  07:32
Bài 88  Thiết kế khối dịch vụ bằng cách sử dụng icon font  08:00
Bài 89  Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 1  03:39
Bài 90  Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 2 - Sử dụng ph…05:25
Bài 91  Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 3  07:03
Bài 92  Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 4  08:40
Bài 93  Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 5  02:26
Bài 94  Thiết kế phần dịch vụ  05:17
Bài 95  Thiết kế phần hiệu ứng slide cảm nhận khách hàng  05:34
Bài 96  Thiết kế phần nút và nội dung slide  09:11
Bài 97  Thiết kế hiệu ứng trượt  03:47
Bài 98  Thiết kết UX cho khối team member  09:06
Bài 99  Thiết kế hiệu ứng Tab  05:10
Bài 100  Hướng dẫn hoàn thiện thiết kế UI-UX cho website nội thất  03:39
Bài 101  Tổng kết về Adobe Muse và giới thiệu phần quản trị website Muse với W…08:17
Phần 18 : Giới thiệu và cài đặt ADOBE EXPERIENCE CC 2017
Bài 102  Giới thiệu ADOBE XD CC 2017  09:19
Bài 103  Cài đặt Adobe Xd  05:29
Phần 19 : Làm quen với ADOBE EXPERIENCE CC 2017 qua bài thực hành
Bài 104  Không gian làm việc của adobe xd cc 2017  09:34
Bài 105  Bài tập đầu tiên về Adobe XD cc 2017  08:31
Phần 20 : Thiết kế ứng dụng trên ADOBE EXPERIENCE CC
Bài 106  Bài tập 2 . Thực hành sử dụng Adobe XD Prototype trên giao diện iph…11:36
Bài 107  Thực hành thiết kế giao diện App cho ipad Pro  07:24
Bài 108  Thiết kế giao diện trang chi tiết  08:57
Bài 109  Thực hành với Prototype  05:35
Bài 110  Hoàn thiện ứng dụng đầu tiên với Adobe XD  04:30
Bài 111  Upload và tạo link trực tuyến cho ứng dụng thiết kế trong Adobe XD  06:48
Phần 21 : Thiết kế ứng dụng đọc tên trên ADOBE EXPRIENCE CC
Bài 112  Giới thiệu bài tập 3 . thiết kế App đọc tin trên iphone  02:08
Bài 113  Vẽ phần Top của ứng dụng  11:22
Bài 114  Thiết kế phần slide cho banner  09:16
Bài 115  Sử dụng Repeat grid thiết kế phần giao diện đọc tin  07:10
Bài 116  Sử dụng Scroll cho thiết kế phần giao diện đọc tin  04:54
Bài 117  Xử lý phân trang bằng Repeat Grid  03:31
Bài 118  Thiết kế footer  04:28
Bài 119  thiết kế thanh tìm kiếm  07:04
Bài 120  Cách sử dụng font awesome cho tất cả icon trong Adobe xd  08:02
Bài 121  Thiết kế menu chi tiết cho ứng dụng  07:42
Bài 122  Xử lý phần điều hướng cho Menu bằng prototype  02:46
Bài 123  Thiết kế giao diện trang chi tiết đọc tin0  8:13
Bài 124  Thiết kế giao diện trang chi tiết đọc tin - Phần 2  12:01
Bài 125  Điều hướng cho ứng dụng bằng prototype  08:23
Bài 126  Xuất bản App  05:29

 

Quyền lợi học viên

☑  Được học đi học lại, học mọi lúc mọi nơi
☑  Được đặt câu hỏi cho giảng viên, trao đổi cùng các học viên khác trong phần "thảo luận" khóa.
☑  Được giảng viên hỗ trợ trực tiếp thông qua nhóm Facebook, giao lưu cùng những học viên khác trên nhóm.
☑  Giảng viên có thể tổ chức các buổi giao lưu trực tuyến hoặc trực tiếp
☑  Được hoàn trả 100% học phí nếu nội dung khóa học không như mong đợi
➣  Bài giảng: 126 bài học/ 15 giờ 50 phút
➣  Giá gốc: 700,000 VNĐ
➣  Học viên được ưu đãi còn: 420,000 VND Giảm (40%) hoặc cao hơn khi đăng kí tại link dưới đây.