Material Design: Một cái nhìn về thiết kế web ngày nay

Đã gần hai năm kể từ khi Google phát triển và công bố tại hội nghị Google I/O Thiết kế tài liệu như một quy định thiết kế sẽ được triển khai và mặc dù ban đầu tập trung vào việc tái tạo nội dung trên hệ điều hành Android nhưng dự định sẽ trở thành một xu hướng trên web và trên bất kỳ nền tảng nào, điều mà chúng tôi có thể xác nhận ngày nay. Mặc dù đôi khi chúng tôi đã đề cập đến nó, nhưng sự thật là chúng tôi chưa bao giờ dừng lại để xem xét sâu hệ thống hóa này, vì vậy hôm nay chúng tôi sẽ xem xét các nguyên tắc và đặc điểm đặc trưng nhất của nó.

Các tính năng xác định của thiết kế vật liệu là gì? Nó có liên quan gì đến phong trào Thiết kế phẳng?

Chúng ta có thể nói gì về xu hướng thiết kế web này?

Tên của nó xuất phát từ ý nghĩa thiết thực nhất của nó, vật chất hoặc vật liệu cần được sắp xếp và cấu trúc theo cách hiệu quả nhất có thể và nó sẽ tập trung vào điều này. Phong trào này trên hết tìm kiếm sự linh hoạt, công thái học và khả năng gấp và đơn giản hóa việc xây dựng một trang web. Nhưng không chỉ chiều không gian sẽ chiếm một vị trí quan trọng mà chiều thời gian cũng vậy, vì lúc này các yếu tố sẽ chiếm những vị trí nhất định tại những thời điểm nhất định, tức là tính năng động cũng sẽ là yếu tố then chốt. Hơn nữa, những yếu tố này chắc chắn sẽ được hướng dẫn bởi trí tuệ và logic, dẫn đến việc tìm kiếm chủ nghĩa hiện thực và sự biểu diễn không gian của vật chất vật lý, trên thực tế, nó tính đến các định luật vật lý và cùng với đó là các yếu tố (hình ảnh, nút bấm, các tấm...) không thể giao nhau vì chúng có trọng lượng và mật độ hình ảnh lớn hơn, thay vào đó những gì chúng sẽ làm là chồng lên nhau.

Thứ tự, rõ ràng, dễ đọc

Tất nhiên, tất cả những nguyên tắc này đều xuất phát từ cách quản lý và phân phối các thành phần đồ họa, bao gồm cả kiểu chữ, trên hết sẽ là một giải pháp rõ ràng, dễ đọc, cấu trúc văn bản sẽ thông thường và linh hoạt, một hệ thống phân cấp trực quan được thúc đẩy bởi sử dụng nhiều tông màu mạnh hoặc ít hơn, tạo ra sự tương phản cũng sẽ được thể hiện qua kích thước và thứ tự.

Ánh sáng và chủ nghĩa hiện thực

Sự logic được thể hiện trước hết ở việc sử dụng hiệu ứng ánh sáng và quản lý cả ánh sáng và bóng tối. Ánh sáng là một chỉ báo tuyệt vời về khoảng cách, mức độ liên quan và tình huống, vì vậy nó sẽ trở thành một công cụ cơ bản để tác động đến hệ thống phân cấp mà chúng ta đang nói đến. Bây giờ, các nút, hình ảnh và tất cả các thành phần sẽ có bóng cho biết mức độ gần nhau và sẽ giúp chúng ta xác định vị trí của chính mình trong kịch bản web.

Chuyển động là công cụ hiệu quả nhất để thu hút sự chú ý và dẫn dắt người xem

Ngôn ngữ của nó sẽ hiển nhiên, sinh động và soi sáng trong mắt người dùng. Khi chúng ta chọn một tùy chọn hoặc công cụ, nó sẽ tiếp cận chúng ta bằng cách mở rộng các kích thước của nó và ngược lại khi chúng ta ngừng sử dụng nó. Tương tự như vậy, một phần tử sẽ thay đổi màu sắc hoặc nhấp nháy nếu nó cần thu hút sự chú ý của chúng ta ngay lập tức.

Nhịp điệu, trật tự, ngôn ngữ

Chúng ta đừng quên rằng về cơ bản chúng ta đang nói theo một phương thức diễn ngôn. Chúng tôi xem qua các tài nguyên mà thiết kế web cung cấp cho chúng tôi và do đó tất cả các tham số biểu đạt kỹ thuật đều có ý nghĩa: Từ thứ tự xuất hiện, chẳng hạn như đầu tiên là hình ảnh và sau đó là các nút nổi, cho đến tốc độ chúng xuất hiện, theo hướng nào họ làm điều đó và họ hướng tới mục đích gì. Tất cả những điều này đều quan trọng vì nó không chỉ cho người dùng biết thông tin đến từ đâu mà hành trình còn được tạo điều kiện thuận lợi, các yếu tố được sắp xếp để giúp quá trình đọc trở nên trực quan, dễ dàng và thú vị. Không còn nghi ngờ gì nữa, hoạt ảnh và tính năng động là trụ cột cơ bản.

Mã hóa không giới hạn

Tất cả các nguyên tắc hoặc tiêu chuẩn mà chúng tôi đang xem xét này đều được thiết kế và phát triển để triển khai trên mọi nền tảng và hỗ trợ, bất kể tính chất và kích thước màn hình mà nó thể hiện. Từ điện thoại di động, máy tính bảng hoặc máy tính. Tất cả các hỗ trợ và đích đến có thể đều hỗ trợ ngôn ngữ hình ảnh này và trên thực tế, tính xuyên suốt và khả năng tương thích của nó là một trong những thành phần thiết yếu của nó.

Thiết kế phẳng không giống với Material Design

Mặc dù chúng có nhiều điểm chung, chẳng hạn như cam kết theo chủ nghĩa tối giản rõ ràng nhất, nhưng cũng có những khác biệt rất lớn giữa cả hai quy tắc. Tuy nhiên, chúng không phải là không tương thích và chắc chắn chúng có thể được kết hợp hoàn hảo để có được lớp hoàn thiện tốt nhất, nhưng chúng ta sẽ nói về điều đó trong bài viết sau.