Thư viện thuật ngữ / UI/UX

Material Design là gì?

Material Design là hệ thống thiết kế do Google ra mắt năm 2014, cung cấp nguyên tắc, component, màu, chữ và chuyển động cho ứng dụng Android, web và nhiều nền tảng khác.

Hiểu kỹ hơn

Phiên bản đầu dựa trên ẩn dụ giấy và mực: các bề mặt như tờ giấy có độ cao (elevation) thể hiện bằng bóng đổ, đồ hoạ mạnh mẽ và chuyển động có ý nghĩa. Năm 2021, Google ra Material 3 (Material You) với màu động lấy từ hình nền của người dùng, bo góc lớn hơn và độ cao thể hiện chủ yếu bằng sắc màu thay vì bóng. Material quy định nhiều thông số cụ thể như vùng chạm tối thiểu 48×48dp, lưới khoảng cách 4dp và 8dp, thang chữ 15 vai trò. Người thiết kế có thể dùng Material 3 Design Kit trên Figma Community và Material Theme Builder để tạo bảng màu. Ví dụ: các ứng dụng Gmail, Google Drive, Google Photos trên Android là ví dụ trực tiếp. Bản mô tả cũ cho rằng Material nhấn mạnh độ sâu của màu sắc là chưa đúng; độ sâu ở đây là độ cao của bề mặt. Lỗi thường gặp là áp nguyên Material lên ứng dụng iOS mà không điều chỉnh theo quy ước của Apple.