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

Đố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.

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ớ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 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.

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

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
Bài 2: Giới thiệu kiến thức photoshop cần dùng

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

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
Bài 4: Không gian làm việc của photoshop
Bài 5: Các phương pháp tách layer trong photoshop
Bài 6: Công cụ lasso và marquee trong xử lý layer
Bài 7: Tách layer bằng công cụ magnetic lasso
Bài 8: Tách layer bằng công cụ magic warn và selection tool
Bài 9: Tính năng contigous cho magic warnd
Bài 10: Tách layer nâng cao với công cụ refine edge
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
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
Bài 13: Tách layer bằng cách sử dụng công cụ pentool
Bài 14: Sử dụng thành thạo tính năng smart object
Bài 15: Qui trình thiết kế
Bài 16: Thiết kế banner - phần ý tưởng và kích cỡ
Bài 17: Xử lý tách layer bằng Magnetic tool
Bài 18: Xử lý tóc bằng Refine edge
Bài 19: Thao tác với vùng chọn và đổ màu
Bài 20: Thao tác với mặt nạ để tạo hiệu ứng cho nhân vật
Bài 21: Hai phương pháp vẽ hình trong photoshop
Bài 22: Vẽ hình tự do sử dụng Pentool
Bài 23: Xử lý phần text
Bài 24: Xử lý phần background
Bài 25: Tổng kết kiến thức phần photoshop

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

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
Bài 27: Cài đặt

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
Bài 29: Setup cơ bản trong Adobe Muse và cách chạy thử file trong muse
Bài 30: Sử dụng font thế nào, dùng icon font thế nào trong Muse
Bài 31: Tóm tắt kiến thức
Bài 32: Tạo trang company và link tương tác
Bài 33: Tạo menu điều hướng trong Muse thế nào
Bài 34: Hoàn thiện web đầu tiên với việc sử dụng master page

Phần 5: Giới thiệu thiết kế WIREFRAME

Bài 35: Định nghĩa wireframe - what - why - how
Bài 36: Học thiết kế wireframe qua bài tập

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
Bài 38: Xử lý master page
Bài 39: Xử lý trang chủ
Bài 40: Xử lý trang chủ - P2
Bài 41: Xử lý trang Giới thiệu
Bài 42: Thiết kế trang gói dịch vụ
Bài 43: Sử dụng nhiều trang master thế nào
Bài 44: Tạo menu đa cấp cho việc chuyển đổi các trang wireframe
Bài 45: Tổng kết về thiết kế wireframe

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
Bài 47: Cách thiết kế menu cố định khi cuộn chuột
Bài 48: Cách thiết kế menu cố định trái và phải

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
Bài 50: Áp dụng scroll UX cho bài tập thực tế

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
Bài 52: Thiết kế hiệu ứng lightbox

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
Bài 54: Thiết kế responsive - phương pháp số 1
Bài 55: Thiết kế responsive - phương pháp số 2 - Adaptive

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
Bài 57: Thiết kế menu responsive - phần 2
Bài 58: Thiết kế menu responsive - phần 3

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
Bài 60: Thực hành thiết kế hiệu ứng trượt cho landing page - phần 1
Bài 61: Thực hành thiết kế hiệu ứng trượt cho landing page - phần 2

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
Bài 63: Thực hành với graphic style trong Muse
Bài 64: Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox - P1
Bài 65: Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox - P2
Bài 66: Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox - P3
Bài 67: Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox - P4

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
Bài 69: Thực hành thiết kế tương tác nâng cao - Phần 2
Bài 70: Thực hành thiết kế tương tác nâng cao - Phần 3
Bài 71: Thực hành thiết kế tương tác nâng cao - Phần 4
Bài 72: Thực hành thiết kế tương tác nâng cao - Phần 5
Bài 73: Thực hành thiết kế tương tác nâng cao - Phần 6

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
Bài 75: Áp dụng thiết kế banner với photoshop và muse

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
Bài 77: Giới thiệu phương pháp thiết kế slide show không cần widget
Bài 78: Thiết kế google map và youtube trên Muse thế nào

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
Bài 80: Getstarted
Bài 81: Thiết kế menu và logo
Bài 82: Thiết kế UX cho menu - P1
Bài 83: Thiết kế UX cho menu - P2
Bài 84: Thiết kế hiệu ứng slide trượt ngang - Phần 1
Bài 85: Thiết kế hiệu ứng slide trượt ngang - Phần 2
Bài 86: Thiết kế hiệu ứng slide trượt ngang - Phần 3
Bài 87: Thiết kế hiệu ứng slide trượt ngang - Phần 4
Bài 88: Thiết kế khối dịch vụ bằng cách sử dụng icon font
Bài 89: Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 1
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
Bài 91: Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 3
Bài 92: Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 4
Bài 93: Thiết kế khối sản phẩm với UX lightbox và Hover - Phần 5
Bài 94: Thiết kế phần dịch vụ
Bài 95: Thiết kế phần hiệu ứng slide cảm nhận khách hàng
Bài 96: Thiết kế phần nút và nội dung slide
Bài 97: Thiết kế hiệu ứng trượt
Bài 98: Thiết kết UX cho khối team member
Bài 99: Thiết kế hiệu ứng Tab
Bài 100: Hướng dẫn hoàn thiện thiết kế UI-UX cho website nội thất
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

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
Bài 103: Cài đặt Adobe Xd

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
Bài 105: Bài tập đầu tiên về Adobe XD cc 2017

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
Bài 107: Thực hành thiết kế giao diện App cho ipad Pro
Bài 108: Thiết kế giao diện trang chi tiết
Bài 109: Thực hành với Prototype
Bài 110: Hoàn thiện ứng dụng đầu tiên với Adobe XD
Bài 111: Upload và tạo link trực tuyến cho ứng dụng thiết kế trong Adobe XD

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
Bài 113: Vẽ phần Top của ứng dụng
Bài 114: Thiết kế phần slide cho banner
Bài 115: Sử dụng Repeat grid thiết kế phần giao diện đọc tin
Bài 116: Sử dụng Scroll cho thiết kế phần giao diện đọc tin
Bài 117: Xử lý phân trang bằng Repeat Grid
Bài 118: Thiết kế footer
Bài 119: thiết kế thanh tìm kiếm
Bài 120: Cách sử dụng font awesome cho tất cả icon trong Adobe xd
Bài 121: Thiết kế menu chi tiết cho ứng dụng
Bài 122: Xử lý phần điều hướng cho Menu bằng prototype
Bài 123: Thiết kế giao diện trang chi tiết đọc tin
Bài 124: Thiết kế giao diện trang chi tiết đọc tin - Phần 2
Bài 125: Điều hướng cho ứng dụng bằng prototype
Bài 126: Xuất bản App

Giá sản phẩm trên Tiki đã bao gồm thuế theo luật hiện hành. Bên cạnh đó, tuỳ vào loại sản phẩm, hình thức và địa chỉ giao hàng mà có thể phát sinh thêm chi phí khác như phí vận chuyển, phụ phí hàng cồng kềnh, thuế nhập khẩu (đối với đơn hàng giao từ nước ngoài có giá trị trên 1 triệu đồng).....