Since November when Android Lollipop was released, Google’s Material Design has created waves among the members of our design community. Many have created app designs since then and a lot of them have made really good ones. Not that it would be a surprise.
This playground is a git repo by Eric Bidelman. It has so many of material design elements and is one of the more extensive code gardens. Use it to your advantage, by learning the basics of material design.
This is a collection of material design buttons features square, round and outlined buttons. What makes it interesting is the added click event that changes the background color.
Material design is filled with animations, specifically when you load a new element. This is an animation simulation for anyone interested in using this animation within any project – doesn’t have to be Google related.
On the other hand, if you are looking to create material design icons this is the perfect Dribbble shot for you. Grahm Macphee created an icon template that you are free to download and use for your icon needs.
For a more extensive icon template, this is the one for you. It includes two rectangular, one circular and one square template. This template is geared specifically toward Android L icons.
If you are looking for an Android L PSD, this is it. It is a free UI kit, which you can use to mock up apps or interfaces for Android L. I can’t get over how awesome these color pairings look!
This is a code snippet for checkboxes. It’s a pretty neat looking item. I only wish this snippet also included code for other input types like a drop down.
For those interested in more formal documentation, Harrison Weber – news editor at VentureBeat – shared a great Slideshare. It’ explains the basics of material design in a short sequence. You can download and pass it around.
This Dribbble shot embraces the UI style of material design by embracing its fonts, colors and line style.
Here is a shot from Sam Mearns demonstrating ways to play around with Google’s material design concept. It’s his attempt at showing off his internal project.
WhatsApp is notorious for being constantly redesigned. Amruth Pillai took one of the first shots at redesigning it to appear in the material design style. This looks really good. (And the copy is quirky, too.)
Here is a set of Android L icons made by Google. Notice that they are not hollow, outline icons. It’s an interesting stand by Google, actually. Here is a clean icon set in both vector and sketch formats.
Rasmus Nielsen made this awesome Android L kit. The design details on this are great. The design is clean, the colors are lovely and it has overall amazing quality.
Prayers Times App
Vincent Tantardini created this concept remainder app for people participating in Ramadan. Once again, the colors are so brilliant; so are the tiny UI details like the divider lines. material design is really well put together.