Trong 2014, Google đã công bố phát hành Thiết kế tài liệu ". Mục tiêu ban đầu của họ là giải quyết các vấn đề về thiết kế ứng dụng cho thiết bị Android. Lập luận là " Thiết kế phẳng "Không hiển thị tốt trên màn hình nhỏ. Họ cảm thấy rằng thiết kế thiếu các tín hiệu thị giác rõ ràng và cản trở khả năng sử dụng của người dùng di động.
Matías Duarte, phó chủ tịch Google Design, giải thích:
“Không giống như giấy thật, 'Material Design' của chúng tôi có thể phát triển và thích ứng một cách thông minh. Vật liệu cung cấp các bề mặt vật lý và phẳng, với các bóng mang ý nghĩa cho những gì bạn có thể chạm vào ”.
Và về cơ bản đó là thiết kế phần cứng hiện nay: một cách làm cho các phần tử của một ứng dụng có vẻ dễ chạm vào.
Bằng cách phát hành ngôn ngữ và hướng dẫn mới về Thiết kế Vật liệu, Google hy vọng sẽ giải quyết các vấn đề của UX (Trải nghiệm người dùng) và sự nhầm lẫn của người dùng các ứng dụng Android. Hai năm sau, Framework của họ đã vượt ra ngoài lĩnh vực ứng dụng di động và hiện là nguyên tắc thường xuyên được sử dụng trong thiết kế web.
Sau đây, tôi cung cấp cho bạn một số nguồn mà bạn sẽ tìm thấy ressources để tích hợp thiết kế Material Design trên blog WordPress.
1 - Hành vi
Ví dụ hoàn hảo về trang web để học thiết kế ứng dụng với " Thiết kế tài liệu ". Behance có vô số mẹo và ví dụ bạn có thể sử dụng làm nguồn cảm hứng. Behance cũng tình cờ sử dụng " Thiết kế tài liệu Trên trang web của riêng họ, với các hộp nằm ngoài lưới một cách tinh tế, bóng ở giữa để gây chú ý và các điểm đánh dấu rõ ràng cho các hành động có thể nhấp.
2 - CodePen
Tải về
CodePen, 'sân chơi dành cho nhà phát triển' tự chỉ định, là mỏ vàng của nhà phát triển khi nói đến ' Thiết kế tài liệu ". Bạn không chỉ có một số ví dụ thực sự thú vị và bạn có thể thấy CSS, HTML và JavaScript mà các nhà phát triển sử dụng để xây dựng các trang web khác nhau.
3 - lừa bóng
Nếu bạn không quen với cái sau, Dribble là mạng xã hội dành cho các nhà thiết kế, nhà phát triển, nghệ sĩ và những người khác quan tâm đến " Thiết kế ". Tìm kiếm " Thiết kế tài liệu Trong trang web của họ sẽ chỉ cho bạn thấy công nghệ của Thiết kế tài liệu Có mặt khắp nơi. Ở đây bạn sẽ tìm thấy cảm hứng cho một thứ đơn giản như một biểu tượng để thiết kế một trang web hoàn chỉnh.
4 - Giải thưởng Thiết kế Vật liệu của Google Design
Một năm sau khi Google ra mắt Thiết kế Vật liệu, họ đã vinh danh sáu ứng dụng tốt nhất sử dụng Khung trong "Giải thưởng thiết kế vật liệu ". Bạn sẽ nhận ra một số lượng lớn các trang web trong danh sách danh dự này. Nếu bạn muốn thấy tiềm năng của Thiết kế tài liệu ”, Chúng tôi khuyến khích bạn xem danh sách này. Nếu Google dành thời gian để gắn thẻ một nguồn, thì bạn nên đi đường vòng.
5 - Làm bằng vật liệu
Có từ tháng 2014 năm XNUMX, trang web này cung cấp một nguồn cảm hứng tuyệt vời cho " Thiết kế tài liệu ". Hầu hết trang web có ảnh chụp màn hình độ phân giải cao của các trang web và ứng dụng dành cho thiết bị di động sử dụng " Thiết kế tài liệu ". Và mặc dù bạn có thể dễ dàng bị lạc trong những ví dụ đầy cảm hứng này, nhưng đừng quên kiểm tra tài liệu mà họ đã bao gồm cho các nhà phát triển ở thanh bên trên cùng bên phải. Tài liệu này sẽ hữu ích nếu bạn muốn phát triển với " Thiết kế tài liệu '.
6 - Blog thiết kế vật liệu
Blog này tình cờ là một trong những mục yêu thích của chúng tôi, không chỉ vì nó bao gồm một loạt các công cụ và chủ đề mà bạn có thể quan tâm khi nói đến chủ đề này, mà còn vì nó thực hiện một công việc tuyệt vời cho bạn thấy kỹ thuật thiết kế với "Material Design". Nếu bạn chưa có cơ hội xem hoạt ảnh của họ, hãy truy cập trang web và nhấp vào một trong các bài đăng trên blog của họ.
7 - MaterialUp
Một phần của gia đình của các trang web Uplabs MaterialUp là tất cả về thiết kế material design: trang web mẫu, ảnh chụp màn hình ứng dụng dành cho thiết bị di động, công cụ, mẹo và hơn thế nữa. Ngay cả khi bạn không thể tìm thấy bất cứ điều gì hữu ích ngay bây giờ, hãy xem thiết kế trang web của họ. Bố cục và giao diện gợi nhớ đến Google Drive, phải không? Nếu bạn đang tìm kiếm một tài nguyên bạn có thể tin tưởng, bạn có thể chuyển sang trang web này?
8 - Pinterest
Nếu từng có một trang web được mệnh danh là nguồn cảm hứng chính cho các "nhà thiết kế", Pinterest sẽ chia sẻ vinh dự này với Behance. Với một tìm kiếm nhanh cho cụm từ "Thiết kế tài liệu Bạn có quyền truy cập ngay vào video và hình ảnh từ các trang web và ứng dụng sử dụng khung này.
Đó là nó cho danh sách này ressources cho " Thiết kế tài liệu ". Hãy chia sẻ nó với bạn bè của bạn trên các mạng xã hội yêu thích của bạn.
