15 Awesome examples of Material Design done right
For now at least, it’s all about simplicity, with subtle but very natural and real visual clues providing distinctions to aid the eye’s navigation around the interface:textures, shading, contrasts, hues and so on. That’s right: material design trend is here to stay.
For those who think Google’s material design is a form of skeuomorphism (skeuomorphic design tries to reflect the concepts and materialism from everyday objects into the design ) answer is quite simple: material design does not recommend mimicking real-world interfaces.
Actually, it’s quite opposite. The Material in the name also refers to the real world, but it is less bound to visual cues and more to behaviours. Animation, transparency, boundaries, shadows are typical material design elements. Google’s “Paper and ink” moto presents minimalistic, lightweight design style.
Google’s official release of Material Design was a landmark moment for the trend. And the trend goes well beyond Android’s operating system or Google products. Whether it’s a graphic design mockup, a device interface, an app design or the simplest portfolio website, these 15 great examples show material design aficionados how it should be done…
1.Androidto.com
Canada’s Largest Android Development, Design and Business Conference – AndroidTO.
2.Jpiedade.com
Portfolio website built with material design by JOÃO PIEDADE
3. Material.cmiscm.com
Material Interaction shows interactive experiences for Google’s Material Design Principles. It was created with HTML5 and CSS3 and works well on mobile & tablet devices.
4. Foodtrack.de
Web #application allowing to find local food trucks. Currently available only in Nuremberg, Germany. Excellent example of Google maps web implementation.
5. Lifeaweso.me
Lifeaweso.me website is aiming to give people a simple and efficient way of telling others who they are and what they’re capable of.
6. Diskforyou.com
Cloud-based repository DiskForYou is focused on maximum protection of your data and sensitive information.
7. Jsobotka.cz
Portfolio website by Jakub Sobotka
8. Makoframework.com
Mako is a lightweight and easy to use PHP framework based on the MVC architectural design pattern.
9. Adolfogutierrez.me
Portfolio website by Adolfo Gutierrez
10. Battleborn.io
Online web application to compare your images in a sublime way. Website is under development in it’s early stages.
11. Apkmirror.com
Have the APK file for an alpha, beta, or staged rollout update? Just drop it on Apkmirror website, fill in any details you know, and they will do the rest.
12. Google.com/inbox/
Material design user experience for Google Inbox users.
13. Materialwp.com
Material Design WordPress Theme. Currently one of the best examples of WordPress based on material design. This material WordPress template uses the Material Design Bootstrap theme by Federico Zivolo to get all the cool features combined with the Bootstrap framework.
14.Nimbusnine.co
Material Design website of the smartest cloud solution for enterprise-level lighting control and energy savings management. Beautifully designed and feature rich website delivers brilliant Material Design UI.
15. Nexpick.co
Nexpick.co is a new web application allowing people to organize, discover and share the things they care about by creating a collection of your picks. Access your collections on all your devices via the web browser. Needless to say, Nexpick website features brilliant Material Design UI.
#showcase #materialdesign #mockup #design #websites #examples