Học thiết kế ux/ui cho ứng dụng và Website bằng Adobe Photoshop,…
|
Bài giảng: 126 bài học/ 15 giờ 50 phút Học viên đăng ký: 11 Giá gốc: 700,000 VNĐ Ưu đãi còn: 420,000 VNĐ |
Bài giảng: 126 bài học
Thời lượng: 15 giờ 50 phút
Học viên đăng ký: 11
Giá gốc: 700,000 VNĐ
Ưu đãi còn: 420,000 VNĐ (giảm 40% áp dụng đến ngày 27/04)
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.
Đố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
Phần 2 : Kiến thức cơ bản về Photoshop
- Bài 3Cài đặt công cụ cho khóa học03:35
- Bài 4Không gian làm việc của photoshop08:14
- Bài 5Các phương pháp tách layer trong photoshop05:29
- Bài 6Công cụ lasso và marquee trong xử lý layer05:45
- Bài 7Tách layer bằng công cụ magnetic lasso04:01
- Bài 8Tách layer bằng công cụ magic warn và selection tool09:47
- Bài 9Tính năng contigous cho magic warnd08:02
- Bài 10Tách layer nâng cao với công cụ refine edge06:59
- Bài 11Tách layer nâng cao với công cụ refine edge - phiên bản cc 2017 - Bài…04:48
- Bài 12Tách layer nâng cao với công cụ refine edge - phiên bản cc 2017 - Bài…09:09
- Bài 13Tách layer bằng cách sử dụng công cụ pentool10:32
- Bài 14Sử dụng thành thạo tính năng smart object13:04
- Bài 15Qui trình thiết kế06:56
- Bài 16Thiết kế banner - phần ý tưởng và kích cỡ15:27
- Bài 17Xử lý tách layer bằng Magnetic tool08:31
- Bài 18Xử lý tóc bằng Refine edge07:13
- Bài 19Thao tác với vùng chọn và đổ màu07:14
- Bài 20Thao tác với mặt nạ để tạo hiệu ứng cho nhân vật06:38
- Bài 21Hai phương pháp vẽ hình trong photoshop06:59
- Bài 22Vẽ hình tự do sử dụng Pentool05:20
- Bài 23Xử lý phần text15:06
- Bài 24Xử lý phần background17:56
- Bài 25Tổng kết kiến thức phần photoshop03:57
Phần 3 : Cài đặt ADOBE MUSE CC 2017
Phần 4 : Cơ bản về ADOBE MUSE qua bài tập 1
- Bài 28Giới thiệu bài tập số 102:20
- Bài 29Setup cơ bản trong Adobe Muse và cách chạy thử file trong muse14:47
- Bài 30Sử dụng font thế nào, dùng icon font thế nào trong Muse11:42
- Bài 31Tóm tắt kiến thức 14:47
- Bài 32Tạo trang company và link tương tác05:44
- Bài 33Tạo menu điều hướng trong Muse thế nào07:13
- Bài 34Hoàn thiện web đầu tiên với việc sử dụng master page07:13
Phần 5 : Giới thiệu thiết kế WIREFRAME
Phần 6 : Thực hành thiết kế WIREFRAME qua bài tập
- Bài 37Cài đặt ban đầu cho thiết kế wireframe05:35
- Bài 38Xử lý master page09:47
- Bài 39Xử lý trang chủ 09:50
- Bài 40Xử lý trang chủ - P207:59
- Bài 41Xử lý trang Giới thiệu07:04
- Bài 42Thiết kế trang gói dịch vụ06:04
- Bài 43Sử dụng nhiều trang master thế nào02:49
- Bài 44Tạo menu đa cấp cho việc chuyển đổi các trang wireframe05:09
- Bài 45Tổng kết về thiết kế wireframe04:32
Phần 7 : Thiết kế thành phần Menu trong ADOBE MUSE
- Bài 46Giới thiệu các thành phần UX05:29
- Bài 47Cách thiết kế menu cố định khi cuộn chuột12:39
- Bài 48Cách thiết kế menu cố định trái và phải05:45
Phần 8 : Thiết kế hiệu ứng tương tác cuộn chuột trên ADOBE MUSE
- Bài 49Cách thiết kế hiệu ứng tương tác khi cuộn chuột10: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
Phần 10 : Giới thiệu về thiết kế RESPONSIVE trong ADBOE MUSE qua bài thực hành
- Bài 53Thiết kế thành UI-UX - Thiết kế responsive trong Adobe Muse 201706:43
- Bài 54Thiết kế responsive - phương pháp số 110:10
- Bài 55Thiết kế responsive - phương pháp số 2 - Adaptive08:16
Phần 11 : Phương pháp thiết kế menu RESPONSIVE trong MUSE
- Bài 56Thiết kế menu responsive - phần 104:19
- Bài 57Thiết kế menu responsive - phần 205:29
- Bài 58Thiết kế menu responsive - phần 309:54
Phần 12 : Phương pháp thiết kế hiệu ứng trượt trong ADOBE MUSE
- Bài 59Thiết kế hiệu ứng trượt của landing page thế nào04:41
- Bài 60Thực hành thiết kế hiệu ứng trượt cho landing page - phần 109:10
- Bài 61Thực hành thiết kế hiệu ứng trượt cho landing page - phần 207: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 62Thiết kế các hiệu ứng tương tác kiểu hover06:18
- Bài 63Thực hành với graphic style trong Muse13:08
- Bài 64Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox - P109:25
- Bài 65Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox - P203:52
- Bài 66Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox - P307:30
- Bài 67Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox - P409: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 68Thực hành thiết kế tương tác nâng cao - Phần 106:07
- Bài 69Thực hành thiết kế tương tác nâng cao - Phần 211:13
- Bài 70Thực hành thiết kế tương tác nâng cao - Phần 303:24
- Bài 71Thực hành thiết kế tương tác nâng cao - Phần 407:03
- Bài 72Thực hành thiết kế tương tác nâng cao - Phần 508:15
- Bài 73Thực hành thiết kế tương tác nâng cao - Phần 603:34
Phần 15 : Kết nối ADOBE PHOTOSHOP và ADOBE MUSE CC 2017
- Bài 74Kết nối Photoshop CC 2017 và Adobe Muse CC 201705:30
- Bài 75Áp dụng thiết kế banner với photoshop và muse09: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 76Cách cài đặt widget trong muse - Áp dụng thiết kế background video09:22
- Bài 77Giới thiệu phương pháp thiết kế slide show không cần widget07:52
- Bài 78Thiết kế google map và youtube trên Muse thế nào06:20
Phần 17 : Thực hành ADOBE MUSE CC 2017 qua project thực tế
- Bài 79Giới thiệu project web nội thất và các kiến thức cần sử dụng06:03
- Bài 80Getstarted04:11
- Bài 81Thiết kế menu và logo10:46
- Bài 82Thiết kế UX cho menu - P105:49
- Bài 83Thiết kế UX cho menu - P209:20
- Bài 84Thiết kế hiệu ứng slide trượt ngang - Phần 104:20
- Bài 85Thiết kế hiệu ứng slide trượt ngang - Phần 207:04
- Bài 86Thiết kế hiệu ứng slide trượt ngang - Phần 309:13
- Bài 87Thiết kế hiệu ứng slide trượt ngang - Phần 407:32
- Bài 88Thiết kế khối dịch vụ bằng cách sử dụng icon font08:00
- Bài 89Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 103:39
- Bài 90Thiế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 91Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 307:03
- Bài 92Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 408:40
- Bài 93Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 502:26
- Bài 94Thiết kế phần dịch vụ05:17
- Bài 95Thiết kế phần hiệu ứng slide cảm nhận khách hàng05:34
- Bài 96Thiết kế phần nút và nội dung slide09:11
- Bài 97Thiết kế hiệu ứng trượt03:47
- Bài 98Thiết kết UX cho khối team member09:06
- Bài 99Thiết kế hiệu ứng Tab05:10
- Bài 100Hướng dẫn hoàn thiện thiết kế UI-UX cho website nội thất03:39
- Bài 101Tổ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
Phần 19 : Làm quen với ADOBE EXPERIENCE CC 2017 qua bài thực hành
- Bài 104Không gian làm việc của adobe xd cc 201709:34
- Bài 105Bài tập đầu tiên về Adobe XD cc 201708:31
Phần 20 : Thiết kế ứng dụng trên ADOBE EXPERIENCE CC
- Bài 106Bài tập 2 . Thực hành sử dụng Adobe XD Prototype trên giao diện iph…11:36
- Bài 107Thực hành thiết kế giao diện App cho ipad Pro07:24
- Bài 108Thiết kế giao diện trang chi tiết08:57
- Bài 109Thực hành với Prototype05:35
- Bài 110Hoàn thiện ứng dụng đầu tiên với Adobe XD04:30
- Bài 111Upload và tạo link trực tuyến cho ứng dụng thiết kế trong Adobe XD06:48
Phần 21 : Thiết kế ứng dụng đọc tên trên ADOBE EXPRIENCE CC
- Bài 112Giới thiệu bài tập 3 . thiết kế App đọc tin trên iphone02:08
- Bài 113Vẽ phần Top của ứng dụng11:22
- Bài 114Thiết kế phần slide cho banner09:16
- Bài 115Sử dụng Repeat grid thiết kế phần giao diện đọc tin07:10
- Bài 116Sử dụng Scroll cho thiết kế phần giao diện đọc tin04:54
- Bài 117Xử lý phân trang bằng Repeat Grid03:31
- Bài 118Thiết kế footer04:28
- Bài 119thiết kế thanh tìm kiếm07:04
- Bài 120Cách sử dụng font awesome cho tất cả icon trong Adobe xd08:02
- Bài 121Thiết kế menu chi tiết cho ứng dụng07:42
- Bài 122Xử lý phần điều hướng cho Menu bằng prototype02:46
- Bài 123Thiết kế giao diện trang chi tiết đọc tin08:13
- Bài 124Thiết kế giao diện trang chi tiết đọc tin - Phần 212:01
- Bài 125Điều hướng cho ứng dụng bằng prototype08:23
- Bài 126Xuất bản App05: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
Đã có 11 học viên đăng ký học khóa này (cập nhập ngày 24/04/2024)
Giá gốc: 700,000 VNĐ
Ưu đãi còn: 420,000 VNĐ (giảm 40% áp dụng đến ngày 27/04)
