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

Thiết kế sản phẩm, Web, Mobile App, tự tin chuyển bản thiết kế của mình sang web/app mà không cần phải viết code
Giảng viên: Nguyễn Đức Việt – Giảng viên Thiết kế web tại FPT – Arena


Tìm Hiểu Thêm

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.

Bạn sẽ học được gì?

  • Phần kiến thức cơ bản bộ công cụ:  Adobe  muse cc 2017, Adobe experience cc 2017
  • Hiểu những lợi ích mà thiết kế UX UI mang lại cho sản phẩm
  • Sử dụng các công cụ Adobe.để có được bản thiết kế UI/UX
  • Tự thiết kế một app hoàn chỉnh và đẹp mắt
  • Tự thiết kế web hồ sơ năng lực cá nhân
  • Thiết kế landing page và chuyển sang website thật nhờ Adobe Muse

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

Đăng Ký Học Ngay

Trả lời

Email của bạn sẽ không được hiển thị công khai.