Material là gì? Những yếu tố cơ bản của Google Material Design 

Material là gì? Những yếu tố cơ bản của Google Material Design 

Top khóa học
Học đệm hát Guitar cùng Haketu

Học đệm hát Guitar cùng Haketu

Hà Kế Tú
(148)
199,000đ 700,000đ
Học đệm hát Guitar cùng Haketu
  • 45 bài giảng
  • 04 giờ 01 phút
Image) ? $teachers->Image : '' ?> Hà Kế Tú
Giảng viên Guitar - Youtuber nổi tiếng cộng đồng guitar Việt Nam
Bạn sẽ học đệm hát Guitar cùng Haketu- Giảng viên Hà Kế Tú. Làm chủ cây đàn Guitar trong tay, hát nghêu ngao cùng bạn bè, người yêu
THÊM VÀO GIỎ HÀNG
Fingerstyle guitar cho người mới bắt đầu

Fingerstyle guitar cho người mới bắt đầu

Hoàng Phúc
(98)
199,000đ 600,000đ
Fingerstyle guitar cho người mới bắt đầu
  • 51 bài giảng
  • 04 giờ 38 phút
Image) ? $teachers->Image : '' ?> Hoàng Phúc
Giảng Viên Guitar
Cách học guitar hiệu quả - Hướng dẫn bạn bắt đầu với các bước cơ bản tự mình soạn ra phần giai điệu của những bài hát đơn giản theo phong cách âm nhạc của bạn
THÊM VÀO GIỎ HÀNG
Guitar đệm hát nâng cao cùng Haketu

Guitar đệm hát nâng cao cùng Haketu

Hà Kế Tú
(111)
199,000đ 800,000đ
Guitar đệm hát nâng cao cùng Haketu
  • 55 bài giảng
  • 05 giờ 15 phút
Image) ? $teachers->Image : '' ?> Hà Kế Tú
Giảng viên Guitar - Youtuber nổi tiếng cộng đồng guitar Việt Nam
Khóa học sẽ giúp bạn nắm được cách chơi Guitar đệm hát nhanh chóng và hiệu quả. Bạn sẽ tự tin chơi đệm hát Guitar, nghêu ngao những bản nhạc cùng bạn bè
THÊM VÀO GIỎ HÀNG
Tự do tài chính cùng chứng khoán

Tự do tài chính cùng chứng khoán

Đặng Trọng Khang
(498)
199,000đ 600,000đ
Tự do tài chính cùng chứng khoán
  • 31 bài giảng
  • 03 giờ 22 phút
Image) ? $teachers->Image : '' ?> Đặng Trọng Khang
Causality Investing Speaker
Bạn đang chơi "Chứng Khoán" nhưng tài chính vẫn bị thụ động , khoá học "Tự do tài chính cùng chứng khoán" giúp bạn tránh được những rủi ro, cạm bẫy để tăng thu nhập
THÊM VÀO GIỎ HÀNG
Yoga trẻ hóa và làm đẹp cho khuôn mặt

Yoga trẻ hóa và làm đẹp cho khuôn mặt

Nguyễn Hiếu
(35)
499,000đ
Yoga trẻ hóa và làm đẹp cho khuôn mặt
  • 19 bài giảng
  • 03 giờ 16 phút
Image) ? $teachers->Image : '' ?> Nguyễn Hiếu
Đại sứ Yoga Việt Nam - CEO Zenlife Yoga
Với các bài tập Yoga trẻ hóa sở hữu làn da tươi trẻ, tăng sự đàn hồi giúp nâng cơ da mặt tự nhiên và xóa nếp nhăn trên mặt.
THÊM VÀO GIỎ HÀNG
Nhập môn chứng khoán

Nhập môn chứng khoán

Đặng Trọng Khang
(254)
199,000đ 600,000đ
Nhập môn chứng khoán
  • 63 bài giảng
  • 06 giờ 36 phút
Image) ? $teachers->Image : '' ?> Đặng Trọng Khang
Causality Investing Speaker
Bạn mới bắt đầu tìm hiểu chứng khoán? Bạn bị choáng ngợp bởi lượng kiến thức khổng lồ của TTCK? Khóa học này sẽ hướng dẫn cho bạn tất cả những kiến thức bạn cần.
THÊM VÀO GIỎ HÀNG
Trở thành chuyên gia bánh thạch rau câu trong 7 ngày

Trở thành chuyên gia bánh thạch rau câu trong 7 ngày

Đào Thị Lệ Huyền (Huyền Đào)
(53)
599,000đ
Trở thành chuyên gia bánh thạch rau câu trong 7 ngày
  • 21 bài giảng
  • 03 giờ 28 phút
Image) ? $teachers->Image : '' ?> Đào Thị Lệ Huyền (Huyền Đào)
Giảng viên - Chuyên gia thạch 3D hoa quả
Sau khóa học về làm thạch 3D, bạn sẽ hoàn toàn tự tin vào tay nghề của bản thân để có thể làm các loại thạch rau câu theo ý muốn, thậm chí có thể mở cửa hàng kinh doanh.
THÊM VÀO GIỎ HÀNG
Làm thạch 3D - chủ đề Rộn ràng sắc xuân

Làm thạch 3D - chủ đề Rộn ràng sắc xuân

Trần Thị Phương Nga
(48)
599,000đ
Làm thạch 3D - chủ đề Rộn ràng sắc xuân
  • 16 bài giảng
  • 04 giờ 50 phút
Image) ? $teachers->Image : '' ?> Trần Thị Phương Nga
Master jelly art - Phù thủy thạch 3D
Tự tay làm món thạch 3D đẹp mắt, vừa độc đáo, sang chảnh lại vừa ngon mát lành, chống ngán ngày Tết
THÊM VÀO GIỎ HÀNG
Học nhảy Sexy Dance từ cơ bản đến nâng cao

Học nhảy Sexy Dance từ cơ bản đến nâng cao

Sweet Media
(83)
549,000đ 700,000đ
Học nhảy Sexy Dance từ cơ bản đến nâng cao
  • 32 bài giảng
  • 02 giờ 20 phút
Image) ? $teachers->Image : '' ?> Sweet Media
Sản xuất khóa học Online
Những động tác quyến rũ, kết hợp từ nhiều bộ phận trên cơ thể, Sexy dance đem lại bạn sự thoải mái, trẻ trung và cuốn hút
THÊM VÀO GIỎ HÀNG
Yoga - Phục hồi nội tiết kéo dài tuổi xuân

Yoga - Phục hồi nội tiết kéo dài tuổi xuân

Nguyễn Hiếu
(12)
599,000đ
Yoga - Phục hồi nội tiết kéo dài tuổi xuân
  • 15 bài giảng
  • 06 giờ 34 phút
Image) ? $teachers->Image : '' ?> Nguyễn Hiếu
Đại sứ Yoga Việt Nam - CEO Zenlife Yoga
Hướng dẫn các bài tập và chế độ ăn uống hợp lý giúp lấy lại vẻ đẹp tự nhiên, phục hồi nội tiết, kéo dài tuổi thanh xuân, tăng sự yêu đời, tươi mới cho phụ nữ
THÊM VÀO GIỎ HÀNG
Autocad Triển Khai Bản Vẽ Kiến Trúc

Autocad Triển Khai Bản Vẽ Kiến Trúc

Cầm Hải Phương
(6)
499,000đ 800,000đ
Autocad Triển Khai Bản Vẽ Kiến Trúc
  • 36 bài giảng
  • 09 giờ 57 phút
Image) ? $teachers->Image : '' ?> Cầm Hải Phương
Giảng viên, Chuyên gia Autocad, 3dsmax, Sketchup
Biết cách triển khai toàn bộ các chi tiết cấu tạo thi công kiến trúc công trình, hiểu rõ kết cấu các lớp vật liệu được sử dụng.
THÊM VÀO GIỎ HÀNG
Ứng dụng Zalo trong Quản Trị - Kinh Doanh - Marketing

Ứng dụng Zalo trong Quản Trị - Kinh Doanh - Marketing

Giàng Thuận Ý
(36)
699,000đ
Ứng dụng Zalo trong Quản Trị - Kinh Doanh - Marketing
  • 52 bài giảng
  • 06 giờ 59 phút
Image) ? $teachers->Image : '' ?> Giàng Thuận Ý
chuyên gia Marketing
Tự tin sử dụng ứng dụng Zalo vào trong công việc kinh doanh - quản trị một cách đơn giản, tiết kiệm rất nhiều chi phí.
THÊM VÀO GIỎ HÀNG
Làm bánh thạch rau câu 3D với 10 loại hoa tuyệt đẹp

Làm bánh thạch rau câu 3D với 10 loại hoa tuyệt đẹp

Đào Thị Lệ Huyền (Huyền Đào)
(4)
199,000đ 700,000đ
Làm bánh thạch rau câu 3D với 10 loại hoa tuyệt đẹp
  • 17 bài giảng
  • 03 giờ 25 phút
Image) ? $teachers->Image : '' ?> Đào Thị Lệ Huyền (Huyền Đào)
Giảng viên - Chuyên gia thạch 3D hoa quả
Chỉ với dụng cụ vô cùng đơn giản, dễ kiếm là chiếc kim tiêm y tế – bạn sẽ vẽ nên cả ngàn loại hoa trọn vẹn sắc – vị và hương ẩn trong từng chiếc bánh thạch rau câu.
THÊM VÀO GIỎ HÀNG
Ghép ảnh chuyên nghiệp với Photoshop

Ghép ảnh chuyên nghiệp với Photoshop

Mai Xuân Huy (Huy Quần Hoa)
(46)
399,000đ 700,000đ
Ghép ảnh chuyên nghiệp với Photoshop
  • 29 bài giảng
  • 07 giờ 37 phút
Image) ? $teachers->Image : '' ?> Mai Xuân Huy (Huy Quần Hoa)
Giảng viên Photoshop
Học cách ghép ảnh, thiết kế ảnh đẹp, hấp dẫn, thỏa sức ghép hình cùng thần tượng hay xuất hiện trong các bộ phim nổi tiếng Hollywood.
THÊM VÀO GIỎ HÀNG
Facebook Smart Marketing A-Z

Facebook Smart Marketing A-Z

Lường Văn Nam
(50)
599,000đ 800,000đ
Facebook Smart Marketing A-Z
  • 91 bài giảng
  • 11 giờ 06 phút
Image) ? $teachers->Image : '' ?> Lường Văn Nam
Giảng viên - Social Manager at iViet 
Cập nhật những tính năng thông minh nhất trên Facebook giúp bạn tối ưu hóa chi phí quảng cáo
THÊM VÀO GIỎ HÀNG
Nghệ thuật Phòng the đỉnh cao

Nghệ thuật Phòng the đỉnh cao

Vera Hà Anh
(210)
720,000đ 1,200,000đ
Nghệ thuật Phòng the đỉnh cao
  • 50 bài giảng
  • 08 giờ 37 phút
Image) ? $teachers->Image : '' ?> Vera Hà Anh
Chuyên gia tâm lý, TGĐ Công ty Tư Vấn Tâm Lý và Đào Tạo VERA
Bí mật Phòng the - bí kíp YÊU - ngọn lửa dành cho tổ ấm gia đình thời hiện đại, học cùng cô Vera Hà Anh
THÊM VÀO GIỎ HÀNG
Nghệ thuật thổi kèn đỉnh cao

Nghệ thuật thổi kèn đỉnh cao

Trang Trần
(65)
549,000đ 700,000đ
Nghệ thuật thổi kèn đỉnh cao
  • 18 bài giảng
  • 01 giờ 45 phút
Image) ? $teachers->Image : '' ?> Trang Trần
Giảng viên chuyên môn bộ môn BJ tại FullHouse
Cẩm nang BJ dành cho phụ nữ, giúp bạn và đối tác có được cảm giác khoái cảm tuyệt vời, giữ hạnh phúc gia đình luôn nồng nàn, đam mê
THÊM VÀO GIỎ HÀNG
Hướng dẫn làm các món ăn vặt hot nhất thị trường

Hướng dẫn làm các món ăn vặt hot nhất thị trường

Nguyễn Thu Hương (Choé)
(17)
199,000đ 600,000đ
Hướng dẫn làm các món ăn vặt hot nhất thị trường
  • 42 bài giảng
  • 06 giờ 29 phút
Image) ? $teachers->Image : '' ?> Nguyễn Thu Hương (Choé)
Blogger ẩm thực
Trổ tài khéo tay hay làm với hơn 40 món ăn vặt đang được yêu thích nhất trên thị trường
THÊM VÀO GIỎ HÀNG
Trà trái cây và trà sữa hiện đại

Trà trái cây và trà sữa hiện đại

Nguyễn Tấn Trung
(9)
199,000đ 700,000đ
Trà trái cây và trà sữa hiện đại
  • 63 bài giảng
  • 03 giờ 02 phút
Image) ? $teachers->Image : '' ?> Nguyễn Tấn Trung
Giảng viên
Sở hữu trọn bộ công thức pha chế trà trái cây và trà sữa hiện đại hot nhất hiện nay trên thị trường kinh doanh đồ uống.
THÊM VÀO GIỎ HÀNG
Tự học cách làm 22 loại kem tại nhà

Tự học cách làm 22 loại kem tại nhà

Bạch Huỳnh Uyên Linh
600,000đ
Tự học cách làm 22 loại kem tại nhà
  • 25 bài giảng
  • 03 giờ 45 phút
Image) ? $teachers->Image : '' ?> Bạch Huỳnh Uyên Linh
Giảng viên - Nhà đào tạo làm bánh
Mách bạn những công thức và phương pháp làm kem dễ dàng và ngon miệng tại nhà ngay trong mùa hè này.
THÊM VÀO GIỎ HÀNG
Mục lục

Nhiều nhà thiết kế thường thắc mắc không biết thuật ngữ Material là gì? cũng như các yếu tố cơ bản của Google Material Design. Để có thể trở thành một nhà thiết kế chuyên nghiệp, nhất định bạn phải biết những kiến thức này. Vậy, hãy đọc bài viết dưới đây nhé! 

>> Responsive Web Design: Những “nguyên tắc vàng” cần ghi chú ngay

Material là gì? 

Theo định nghĩa trong lĩnh vực thiết kế, Material là một phong cách thiết kế được Google ra mắt vào năm 2014. Cũng chính điều này mà nhiều người gọi nó với cái tên là Google Material Design. Trong đó, Material tạo ra ngôn ngữ thị giác cho người dùng dựa trên những nguyên tắc cổ điển của thiết kế. Bên cạnh đó, còn được kết hợp với tiềm năng và sự đổi mới về công nghệ, khoa học. 

Material là gì

Material là một phong cách thiết kế được Google ra mắt vào năm 2014

Material Design chủ yếu tập trung vào những đường nét đơn giản sử dụng, sử dụng những gam màu đậm nổi bật, làm cho những đối tượng giao diện trở nên trôi nổi và nổi bật hơn.

Dựa trên nguyên lý này, Material sẽ phát triển thành một hệ thống cơ bản độc nhất, cho phép người dùng có được trải nghiệm hợp nhất xuyên suốt trên các nền tảng công nghệ và kích thước của bất kỳ thiết bị nào. Theo đó, các quy tắc về chuyển động sẽ được thực hiện dựa trên những yếu tố như: giọng nói, chuột, bàn phím, cảm ứng và phương thức nhập. 

Material Design phát triển một hệ thống nền duy nhất, cho phép xây dựng các trải nghiệm mang tính đồng bộ, điều này thể hiện nhiều loại thiết bị với kích thước khác nhau. Trong đó, thiết bị di động được sử dụng nhiều nhất.

Thao khảo thêm: Thiết kế Web chuẩn SEO bằng Woldpress cho người mới bắt đầu

Một số đặc điểm nhận biết những ứng dụng của Material Design

Top khóa học thiết kế web
Thiết kế Web chuẩn SEO bằng Wordpress cho người mới bắt đầu

Thiết kế Web chuẩn SEO bằng Wordpress cho người mới bắt đầu

David Thanh
(229)
199,000đ 800,000đ
Thiết kế Web chuẩn SEO bằng Wordpress cho người mới bắt đầu
  • 84 bài giảng
  • 06 giờ 02 phút
Image) ? $teachers->Image : '' ?> David Thanh
Chuyên gia Digital Marketing
Thiết kế Web chuẩn SEO bằng Wordpress là khóa học dành cho cá nhân và doanh nghiệp muốn tự mình thiết kế ra hàng trăm website kinh doanh tuyệt đẹp, chuẩn SEO Google để dễ dàng bắt đầu công việc kinh doanh online hiệu quả.
THÊM VÀO GIỎ HÀNG
Hướng dẫn làm web Landing Page bán hàng đỉnh cao dành cho người không chuyên

Hướng dẫn làm web Landing Page bán hàng đỉnh cao dành cho người không chuyên

Trương Văn Hòa
(43)
199,000đ 500,000đ
Hướng dẫn làm web Landing Page bán hàng đỉnh cao dành cho người không chuyên
  • 22 bài giảng
  • 03 giờ 56 phút
Image) ? $teachers->Image : '' ?> Trương Văn Hòa
Chuyên gia Marketing, CEO PDS VIỆT
Hướng dẫn bạn chi tiết cách bạn làm web bán hàng đỉnh cao với landing page ngay cả khi bạn không biết gì về kỹ thuật IT, học chưa xong web đã xong
THÊM VÀO GIỎ HÀNG
Thành thạo thiết kế website bất động sản bằng WordPress

Thành thạo thiết kế website bất động sản bằng WordPress

Lương Hà Phong
(1)
404,550đ 899,000đ
Thành thạo thiết kế website bất động sản bằng WordPress
  • 43 bài giảng
  • 05 giờ 34 phút
Image) ? $teachers->Image : '' ?> Lương Hà Phong
Giảng viên
Giúp bạn dễ dàng tạo ra và quản trị một website miễn phí chỉ bằng WordPress.
THÊM VÀO GIỎ HÀNG
Học thiết kế web từ cơ bản đến nâng cao

Học thiết kế web từ cơ bản đến nâng cao

Vũ Ngọc Đăng
(10)
199,000đ 600,000đ
Học thiết kế web từ cơ bản đến nâng cao
  • 59 bài giảng
  • 08 giờ 33 phút
Image) ? $teachers->Image : '' ?> Vũ Ngọc Đăng
Giảng viên
Học Thiết Kế Web Từ Cơ Bản Đến Nâng Cao giúp tạo được website bán hàng ngay tức thì với bộ kiến thức thiết kế web từ cơ bản đến nâng cao
THÊM VÀO GIỎ HÀNG
Xây dựng Website Responsive với HTML5, CSS3

Xây dựng Website Responsive với HTML5, CSS3

Bùi Quang Trung
(16)
199,000đ 800,000đ
Xây dựng Website Responsive với HTML5, CSS3
  • 76 bài giảng
  • 09 giờ 18 phút
Image) ? $teachers->Image : '' ?> Bùi Quang Trung
Lập trình viên PHP, Objective-C, Swift, game mobile
Tự xây dựng website responsive tương tác nhiều thiết bị khác nhau và nâng cao tay nghề, kiếm được công việc mới với mức hậu đãi tốt hơn
THÊM VÀO GIỎ HÀNG
Tự học thiết kế UX

Tự học thiết kế UX

Phạm Khôi
(3)
199,000đ 1,000,000đ
Tự học thiết kế UX
  • 37 bài giảng
  • 04 giờ 34 phút
Image) ? $teachers->Image : '' ?> Phạm Khôi
Giảng viên - Tác giả của blog Góc UX Việt Nam
Hiểu về UX và thiết kế UX, biết quy trình 7 bước thiết kế UX, các công cụ, phương pháp thực hiện thiết kế UX
THÊM VÀO GIỎ HÀNG
Thiết kế web bán hàng 2.0

Thiết kế web bán hàng 2.0

Đặng Ngọc Bình
(11)
349,000đ 600,000đ
Thiết kế web bán hàng 2.0
  • 28 bài giảng
  • 04 giờ 00 phút
Image) ? $teachers->Image : '' ?> Đặng Ngọc Bình
Giảng viên
Khóa học giúp bạn thiết kế Web bán hàng siêu tốc bằng WordPress theo quy trình 4 bước. Sau khóa học, bạn sẽ có một Web bán hàng chuyên nghiệp uy tín và tin cậy
THÊM VÀO GIỎ HÀNG
Học lập trình Web - CSS3 cơ bản và nâng cao

Học lập trình Web - CSS3 cơ bản và nâng cao

Đặng Văn Lel
(2)
199,000đ 700,000đ
Học lập trình Web - CSS3 cơ bản và nâng cao
  • 15 bài giảng
  • 05 giờ 49 phút
Image) ? $teachers->Image : '' ?> Đặng Văn Lel
Giảng viên
Học lập trình Web - CSS3 cơ bản và nâng cao cung cấp kiến thức cơ bản, cần thiết nhất để bắt đầu trên con đường trở thành một lập trình viên ứng dụng Web chuyên nghiệp
THÊM VÀO GIỎ HÀNG
Làm 5 dự án website để trở thành lập trình viên chuyên nghiệp

Làm 5 dự án website để trở thành lập trình viên chuyên nghiệp

Võ Đức Thiện
(10)
899,000đ 1,499,000đ
Làm 5 dự án website để trở thành lập trình viên chuyên nghiệp
  • 65 bài giảng
  • 26 giờ 57 phút
Image) ? $teachers->Image : '' ?> Võ Đức Thiện
Giảng viên
Thực hành 5 dự án website để trở thành lập trình viên chuyên nghiệp
THÊM VÀO GIỎ HÀNG
Thiết kế website WordPress chuẩn SEO trong 8h

Thiết kế website WordPress chuẩn SEO trong 8h

Nguyễn Văn Dinh
(2)
199,000đ 600,000đ
Thiết kế website WordPress chuẩn SEO trong 8h
  • 45 bài giảng
  • 07 giờ 56 phút
Image) ? $teachers->Image : '' ?> Nguyễn Văn Dinh
CEO của Trung tâm đào tạo SKYGATE
Khóa học sẽ giúp các bạn hiểu tường tận về việc xây dựng website cần các yếu tố nào. Các bạn sẽ học từ việc mua tên miền, Hosting thế nào cho chuẩn tới cách thiết kế giao diện website đẹp, chuẩn SEO, chạy nhanh và thân thiện với người dùng
THÊM VÀO GIỎ HÀNG

Khi nhắc đến Material Design , nhiều nhà thiết kế thường không biết cách nhận dạng là gì, điều này làm cho quá trình bắt tay thực hành gặp rất nhiều khó khăn. Nhưng có một số đặc điểm mà bạn có thể nhận biết đó là ứng dụng Material Design.

Màu sắc

Material Design sử dụng nhiều màu sắc khác nhau để làm nổi bật lên trang nền. Gam màu này được xem là màu quan trọng tác động lên thị giác của người dùng.

Biểu tượng

Các biểu tượng cũng thể hiện ứng dụng Material Design. Bạn có thể dựa vào đặc điểm này để nhận biết được ứng dụng. Trong một số ứng dụng sẽ có các nút biểu tượng để người dùng có thể tiếp cận và thực hiện câu lệnh một cách đơn giản.

Giao diện

Ngoài màu sắc, biểu tượng thì giao diện là một cách để bạn nhận biết ứng dụng. Giao diện được thiết kế theo màu nền sẵn, hầu như không có sự chuyển đổi trong màu sắc, không có hiệu ứng biểu tượng Menu, chữ viết...

Hiệu ứng

Hiệu ứng chuyển động trong ứng dụng Material Design rất đơn giản và tự nhiên, dễ hiểu, đồng thời bạn có thể sử dụng được nhiều tính năng hữu ích khác.

Material

Phân biệt bằng hiệu ứng

Các yếu tố cơ bản của Google Material Design 

Sau khi đã nắm được khái niệm Material là gì, các nhà thiết kế cần nắm vững các yếu tố cơ bản của một Google Material Design, hay còn được nhiều nhà thiết kế gọi ngắn gọn với cái tên là Google Material. Cụ thể, bao gồm những yếu tố sau đây: 

Chất liệu được hình thành từ phép ẩn dụ 

Trong Material, chất liệu được hiểu là nguyên lý hợp nhất giữa không gian đã được hợp lý hóa với một hệ thống chuyển động. Cụ thể, chất liệu này sẽ được căn cứ vào thực tế xúc giác kết hợp với công nghệ và trí tưởng tượng của người dùng. Từ đó, giúp người dùng hiểu được những dấu hiệu tương tác gọi là affordance. 

Chất liệu này còn được xây dựng dựa trên các nguyên tắc cơ bản của ánh sáng, chuyển động bề mặt, sự tương tác và tồn tại về không gian giữa các mối quan hệ với nhau. Ánh sáng thực tế sẽ cho người dùng thấy được các đường nối, không gian hình vẽ, đồng thời chỉ ra được các bộ phận chuyển động. 

giải đáp Material là gì

Các chất liệu trong Material được hình thành từ phép ẩn dụ 

Đậm, sinh động và có chủ ý 

Trong thiết kế nói chung và trong thiết kế in ấn (Typography) nói riêng thì yếu tố đậm, sinh động và có chủ ý đóng vai trò hết sức quan trọng. Nó là sự kết hợp hoàn hảo giữa yếu tố màu sắc, tỉ lệ và hình tượng trong việc dẫn dắt xử lý thị giác, sao cho tạo được ấn tượng với người xem. 

Do đó, khi thiết kế, người dùng phải chú ý đến việc lựa chọn màu sắc, hình tượng sắc cạnh, giao diện đậm nét và sinh động. Đây cũng là yếu tố quan trọng nhất mà các nhà thiết kế thường nhắc đến khi đề cập Material là gì. 

>> Thiết kế giao diện Web chuyên nghiệp với những mẹo cực hay

Sự chuyển động mang ý nghĩa 

Trong Material, sự chuyển động nhằm tăng cường sự ấn tượng và gây thu hút với người dùng, do đó chuyển động phải thực sự có ý nghĩa. Và tất cả những sự chuyển động này đều được diễn ra trong một môi trường hoàn toàn riêng biệt. Các đối tượng được hiển thị cần được thực hiện liền mạch để không phá vỡ tính liên tục ngay cả khi chúng chuyển động và được tổ chức lại. 

Nhà thiết kế cần chú trọng đến sự kết hợp giữa tính ý nghĩa và sự liên tục, có như vậy mới có thể mang lại những trải nghiệm tuyệt vời nhất cho người dùng. Qua đó, cũng cần chú ý đến sự phản hồi của người dùng để có được sự cải thiện tốt nhất. 

Material là gì

Sự chuyển động trong Material cần được xây dựng dựa trên tính liên tục 

Yếu tố ánh sáng và bóng tối 

Đối với Google Material Design, ánh sáng ảo sẽ chiếu sáng màn hình, còn ánh sáng chính sẽ tạo ra hướng bóng tối, còn ánh sáng xung quanh sẽ tạo ra một bóng đổ nhẹ từ mọi góc độ. Riêng bóng tối trong Material sẽ được đúc từ hai nguồn ánh sáng khác nhau như sau: 

- Trên hệ điều hành Android: Bóng tối xảy ra khi nguồn sáng bị chặn bởi các tấm Material tại các vị trí khác nhau dọc theo trục z. 

- Trên trang Web: Bóng tối được vẽ bởi các thao tác chỉ trên trục Y. 

Thế giới 3D 

Hầu hết các môi trường của Material đều là không gian 3D, điều này có nghĩa là tất cả các đối tượng xuất hiện đều có trục x,y,z. Trong đó, trục z sẽ hoàn toàn vuông góc với mặt phẳng của màn hình, trục z dương mở rộng về phía người xem. Và mỗi tấm Material sẽ chiếm một vị trí riêng biệt dọc theo trục Z và có độ dày tiêu chuẩn là 1dp. 

Trên giao diện website, trục z được sử dụng để tạo nên một lớp chứa hoàn toàn không gian phối cảnh. Còn riêng trục y sẽ làm nhiệm vụ mô phỏng toàn bộ thế giới 3D. 

Bạn có thể tham khảo một số khóa học hấp dẫn sau trên UNICA:

>>

>>

Với những kiến thức hữu ích mà UNICA chia sẻ ở trên, chắc chắn những nhà thiết kế “gà mờ” đã hiểu được Material là gì, cũng như những yếu tố quan trọng trong Google Material Design. Việc nắm vững những kiến thức này sẽ giúp cho việc thiết kế được dễ dàng và thuận tiện hơn.

>> Học thiết kế Website đơn giản với 3 khóa học online cực hữu ích


Tags: Thiết kế Web