Material Design: From Zero to Hero Part 1

Material Design: From Zero to Hero Part 1

‘Design is everywhere’ – whether its our clothes(fashion designing) or software(software design) or jewellery or anything (pottery, engineering, management, cowboy coding and graphic design).Design has different connotations in different fields. And so has material design a different connotation.
Material is a substance, or a mixture of substances that constitute a thing what we learn from wikipedia. Enough discussing about the material and design :D. Let’s see what and how did the huge brain(Google 😉 ) thought and said Voila!! and this is Material Design!!
Enough kidding, let’s get serious.
Material Design is a design language developed by Google and announced at the Google I/O conference on June 25, 2014. Google states that their new design language is based on paper and ink. We will begin by understanding what is the philosophy behind Material Design. And then let’s understand why there was need of material design.
Material Design?
Material Design is a comprehensive guide for visual, motion and interaction design across platforms and device.
To understand this, let me tell you something about a new word(for the ones who don’t know) AFFORDANCE.
An affordance is a quality of an object, or an environment, that allows an individual to perform an action.
Affordance is what an object suggests to us.
For example, if you see a bench, you might think to sit down on it, or to lie down on it. Some doors have a panel on one side, and a handle on the other. If you see the panel, you tend to push it. If you see the handle, you pull it.
Material Design enhances the concept of affordance. In this context the affordance of a material where the material is paper and ink.

Unlike real paper, the digital material can expand and reform intelligently. Material has physical surfaces and edges. Seams and shadows provide meaning about what you can touch. Users can tap, swipe, or pinch this material and it will move according to user interaction.

The user interfaces are made with rectangular boxes, round buttons. Content(text, imagery, video) is laid flat onto material.

Jumbled? Hopefully not but let’s evoke some more imagery to clarify. Each piece of material is considered to be a separate object inside the digital world. So an app or a web page with a white background actually uses a full-length piece of material colored white. A blue navbar is then stacked on top using a different piece of material. So a user interacts with different pieces of material as if they were real physical objects.

The point to ponder is is that, the Material Design is a language. It’s not mere a UI kit or collection of interface elements, but rather a new way of talking about and looking at interfaces.

Bringing material design to the web, with Polymer
Polymer, an ambitious UI toolkit for the web. As a developer, you’ll now have access to all the capabilities of material design via Polymer, bringing tangibility, bold graphics, and smooth animations to your applications on the web.
Polymer brings an implementation of material design to the web. The paper elements range from controls to effects and user interaction.

Bringing material design to the android apps, with Android L
Google has presented its hamburger(my favorite material design) with the ingredients such as animation, style, layout, components, patterns and with thier quantities(DO’s and DONT’s ) into a perfect blend at

We shall love to speak more about material design in each of the area of web development and android apps in the next coming sessions and work on some Hands on. So wait and watch!!

WhatsApp WhatsApp us