Khóa này tập trung vào hai mục tiêu
1- Thiết kế ra một website đẹp theo nghĩa là đúng chuẩn thiết kế được đưa ra bởi Google
2 - Thiết kế một ứng dụng chuẩn cho điện thoại
3 - Kết nối các bản thiết kế thành để chạy demo như một ứng dụng hoàn chỉnh
Về công cụ sử dụng:
Công cụ đầu tiên là công cụ Adobe Photoshop, công cụ thiết kế đa dụng, sử dụng phần lớn trong các công ty thiết kế hiện nay.
Photoshop được sử dụng để thực hành và thiết kế khi khi học về chuẩn Material Design
Công cụ thứ hai là Adobe Experience Design (viết tắt là Adobe XD) công cụ được Adobe phát triển riêng và tối ưu cho thiết kế ứng dụng và thiết kế web.
Ngoài các tính năng thiết kế, Adobe XD sở hữu tính năng thiết kế hiệu ứng, với tính năng độc đáo này, bạn có thể mô tả, thiết kế được cả phần sử dụng thực tế với các hiệu ứng kèm theo mà không cần mô tả phức tạp dưới dạng ảnh như Photoshop. Các designer cũng không thể thiếu công cụ này.
Công cụ thứ ba là Adobe Muse : một công cụ Adobe phát triển dành riêng cho thiêt kế web responsive và xuất code dạng HTML . Một công cụ duy nhất giúp bạn thiết kế web responsive mà không cần viết code.
Về lý thuyết khóa học này tập trung các lý thuyết sau
Lý thuyết về thiết kế chữ - Chữ là một phần quan trọng trong thiết kế ứng dụng và web, để thiết kế đồ họa cho ứng dụng và web tốt, bạn cần hiểu cách xử lý phân cấp chữ.
Lý thuyết về chuẩn Material Design. Đây là cách để không biết gì cũng làm được ứng dụng xịn hàng triệu người dùng như Uber hay Grab.
Lý thuyết về các phương pháp thực hiện demo cho các trường hợp khác nhau của ứng dụng và website .
Các lý thuyết này đều được áp dụng trong các bài tập thực hành.
Nội dung
0 Chương
• 0 Bài học
• 0h 0m
Giới thiệu khóa học
1 Bài học
• 15m 26s
Kiến thức cơ bản về photoshop
24 Bài học
• 194m 16s
Cài đặt Adobe Muse CC 2017
2 Bài học
• 10m 35s
Cơ bản về Adobe Muse qua bài tập 1
7 Bài học
• 55m 07s
Giới thiệu thiết kế Wireframe
2 Bài học
• 13m 06s
Thực hành thiết kế Wireframe qua bài tập
9 Bài học
• 57m 33s
Thiết kế thành phần menu trong Adobe Muse
3 Bài học
• 23m 28s
Thiết kế hiệu ứng tương tác cuộn chuột trên Adobe Muse
2 Bài học
• 24m 01s
Thể hiện hiệu ứng fix background và lightbox trên Adobe Muse
2 Bài học
• 18m 43s
Giới thiệu về thiết kế responsive trong Adobe Muse qua bài thực hành
3 Bài học
• 24m 48s
Phương pháp thiết kế menu responsive trong Muse
3 Bài học
• 19m 22s
Phương pháp thiết kế hiệu ứng trượt trong Adobe Muse
3 Bài học
• 20m 35s
Thiết kế hiệu ứng tương tác kiểu hover bằng Graphic Style trong Muse
6 Bài học
• 49m 20s
Hiệu ứng tương tác nâng cao qua bài thực hành
6 Bài học
• 38m 58s
Kết nối Adobe Photoshop và Adobe Muse CC 2017
2 Bài học
• 14m 55s
Thực hành với các tính năng thiết kế UX sẵn có trong Muse
3 Bài học
• 23m 15s
Thực hành Adobe Muse CC 2017 qua project thực tế
23 Bài học
• 147m 00s
Giới thiệu và cài đặt Adobe Experience CC 2017
2 Bài học
• 14m 35s
Làm quen với Adobe Experience CC 2017 qua bài thực hành
2 Bài học
• 17m 52s
Thiết kế ứng dụng trên Adobe Experience CC
6 Bài học
• 44m 10s
Thiết kế ứng dụng đọc tin trên Adobe Experience CC
15 Bài học
• 100m 56s
Adobe XD - Giới thiệu khoá học
1 Bài học
• 05m 03s
Cài đặt phần mềm
1 Bài học
• 05m 27s
Material Design - Giới thiệu chuẩn Material Design và cách học
2 Bài học
• 15m 49s
Material Design - Nguyên lý cơ bản về thiết kế Typography
8 Bài học
• 62m 01s
Material Design - Tổng kết nguyên lý Typography áp dụng trong Material Design
4 Bài học
• 38m 02s
Material Design - Nguyên lý màu cơ bản
8 Bài học
• 69m 03s
Material Design - Nguyên lý màu áp dụng trong Material Design
10 Bài học
• 73m 07s
Material Design - Lý thuyết về Elevation trong thiết kế ứng dụng
3 Bài học
• 31m 03s
Material Design - Thực hành về Elevation
4 Bài học
• 42m 15s
Material Design - Lý thuyết về layout và qui tắc đặt layout
2 Bài học
• 15m 49s
Material Design - Thực hành layout
3 Bài học
• 15m 16s
Material Design - Lý thuyết về Baseline và Keyline
3 Bài học
• 20m 30s
Material Design - Lý thuyết về Increment - Touch size - Click target
2 Bài học
• 12m 05s
Material Design - Thiết kế đối tượng UI Button, phân loại Button và phân cấp thông tin của button
4 Bài học
• 27m 10s
Material Design - Thực hành thiết kế text button và outline button
2 Bài học
• 31m 56s
Material Design - Thiết kế contained button
2 Bài học
• 15m 50s
Material Design - Toggle button và các tùy biến dựa trên Material Design
3 Bài học
• 19m 04s
Material Design - Thiết kế đối tượng UI Floating action button
3 Bài học
• 19m 53s
Material Design - Giới thiệu và qui chuẩn thiết kế khối nội dung - Card
2 Bài học
• 16m 50s
Material Design - Thực hành thiết kế khối nội dung
5 Bài học
• 58m 01s
Material Design - Giới thiệu và thực hành đối tượng UI Banner
4 Bài học
• 31m 46s
Material Design - Giới thiệu và thực hành thiết kế đối tượng UI Chips
3 Bài học
• 30m 31s
Material Design - Giới thiệu và thiết kế Dialog theo chuẩn Material Design
3 Bài học
• 29m 48s
Material Design - Thiết kế UI Appbar
4 Bài học
• 27m 30s
Material Design - Thiết kế danh sách dữ liệu cơ bản
2 Bài học
• 23m 26s
Material Design - Thực hành thiết kế các loại danh sách dữ liệu
4 Bài học
• 27m 17s
Material Design - Thiết kế menu Dropdown
2 Bài học
• 12m 56s
Material Design - Thiết kế thanh Navigation Drawer
3 Bài học
• 27m 45s
Material Design - Thiết kế menu ngang
3 Bài học
• 19m 05s
Material Design - Thiết kế bố cục ảnh
6 Bài học
• 56m 52s
Material Design - Tổng kết
1 Bài học
• 04m 54s
Adobe Experience Design 2018 - Giới thiệu và cài đặt
2 Bài học
• 17m 15s
AdobeXD 2018 - Định nghĩa UI/UX và qui trình thiết kế UI/UX
3 Bài học
• 34m 38s
AdobeXD 2018 - Học thiết kế và xuất file trong Adobe XD
4 Bài học
• 18m 05s
AdobeXD 2018 - Cách đổ màu và xử lý chữ trong Adobe XD
6 Bài học
• 25m 01s
AdobeXD 2018 - Sử dụng repeatgrid và các tính năng đặc biệt của Adobe XD
4 Bài học
• 11m 25s
AdobeXD 2018 - Sử dụng icon trong Adobe XD
3 Bài học
• 10m 52s
AdobeXD 2018 - Các kĩ thuật thiết kế hiệu ứng của Adobe XD
14 Bài học
• 77m 09s
Adobe Muse CC 2018 - Giới thiệu bài tập thực hành thiết kế UI/UX
2 Bài học
• 17m 37s
Adobe Muse CC 2018 - Thiết kế chuỗi hoạt động trên Photoshop
2 Bài học
• 30m 25s
Adobe Muse CC 2018 - Cách xử lý nền, text, icon trên Adobe Muse
4 Bài học
• 25m 27s
Adobe Muse CC 2018 - Thiết kế UX trên Muse
2 Bài học
• 26m 54s
Adobe Muse CC 2018 - Hoàn thiện và chạy thử
2 Bài học
• 26m 05s
Adobe Muse CC 2018 - Thiết kế ảnh phóng to
2 Bài học
• 13m 36s
Adobe Muse CC 2018 - Thiết kế giao diện tràn màn hình và hiệu ứng chuyển ảnh
3 Bài học
• 14m 09s
Adobe Muse CC 2018 - Thiết kế hiệu ứng lọc
2 Bài học
• 17m 29s
Adobe Muse CC 2018 - Hiệu ứng trượt
2 Bài học
• 08m 24s
Adobe Muse CC 2018 - Menu hai cấp và hiệu ứng load
2 Bài học
• 20m 03s
Adobe Muse CC 2018 - Hiệu ứng tương tác với nút và khối