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.
Course content
0 Sections
• 0 Lessons
• 0h 0m
Giới thiệu khóa học
1 Lessons
• 15m 26s
Kiến thức cơ bản về photoshop
24 Lessons
• 194m 16s
Cài đặt Adobe Muse CC 2017
2 Lessons
• 10m 35s
Cơ bản về Adobe Muse qua bài tập 1
7 Lessons
• 55m 07s
Giới thiệu thiết kế Wireframe
2 Lessons
• 13m 06s
Thực hành thiết kế Wireframe qua bài tập
9 Lessons
• 57m 33s
Thiết kế thành phần menu trong Adobe Muse
3 Lessons
• 23m 28s
Thiết kế hiệu ứng tương tác cuộn chuột trên Adobe Muse
2 Lessons
• 24m 01s
Thể hiện hiệu ứng fix background và lightbox trên Adobe Muse
2 Lessons
• 18m 43s
Giới thiệu về thiết kế responsive trong Adobe Muse qua bài thực hành
3 Lessons
• 24m 48s
Phương pháp thiết kế menu responsive trong Muse
3 Lessons
• 19m 22s
Phương pháp thiết kế hiệu ứng trượt trong Adobe Muse
3 Lessons
• 20m 35s
Thiết kế hiệu ứng tương tác kiểu hover bằng Graphic Style trong Muse
6 Lessons
• 49m 20s
Hiệu ứng tương tác nâng cao qua bài thực hành
6 Lessons
• 38m 58s
Kết nối Adobe Photoshop và Adobe Muse CC 2017
2 Lessons
• 14m 55s
Thực hành với các tính năng thiết kế UX sẵn có trong Muse
3 Lessons
• 23m 15s
Thực hành Adobe Muse CC 2017 qua project thực tế
23 Lessons
• 147m 00s
Giới thiệu và cài đặt Adobe Experience CC 2017
2 Lessons
• 14m 35s
Làm quen với Adobe Experience CC 2017 qua bài thực hành
2 Lessons
• 17m 52s
Thiết kế ứng dụng trên Adobe Experience CC
6 Lessons
• 44m 10s
Thiết kế ứng dụng đọc tin trên Adobe Experience CC
15 Lessons
• 100m 56s
Adobe XD - Giới thiệu khoá học
1 Lessons
• 05m 03s
Cài đặt phần mềm
1 Lessons
• 05m 27s
Material Design - Giới thiệu chuẩn Material Design và cách học
2 Lessons
• 15m 49s
Material Design - Nguyên lý cơ bản về thiết kế Typography
8 Lessons
• 62m 01s
Material Design - Tổng kết nguyên lý Typography áp dụng trong Material Design
4 Lessons
• 38m 02s
Material Design - Nguyên lý màu cơ bản
8 Lessons
• 69m 03s
Material Design - Nguyên lý màu áp dụng trong Material Design
10 Lessons
• 73m 07s
Material Design - Lý thuyết về Elevation trong thiết kế ứng dụng
3 Lessons
• 31m 03s
Material Design - Thực hành về Elevation
4 Lessons
• 42m 15s
Material Design - Lý thuyết về layout và qui tắc đặt layout
2 Lessons
• 15m 49s
Material Design - Thực hành layout
3 Lessons
• 15m 16s
Material Design - Lý thuyết về Baseline và Keyline
3 Lessons
• 20m 30s
Material Design - Lý thuyết về Increment - Touch size - Click target
2 Lessons
• 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 Lessons
• 27m 10s
Material Design - Thực hành thiết kế text button và outline button
2 Lessons
• 31m 56s
Material Design - Thiết kế contained button
2 Lessons
• 15m 50s
Material Design - Toggle button và các tùy biến dựa trên Material Design
3 Lessons
• 19m 04s
Material Design - Thiết kế đối tượng UI Floating action button
3 Lessons
• 19m 53s
Material Design - Giới thiệu và qui chuẩn thiết kế khối nội dung - Card
2 Lessons
• 16m 50s
Material Design - Thực hành thiết kế khối nội dung
5 Lessons
• 58m 01s
Material Design - Giới thiệu và thực hành đối tượng UI Banner
4 Lessons
• 31m 46s
Material Design - Giới thiệu và thực hành thiết kế đối tượng UI Chips
3 Lessons
• 30m 31s
Material Design - Giới thiệu và thiết kế Dialog theo chuẩn Material Design
3 Lessons
• 29m 48s
Material Design - Thiết kế UI Appbar
4 Lessons
• 27m 30s
Material Design - Thiết kế danh sách dữ liệu cơ bản
2 Lessons
• 23m 26s
Material Design - Thực hành thiết kế các loại danh sách dữ liệu
4 Lessons
• 27m 17s
Material Design - Thiết kế menu Dropdown
2 Lessons
• 12m 56s
Material Design - Thiết kế thanh Navigation Drawer
3 Lessons
• 27m 45s
Material Design - Thiết kế menu ngang
3 Lessons
• 19m 05s
Material Design - Thiết kế bố cục ảnh
6 Lessons
• 56m 52s
Material Design - Tổng kết
1 Lessons
• 04m 54s
Adobe Experience Design 2018 - Giới thiệu và cài đặt
2 Lessons
• 17m 15s
AdobeXD 2018 - Định nghĩa UI/UX và qui trình thiết kế UI/UX
3 Lessons
• 34m 38s
AdobeXD 2018 - Học thiết kế và xuất file trong Adobe XD
4 Lessons
• 18m 05s
AdobeXD 2018 - Cách đổ màu và xử lý chữ trong Adobe XD
6 Lessons
• 25m 01s
AdobeXD 2018 - Sử dụng repeatgrid và các tính năng đặc biệt của Adobe XD
4 Lessons
• 11m 25s
AdobeXD 2018 - Sử dụng icon trong Adobe XD
3 Lessons
• 10m 52s
AdobeXD 2018 - Các kĩ thuật thiết kế hiệu ứng của Adobe XD
14 Lessons
• 77m 09s
Adobe Muse CC 2018 - Giới thiệu bài tập thực hành thiết kế UI/UX
2 Lessons
• 17m 37s
Adobe Muse CC 2018 - Thiết kế chuỗi hoạt động trên Photoshop
2 Lessons
• 30m 25s
Adobe Muse CC 2018 - Cách xử lý nền, text, icon trên Adobe Muse
4 Lessons
• 25m 27s
Adobe Muse CC 2018 - Thiết kế UX trên Muse
2 Lessons
• 26m 54s
Adobe Muse CC 2018 - Hoàn thiện và chạy thử
2 Lessons
• 26m 05s
Adobe Muse CC 2018 - Thiết kế ảnh phóng to
2 Lessons
• 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 Lessons
• 14m 09s
Adobe Muse CC 2018 - Thiết kế hiệu ứng lọc
2 Lessons
• 17m 29s
Adobe Muse CC 2018 - Hiệu ứng trượt
2 Lessons
• 08m 24s
Adobe Muse CC 2018 - Menu hai cấp và hiệu ứng load
2 Lessons
• 20m 03s
Adobe Muse CC 2018 - Hiệu ứng tương tác với nút và khối