EN - FR - DE - ES - IT - PT -

LexiconDream

🧱 Thiết kế Vật liệu

Một ngôn ngữ thiết kế sử dụng chiều sâu, chuyển động và bố cục dựa trên lưới.

Thiết kế Vật liệu

Material Design là một ngôn ngữ thiết kế được phát triển bởi Google. Nó ra mắt vào năm 2014 như một hệ thống thống nhất cho Android và các sản phẩm web của Google. Hệ thống này sử dụng chiều sâu, chuyển động và bố cục dựa trên lưới. Bề mặt và các cạnh cung cấp các tín hiệu trực quan. Bóng đổ cho biết độ cao. Các yếu tố tạo ra bóng để thể hiện mối quan hệ của chúng với bề mặt bên dưới. Thiết kế này mô phỏng các vật liệu vật lý, do đó có tên gọi như vậy. Nhưng nó không phải là chủ nghĩa mô phỏng vật thể thực (skeuomorphism). Nó không bắt chước da hoặc gỗ. Nó trừu tượng hóa các đặc tính của giấy và mực vào một hệ thống kỹ thuật số.

Material Design cung cấp các nguyên tắc về bố cục, màu sắc, kiểu chữ, biểu tượng và chuyển động. Lưới dựa trên hệ thống khoảng cách 8dp. Các thành phần có trạng thái được xác định: mặc định, di chuột, được chọn, được nhấn và bị vô hiệu hóa. Chuyển động có mục đích. Hoạt ảnh cho thấy các phần tử đến từ đâu và đi đến đâu. Chúng hướng sự chú ý và cung cấp phản hồi. Hệ thống đã được phát triển. Material Design 2 đã tinh chỉnh các thành phần. Material Design 3 giới thiệu màu sắc động, tạo ra bảng màu từ hình nền của người dùng. Hệ thống này là mã nguồn mở. Các nhà phát triển và nhà thiết kế có thể sử dụng miễn phí. Nó đã được áp dụng ngoài các sản phẩm của Google. Nhiều ứng dụng sử dụng các thành phần Material vì chúng quen thuộc và đã được kiểm thử kỹ lưỡng. Hệ thống này không hoàn hảo. Các nhà phê bình cho rằng nó trông chung chung. Mọi ứng dụng tuân theo nó đều trông giống nhau. Sự đánh đổi là tính nhất quán. Material Design cung cấp cho các nhóm một ngôn ngữ chung. Họ có thể xây dựng nhanh hơn vì các quyết định đã được đưa ra.

Nguyên tắc thiết kế vật liệu

Material Design là một hệ thống. Nó giúp việc đưa ra quyết định thiết kế dễ dàng hơn bằng cách cung cấp các giá trị mặc định. Các giá trị mặc định này có thể được tuân theo hoặc ghi đè lên. Hệ thống này là điểm khởi đầu, chứ không phải là một khuôn khổ cứng nhắc.


Warning: session_start(): Cannot start session when headers already sent in /var/www/lexicondream.com/inc/functions.php on line 63

Comments

No comments yet. Be the first to share a thought.

Leave a comment