3 Things you are Doing Wrong in Material Design
Saurabh Tiwary | 24th March 2017
Google’s Material Design principles are the coolest things out there for every design enthusiast. The beauty of the shadows and layers to create amazing looking interface is something that everyone is fond of.
Since Material Design’s advent in 2014, it sees a vast application in the design projects. It’s been primarily used in providing Mobile UI/UX design services.
However, after coming across several projects that specifically followed material design, we found some very inappropriate uses of the Material design principles that in most cases looked very clunky and resulted into some unconventional design forms.
Here, I will talk about some common mistakes done by designers while working on the material design principles.
1. Overuse of Shadows
Shadows are the main components of Material Design. Shadows can be a great tool for designing interactive interfaces. They make things look more actionable and make your web and app design very intuitive
But as we know, overuse is never a good idea. While working on Material Design, few designers use too much of shadows into their design with every component. However, this is not a smart approach. Components like shadows and cards are the prime components but at the same time, the material design also recommends a minimalist approach.
2. Ignoring the Material Grid and Keylines
The visuals of the Material Design is primarily based on the principles of high-quality print design. The role of color in this type of design is to explain the content while providing it an order and hierarchy similar to how a newspaper is structured with multiple levels and holds content. Apart from inheriting the print design principles, Material Design makes use of the tools viz. grids, keylines, typography and images.
A grid system represents horizontal and vertical lines that intersect and are then used to arrange content.
Talking about the wireframes and the mobile UX, an appropriate use of the grid will help create a balanced, ordered, and rhythmical UI which is harmonious and easier to understand and to interact with .
3. Making Surfaces Vanish into thin air
Motion acts as one of the main pillars of Material Design. Beyond visual expression and behavior, motion provides a meaning.
It makes the surface dynamic, expresses the energy shown by the user to the paper during interactions, guides the focus, provides feedback about the action being done and explains every action that took place after an interaction.
So it won’t be wrong to conclude that the use of motion in Material Design is always meaningful providing visual expression to what action was taken by the user.
- Make sure that the Material motion is always natural, responsive, clear and most importantly, intentional.
- Make use of interpolators as linear movement looks very unnatural. Also, use the appropriate movement as per the movement of the object inside the boundaries.
I was suggested this web site by my cousin. I am not sure whether this post is written by him as no one else know such detailed about my problem. You are incredible! Thanks!
Just wanna admit that this is very helpful , Thanks for taking your time to write this.
Wow, that as what I was exploring for, what a information! present here at this weblog, thanks admin of this website.
Im obliged for the article post.Much thanks again. Fantastic.
Some times its a pain in the ass to read what blog owners wrote but this site is really user pleasant!.
Wow! This could be one particular of the most useful blogs We have ever arrive across on this subject. Actually Wonderful. I am also a specialist in this topic therefore I can understand your effort.
Major thankies for the article. Will read on
Very good blog post.Much thanks again. Cool.
You will discover some interesting points in time in this article but I do not know if I see all of them center to heart.
This is one awesome blog post. Much obliged.
There is noticeably a bunch to know about this. I consider you made various nice points in features also.
May I simply say what a relief to discover somebody who
Say, you got a nice post.Much thanks again.
Really informative blog article.Much thanks again. Really Cool.
provide credit and sources back to your site? My website is in the very same niche as
Thanks for the blog.Much thanks again. Will read on
It as difficult to find knowledgeable people for this subject, however, you seem like you know what you are talking about! Thanks
This website was how do I say it? Relevant!! Finally I have found something which helped me. Kudos!
It as laborious to seek out knowledgeable folks on this subject, however you sound like you recognize what you are speaking about! Thanks
With thanks for sharing your awesome websites.|
Wonderful work! That is the type of info that are supposed to be shared across the web. Disgrace on Google for not positioning this submit higher! Come on over and consult with my site. Thanks =)
I simply could not depart your web site before suggesting that I actually enjoyed the usual info an individual supply in your guests? Is gonna be back continuously in order to check out new posts
Major thankies for the article post.Really looking forward to read more.
Thank you ever so for you post.Really looking forward to read more. Much obliged.
This website was how do you say it? Relevant!! Finally I have found something that helped me. Kudos!
Way cool! Some very valid points! I appreciate you penning this post and the rest of the website is also very good.
Perfectly pent written content, Really enjoyed examining.
This blog was how do I say it? Relevant!! Finally I ave found something which helped me. Thanks!
Thank you, I have just been looking for information about
wow, awesome blog post.Really looking forward to read more. Really Great.