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

07.11.2018 185 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

Hướng dẫn cách lập báo cáo tình hình sử dụng hóa đơn mới nhất

Hướng dẫn cách lập báo cáo tình hình sử dụng hóa đơn mới nhất

Lập báo cáo tình hình sử dụng hóa đơn là công việc mỗi tháng/ quý nhân viên kế toán phải thực hiện. Bài viết này, Tuyencongnhan.vn sẽ hướng dẫn cách l...

16.01.2019 20

Hướng dẫn chi tiết quy trình 7 bước tự thay lốp xe cho tài mới

Hướng dẫn chi tiết quy trình 7 bước tự thay lốp xe cho tài mới

Việc đang di chuyển thì xe bị nổ lốp là chuyện không hiếm và lái xe buộc phải thay lốp mới trong thời gian nhanh và sớm nhất để tiếp tục chuyến hành t...

15.01.2019 38

4 Cách giúp Designer kiếm tiền từ thu nhập thụ động

4 Cách giúp Designer kiếm tiền từ thu nhập thụ động

Bạn là Designer hay ứng viên đang tìm việc thiết kế? Bạn đã bao giờ nghe đến thuật ngữ “thu nhập thụ động” chưa? Thực tế thì Designer hoàn toàn có thể...

15.01.2019 35

Cách hạch toán hàng nhập khẩu kế toán cần biết

Cách hạch toán hàng nhập khẩu kế toán cần biết

Nếu muốn làm việc trong các doanh nghiệp xuất nhập khẩu hay kinh doanh các mặt hàng được nhập từ nước ngoài, ứng viên tìm việc kế toán cần phải biết c...

15.01.2019 26