[Chia sẻ] Khóa học thiết kế UXUI WebApp bằng Adobe Photoshop, Adove Muse, Adobe Experience Design CC – Miễn phí

[Chia sẻ] Khóa học thiết kế UXUI WebApp bằng Adobe Photoshop, Adove Muse, Adobe Experience Design CC – Miễn phí

Xem ngay

Ưu điểm của khóa họ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.

Nội dung của 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

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

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
• Bài 2: Cài đặt Adobe Muse CC 2017

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
• Bài 2: Setup cơ bản trong Adobe Muse và cách chạy thử file trong Muse
• Bài 3: Sử dụng font thế nào, dùng icon font thế nào trong Muse
• Bài 4: Tóm tắt kiến thức
• Bài 5: Tạo trang company và link tương tác
• Bài 6: Tạo menu điều hướng trong Muse thế nào
• Bài 7: 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 1: Định nghĩa wireframe – what – why – how
• Bài 2: 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 1: Cài đặt ban đầu cho thiết kế wireframe
• Bài 2: Xử lý master page
• Bài 3: Xử lý trang chủ – Phần 1
• Bài 4: Xử lý trang chủ – Phần 2
• Bài 5: Xử lý trang Giới thiệu
• Bài 6: Thiết kế trang gói dịch vụ
• Bài 7: Sử dụng nhiều trang master thế nào
• Bài 8: Tạo menu đa cấp cho việc chuyển đổi các trang wireframe
• Bài 9: 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 1: Giới thiệu các thành phần UI/UX
• Bài 2: Cách thiết kế menu cố định khi cuộn chuột
• Bài 3: 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 1: Cách thiết kế hiệu ứng tương tác khi cuộn chuột
• Bài 2: Á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 1: Thiết kế hiệu ứng fix background
• Bài 2: Thiết kế hiệu ứng lightbox

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
• Bài 2: Thiết kế responsive – phương pháp số 1
• Bài 3: 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 1: Thiết kế menu responsive – phần 1
• Bài 2: Thiết kế menu responsive – phần 2
• Bài 3: 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 1: Thiết kế hiệu ứng trượt của landing page thế nào
• Bài 2: Thực hành thiết kế hiệu ứng trượt cho landing page – phần 1
• Bài 3: 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 1: Thiết kế các hiệu ứng tương tác kiểu hover
• Bài 2: Thực hành với graphic style trong Muse
• Bài 3: Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox – phần 1
• Bài 4: Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox – phần 2
• Bài 5: Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox – phần 3
• Bài 6: Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox – phần 4

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

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
• Bài 2: Áp dụng thiết kế banner với Photoshop và Muse

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

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
• Bài 2: Getstarted
• Bài 3: Thiết kế menu và logo
• Bài 4: Thiết kế UX cho menu – Phần 1
• Bài 5: Thiết kế UX cho menu – Phần 2
• Bài 6: Thiết kế hiệu ứng slide trượt ngang – Phần 1
• Bài 7: Thiết kế hiệu ứng slide trượt ngang – Phần 2
• Bài 8: Thiết kế hiệu ứng slide trượt ngang – Phần 3
• Bài 9: Thiết kế hiệu ứng slide trượt ngang – Phần 4
• Bài 10: Thiết kế khối dịch vụ bằng cách sử dụng icon font
• Bài 11: Thiết kế khối sản phẩm với UX lightbox và Hover – Phần 1
• Bài 12: Thiết kế khối sản phẩm với UX lightbox và Hover – Phần 2
• Bài 13: Thiết kế khối sản phẩm với UX lightbox và Hover – Phần 3
• Bài 14: Thiết kế khối sản phẩm với UX lightbox và Hover – Phần 4
• Bài 15: Thiết kế khối sản phẩm với UX lightbox và Hover – Phần 5
• Bài 16: Thiết kế phần dịch vụ
• Bài 17: Thiết kế phần hiệu ứng slide cảm nhận khách hàng
• Bài 18: Thiết kế phần nút và nội dung slide
• Bài 19: Thiết kế hiệu ứng trượt
• Bài 20: Thiết kết UX cho khối team member
• Bài 21: Thiết kế hiệu ứng Tab
• Bài 22: Hướng dẫn hoàn thiện thiết kế UI-UX cho website nội thất
• 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

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
• Bài 2: Cài đặt Adobe XD

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

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

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
• Bài 2: Vẽ phần Top của ứng dụng
• Bài 3: Thiết kế phần slide cho banner
• Bài 4: Sử dụng Repeat grid thiết kế phần giao diện đọc tin
• Bài 5: Sử dụng Scroll cho thiết kế phần giao diện đọc tin
• Bài 6: Xử lý phân trang bằng Repeat Grid
• Bài 7: Thiết kế footer
• Bài 8: Thiết kế thanh tìm kiếm
• Bài 9: Cách sử dụng font awesome cho tất cả icon trong Adobe XD
• Bài 10: Thiết kế menu chi tiết cho ứng dụng
• Bài 11: Xử lý phần điều hướng cho Menu bằng prototype
• Bài 12: Thiết kế giao diện trang chi tiết đọc tin – Phần 1
• Bài 13: Thiết kế giao diện trang chi tiết đọc tin – Phần 2
• Bài 14: Điều hướng cho ứng dụng bằng prototype
• Bài 15: Hướng dẫn thiết kế các phần còn lại của App

Giới thiệu giảng viên

Giảng viên: Nguyễn Đức Việt