Bài giảng trước
Bài giảng sau
HỌC PHẦN 6 - 02 - LÝ THUYẾT VỀ CHUẨN MATERIAL DESIGN
0%
Phần 01- Giới thiệu khóa học và cách học
001- Giới thiệu
(09:42)
002- Cách học trong khoá học
(06:19)
Phần 02- Cài đặt bộ phần mềm
003- Cài đặt công cụ Adobe CC 2018
(11:20)
Phần 03- Nguyên lý cơ bản về thiết kế Typography
001 - Lý thuyết về thiết kế chữ
(03:09)
002 - 13 khái niệm cơ bản về chữ
(14:26)
003 - Tải font, tìm font, và sử dụng font
(13:32)
004 - Chọn font cho thiết kế thế nào
(05:14)
005 - Các qui tắc kết hợp chữ - phần 1
(06:44)
006 - Các qui tắc kết hợp chữ - phần 2
(04:36)
007 - Các lỗi thường gặp khi kết hợp chữ
(06:54)
008 - Phân loại các phương thức tùy biến chữ cho ấn phẩm thiết kế
(08:02)
Phần 04- Tổng kết nguyên lý Typography áp dụng trong Material Design
009 - Lý thuyết về qui tắc phối màu trong thiết kế
(20:04)
009- Tổng kết lý thuyết phần typo
(03:58)
010- Tổng kết phần font chữ
(04:51)
011- Tổng kết các qui tắc dùng chữ trong Material Design
(09:31)
Phần 05- Nguyên lý màu cơ bản
002 - Bánh xe màu là gì
(08:53)
003 - Thực hành sử dụng bánh xe màu
(12:51)
004 - Học về màu cơ bản, màu thứ cấp, màu bổ túc qua ví dụ
(05:41)
005 - Nguyên lý phối màu sử dụng màu tương đồng
(04:42)
006 - Nguyên lý phối màu đơn sắc
(03:03)
007 - Định nghĩa về Tone màu
(05:32)
008 - Tổng kết về các hệ màu và các sử dụng hệ màu trong thiết kế
(08:28)
010 - Học về tính cách màu qua ví dụ
(20:37)
Phần 06- Nguyên lý màu áp dụng trong Material Design
011- Giới thiệu hệ thống màu đưa ra bởi google
(10:03)
012- Cách pha màu theo Material Design
(08:05)
013- Cách chọn màu bằng công cụ của Adobe
(07:34)
014- Kiểu phối màu đơn sắc trong Material Design
(06:47)
015- Kiểu phối màu Triad trong Material Design
(05:21)
016- 6 qui tắc dùng màu trong thiết kế chuẩn - Phần 1
(06:17)
017- 6 qui tắc dùng màu trong thiết kế chuẩn - Phần 2
(08:00)
018- 6 qui tắc dùng màu trong thiết kế chuẩn - Phần 3
(07:29)
019- 6 qui tắc dùng màu trong thiết kế chuẩn - Phần 4
(07:41)
020- Tổng kết phần màu
(06:50)
Phần 07- Lý thuyết về Elevation trong thiết kế ứng dụng
021- Giới thiệu nguyên lý về không gian thiết kế của Material Design
(08:29)
022- Lý thuyết về không gian thiết kế
(14:03)
023- Lý thuyết về elevation trong thiết kế ứng dụng
(08:47)
Phần 08- Thực hành về Elevation
024- Thực hành elevation với Photoshop
(12:55)
025- Hoàn thiện lý thuyết về phần elevation của Material Design
(12:31)
026- Sơ đồ và bảng thông số chi tiết các đối tượng thiết kế
(08:05)
027- Phần tích thiết kế qua ví dụ
(09:04)
Phần 09- Lý thuyết về layout và qui tắc đặt layout
028- Giới thiệu phần layout
(07:39)
029- Các qui tắc trình bày layout
(08:20)
Phần 10- Thực hành layout
030- Thực hành setup layout mobile theo thông số của Material Design
(06:12)
031- Thực hành setup layout tablet theo thông số của Material Design
(04:40)
032- Thực hành setup layout desktop theo thông số của Material Design
(04:37)
Phần 11- Lý thuyết về Baseline và Keyline
033- Khái niệm về đường gióng cơ sở baseline và cách setup trên photoshop
(05:00)
034- Thực hành đường gióng cơ sở Baseline
(04:26)
035- Lý thuyết và qui tắc về Keyline
(11:19)
Phần 12- Lý thuyết về Increment - Touch size - Click target
036- Khái niệm và cách sử dụng Increment trong thiết kế
(03:34)
037- Lý thuyết về Touch target và Click target
(08:40)
Phần 13- Thiết kế đối tượng UI Button, phân loại Button và phân cấp thông tin của button
038- Giới thiệu về UI design dựa trên nguyên lý thiết kế Material
(08:50)
039- Thiết kế nút
(09:22)
040- Phân loại nút
(05:48)
041- Cấu trúc và phân cấp thông tin của các loại nút
(03:28)
Phần 14- Thực hành thiết kế text button và outline button
042- Thiết kế text button bằng Photoshop
(19:14)
043- Thiết kế outline button bằng Photoshop
(12:51)
Phần 15- Thiết kế contained button
044- Hướng dẫn thiết kế Contained button
(09:42)
045- Hướng dẫn thiết kế Contained button kèm icon
(06:17)
Phần 16- Toggle button và các tùy biến dựa trên Material Design
046- Hướng dẫn thiết kế Toggle Button
(07:29)
047- Phân tích các trường hợp sử dụng và kết hợp của 4 loại nút trong Material Design
(04:59)
048- Thiết kế tuỳ biến dựa trên Material Design
(06:49)
Phần 17- Thiết kế đối tượng UI Floating action button
049- Giới thiệu về Floating Action Button dạng tròn
(05:32)
050- Giới thiệu về Floating Action Button dạng dài
(02:50)
051- Hướng dẫn thiết kế 2 loại Floating Action Button
(11:46)
Phần 18- Giới thiệu và qui chuẩn thiết kế khối nội dung - Card
052- Giới thiệu cách thiết kế khối nội dung - Card
(09:24)
053- Qui chuẩn thiết kế cho phần nội dung
(07:35)
Phần 19- Thực hành thiết kế khối nội dung
054- Thiết kế khối nội dung phần thực hành
(12:35)
055- Hoàn thiện thiết kế khối nội dung
(07:25)
056- Thiết kế card mở rộng theo thông số material
(09:29)
057- Thiết kế text cho khối nội dung
(12:55)
058- Hoàn thiện thiết kế khối nội dung
(15:59)
Phần 20- Giới thiệu và thực hành đối tượng UI Banner
059- Giới thiệu banner và cách sử dụng banner
(03:45)
060- Bài tập thiết kế banner cơ bản
(08:44)
062- Bài tập thiết kế banner loại 3
(15:07)
063- Cách thiết kế tuỳ biến dựa trên Material Design
(04:29)
Phần 21- Giới thiệu và thực hành thiết kế đối tượng UI Chips
064- Giới thiệu các thiết kế thành phần nhập liệu - Chip
(07:12)
065- Thiết kế Chips cơ bản
(09:27)
066- Chữa bài thiết kế Chips có icon
(14:05)
Phần 22- Giới thiệu và thiết kế Dialog theo chuẩn Material Design
067- Giới thiệu về thiết kế dialog
(06:47)
068- Thực hành thiết kế dialog theo chuẩn
(10:58)
069- Hoàn thiện dialog cho giao diện web
(12:16)
Phần 23- Thiết kế UI Appbar
070- Giới thiệu đối tượng UI Appbar
(04:24)
071- Thiết kế thanh Appbar
(11:52)
072- Thực hành thiết kế App bar
(09:10)
073- Tùy biến thanh Appbar
(02:23)
Phần 24- Thiết kế danh sách dữ liệu cơ bản
074- Giới thiệu cách thiết kế danh sách dữ liệu và các loại danh sách dữ liệu
(06:01)
075- Thiết kế danh sách cơ bản
(17:35)
Phần 25- Thực hành thiết kế các loại danh sách dữ liệu
076- Thực hành thiết kế danh sách có ảnh
(05:14)
077- Thực hành danh sách 2 dòng
(04:26)
078- Danh sách 2 dòng có overline text
(04:19)
079- Thiết kế danh sách 3 dòng có avatar
(13:38)
Phần 26- Thiết kế menu Dropdown
080- Thiết kế menu
(02:55)
081- Thực hành với menu dropdown
(10:11)
Phần 27- Thiết kế thanh Navigation Drawer
082- Thiết kế thanh navigation drawer
(06:30)
083- Thực hành thiết kế thanh navigation drawer
(18:36)
084- Ví dụ về tùy biến menu
(02:52)
Phần 28- Thiết kế menu ngang
088- Giới thiệu thành phần UI menu ngang
(04:00)
089- Thiết kế menu tab dạng chữ
(08:37)
090- Thiết kế menu tab dạng chữ kèm icon
(06:42)
Phần 29- Thiết kế bố cục ảnh
091- 4 loại bố cục sắp xếp trong Material Design
(07:08)
092- Thiết kế bố cục ảnh chuẩn
(14:32)
093- Thiết kế bố cục ảnh dạng free layout
(09:03)
094- Thiết kế bố cục ảnh dạng free layout nhịp 2
(08:23)
095- Thiết kế bố cục ảnh dạng free layout 6 cột
(09:44)
096- Thiết kế bố cục ảnh nhịp 2
(08:37)
Phần 30- Tổng kết khóa
097- Tổng kết khoá học
(04:58)
22- Kĩ thuật thiết kế web theo chuẩn Material Design của Google
240- Giới thiệu bài thực hành thiết kế website theo chuẩn Material Design
(03:39)
241- Các loại giao diện web và cấu trúc cơ bản của một trang web
(09:54)
242- Tạo file mới - đặt kích thước và hệ hệ thống lưới theo chuẩn
(05:09)
243- Thiết kế menu và logo
(13:35)
244- Thiết kế banner
(04:35)
245- Thiết kế ảnh
(03:59)
246- Thiết kế chữ cho banner
(10:19)
247- Giải thích về chuẩn cho chữ
(03:50)
248- Thiết kế nút
(07:10)
249- Sắp xếp bố cục nội dung
(03:13)
250- Thiết kế khối nhúng giới thiệu
(05:39)
251- Hoàn thiện khối nhúng giới thiệu dạng material design card
(09:17)
252- Bố cục phần gallery
(04:22)
253- Hoàn thiện thiết kế gallery theo chuẩn loại 4 của material design
(15:02)
254- Bố cục phần footer
(02:54)
255- Thiết kế phần thông tin liên hệ
(11:37)
256- Thiết kế khối menu footer
(06:57)
257- Hoàn thiện thiết kế giao diện trang chủ
(02:25)
258- Tổng kết phần thiết kế web
(06:47)
001 - Lý thuyết về thiết kế chữ
Hoàn thành
Chúc mừng, bạn đã hoàn thành khóa học này!
Quay lại
Thông báo!
Đóng
Thông báo!
Đóng
0
bình luận
Đăng