Material Style Web Templates from Web Design Library
If you are in web design business (you are reading this post, so you most probably are) you absolutely could not miss the latest rage in the industry - Google's material design. Just look at the Google trends, I think this chart speaks volumes about the popularity of the material trend.
Well, we haven't missed it too, please welcome the brand new Material Design Web Templates!
Google design vision
Simply put, material design is a design concept (well, it's not really just a concept any more, I mean there's a whole guide book!) that combines the norms of science and technology with the principles and common rules of classic design and adds some magic to it all.
The concept was born from Google's desire to unify the user experience across their platforms. First there was an interface for the Google+ app, then there was a whole new redesign of all the Google's major products, including Gmail and Calendar, based on what Google called a "unifying theory of a rationalized space and a system of motion."
Everyone loved the new Google design, though some still say it's not that different from the dear old flat style. There are differences in these two, and fundamental ones. Google combined the best traits of skeuomorphism (like motion and reflection of reality) and minimalism of flat design and they achieved amazing results.
Here are the main principles of material design:
Unexpected, vibrant colors.The color pallets of material style are inspired by the real life things that surround us - architecture, athletic courts, pavement markings etc. There are deep shadows, bold hues and bright highlights.
Bold and geometric shapes.Material keeps shapes simple and bold, symmetrical and consistent, and "inspired by the tactile and physical quality of material" as Google puts it.
Graphic, bold, engaging imagery.The images have to express delight, relevance and information. Every photo or illustration needs to be relevant to the context.
Large-scale, bold typography.Google continues to use Roboto and Noto as their standard typefaces. Whatever typeface you use when creating your material design app, it has to be easy to read, large and dynamic.
Consistency.According to Google by repeating visual elements, structure and spacing you create consistency and thus better user experience, especially if you do this across platforms, screen sizes and environments.
If you want to try your hand in the trendiest trend in the contemporary web design - Google released a comprehensive list of guidelines, rules and tools to help you create apps for Android and web.
New Material Design Templates in Our Store
Our designers have already started perusing the guide. Here are their first attempts of putting Goole design approach into life.
Web Design Storage WordPress Theme
Travel WordPress Theme
Material Design Portfolio WordPress Theme
Material Joomla Template
Business Responsive Landing Page Template
Stay tuned, there's more material templates to come!
SHARE THIS POST
ABOUT THE AUTHOR
Hey all! I’m Alice, I’m a copywriter who is passionate about all things related to web design. Check out my G+ page