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

07.11.2018 51 bientap

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, Tuyencongnhan.vn sẽ giúp bạn kiểm chứng.

Material Design là gì

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.

Material Design là gì

Ứ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

Material Design là gì

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

Material Design là gì

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 Tuyencongnhan.vn chia sẻ trên đây sẽ thật sự hữu ích với bạn.

Ms. Công nhân

Material Design là gì? 4 Điều cần biết về Material Design
4.6 (736 đánh giá)

BÀI VIẾT LIÊN QUAN

Monochrome là gì? Bí quyết thiết kế với Monochrome

Monochrome là gì? Bí quyết thiết kế với Monochrome

Là Designer, nếu cảm thấy nhàm chán với những tác phẩm màu mè hay đau đầu với việc lựa chọn – kết hợp màu sắc cho các mẫu thiết kế thì Monochrome là m...

20.11.2018 18

Lái xe sẽ bị phạt bao nhiêu tiền khi bấm còi không đúng nơi quy định?

Lái xe sẽ bị phạt bao nhiêu tiền khi bấm còi không đúng nơi quy định?

Bấm còi xe khi thấy có vật cản hay cảnh báo người/ vật đi đường là thao tác đơn giản và thường gặp khi điều khiển phương tiện tham gia giao thông. Tuy...

20.11.2018 15

Điểm danh 10 công ty Dịch thuật uy tín nhất Việt Nam

Điểm danh 10 công ty Dịch thuật uy tín nhất Việt Nam

Bạn là ứng viên tìm việc phiên dịch hay đối tác muốn tìm phiên dịch viên cho dự án sắp tới của mình? Bạn hoang mang không biết nên lựa chọn công ty dị...

20.11.2018 18

Nghề kế toán cũng giống kiểm toán, có đúng vậy không?

Nghề kế toán cũng giống kiểm toán, có đúng vậy không?

Có không ít bạn nghĩ rằng, “kế toán” và “kiểm toán” là hai tên gọi khác nhau cùng chỉ về một nghề. Nghề kế toán cũng giống kiểm toán, sự thật có phải...

20.11.2018 13