Material Design là gì? 4 Điều cần biết về Material Design

Material Design là phong cách thiết kế được Google giới thiệu lần đầu vào năm 2014. Là dân thiết kế đồ họa, bạn có biết Material Design là gì? Nếu chưa chắc chắn với câu trả lời của mình, Vieclamnhamay.vn sẽ giúp bạn kiểm chứng.

Như thế nào thì được gọi là Material Design?

► Material Design là gì?

Material Design là phong cách thiết kế áp dụng chủ yếu trong thiết kế ứng dụng cho smartphone - với những lớp nội dung phẳng xếp chồng lên nhau – là yếu tố để tùy biến, thêm các hiệu ứng. Material Design được xem là một bước tiến của Flat Design (Thiết kế phẳng). Phong cách thiết kế này được Google giới thiệu lần đầu tiên vào năm 2014 cùng lúc với phiên bản Android 5.0 Lollipop.

► Bản chất của Material Design

Các ứng dụng thiết kế theo Material Design giống như nhiều tờ giấy (vật liệu) với màu sắc khác nhau xếp chồng lên nhau tạo nên giao diện chung của ứng dụng. Material Design cũng mô phỏng lại hiệu ứng đổ bóng của tờ giấy này lên tờ giấy khác.

Phong cách Material Design hướng đến việc thiết kế những đường nét đơn giản, sử dụng nhiều mảng màu đậm nổi bật, tạo hiệu ứng chuyển động tự nhiên cho các nút, menu khi hiện lên màn hình – mang đến cho người dùng cảm giác trải nghiệm mới mẻ, thú vị và chân thực.

► Đặc điểm của Material Design

Ứng dụng thiết kế theo phong cách Material Design sẽ mang những đặc điểm sau đây:

- Sử dụng font màu nổi bật, có một mảng màu chủ đạo nằm ở phần cạnh trên của ứng dụng.

- Các icon biểu tượng phẳng, đơn giản và dễ hiểu.

- Giao diện không có hoặc có ít hiệu ứng chuyển màu, có hoặc không có hiệu ứng đổ bóng đen.

- Hiệu ứng chuyển động tự nhiên, gợi ý tính năng.

- Khoảng cách giữa các yếu tố trong menu, nút nhấn, chữ viết… thoáng đãng nên giao diện trông dễ nhìn.

- Một số ứng dụng được thiết kế có nút tròn to nằm ở bên phải góc dưới, có chức năng tạo mới.

Ứng dụng được thiết kế theo phong cách Material Design thường sẽ có một mảng màu chủ đạo nằm ở phần cạnh trên của ứng dụng

► 3 Yếu tố cơ bản của Material Design

Material Design đang dần trở thành một tiêu chuẩn mới trong thiết kế UI với 3 yếu tố cơ bản:

- Không gian

Phần không gian dưới lớp kính màn hình smartphone được mô tả như trong không gian 3 chiều với chiều sâu là trục Oz. Yếu tố không gian được thể hiện thông qua ánh sáng.

- Ánh sáng

Ánh sáng là yếu tố của môi trường - sử dụng để mô tả tính 3 chiều của không gian. Hiệu ứng đổ bóng, hệ quả của ánh sánh sẽ giúp phân định vị trí các lớp vật liệu theo không gian trục Oz. Có 2 loại nguồn sáng:

• Ánh sáng môi trường: toàn không gian, không rõ hướng, tạo một viền bóng nhẹ xung quanh Material.

• Nguồn sáng chiếu trực tiếp: cùng chiều và có hướng nghiêng một chút so với trục Oz, tạo hiệu ứng Drop shadow.

Phong cách thiết kế Material Design sẽ kết hợp 2 nguồn sáng này tạo nên hiệu ứng bóng tổng hợp.

- Material

Là các lớp mặt phẳng có cùng độ dày 1dp, xếp chồng lên nhau theo trục Oz - nằm song song với mặt phẳng Oxy. Nội dung của mỗi Material được thiết kế theo nguyên tắc Flat Design.

► Những ứng dụng thiết kế theo phong cách Material Design

- Bộ ứng dụng của Google: Google+, Gmail, Google Calender, Google Maps, Google Inbox…

- Evernote - ứng dụng ghi chú

- ePay – mạng xã hội ứng dụng

- S Conveter - ứng dụng hỗ trợ chuyển đổi đơn vị, tiền tệ, diện tích, độ dài…

- Laban Key - ứng dụng bàn phím…

Nếu là học viên Designer hay cả ứng viên tìm việc thiết kế bạn cần phải hiểu rõ “Material Design là gì?” và những vấn đến liên quan đến phong cách thiết kế Material Design. Mong rằng những thông tin được Vieclamnhamay.vn chia sẻ trên đây sẽ thật sự hữu ích với bạn.

​Ms. Công nhân