A set of practical material design style material!

Unlike earlier Android designs, the Material design not only has a more systematic specification, it also injects "paper" metaphors into every element of the UI. It combines the latest visual design and technology to create a more quality, future-oriented user experience. In addition to the official material, today we found some third party's material design style resources on the Internet to inspire your design inspiration.

After rummaging through dribbble and Codepen, we found a lot of cool material design style works. In the process of exploring the new style, some designers choose to make demo and share the source file, while others are more inclined to make some useful material and share it with others, such as the button material underneath.

Free after Effect Project File

Designer Jelio Dimitrov used the cool animation produced by AE, and he shared the AE documentation for the video on Dribbble for free.

Material Design UI Buttons

Material Design Style CSS button, this is a small and useful library.

Material Design Playground

This is the GIT repository for Eric Bidelman on GitHub, known as the material Design playground, which includes many material design-style basic controls and elements for you to learn.

Material Design Buttons

This is a set of material design-style buttons, and the interesting thing is that when the click event is triggered, the background color changes.

Google Material Design Hierarchical Timing

Material design is full of animations, especially when you're adding a new element, and this layered timeline doesn't come from Google, but it helps you use the dynamic loading effect of Material design in any other project.

Google Design Icon Template

If you're planning to make a material design style icon, the free icon template created by dribbble Designer Grahm MacPhee will save you a lot of hassle.

Android L–icon Grid System

This icon grid system is more powerful than the above icon template, designed specifically for Android L.

New Android L Interface

If you are looking for the PSD of the Android L, then you don't have to keep looking, that's what you want.

Material Design Checkboxes

This is a code snippet for the material Design checkbox, hoping to add more components later in the project.

Material Design Slideshow

This is the material design specification document produced by VentureBeat's news editor Harrison Weber. If you are interested in material design and do not want to read the official instructions one by one, this may be your dish.

Material Design

This is by the school student Jovie Brett produced material design style animation, the animation itself very good grasp the essence of the material.

Material Design Icon Templates

Another icon template, color and font use is a bright spot.

Google ' s Material design Dashboard

Sam Mearns a hot spot with the material design to showcase an internal project he was involved in.

Whatsapp–material Design

WhatsApp is often the designer to take out "redesign", the material design of the popular also led to it again by the designers played in between the palm. It looks very interesting.

System icons–material Design

This is a set of small icon collections made by Google, and it's worth noting that this set of icons is not hollow.

Action Button

If you're thinking about how to do the material Design style menu bar, then this should be your dish.

Android L PSD Kit

Rasmus Nielsen made the Android L PSD Kit is very good, neat, like to download it ~

Prayers Times APP

The application of Vincent Tantardini is the Ramadan timekeeping application. Aside from the function setting, the overall color and detail design is in place, also in line with the material style.

　　Conclusion

Frankly speaking, now the material design is still in a very elementary stage, the material is insufficient, many related technology also is in the development stage. But, like iOS, it is very dynamic and full of possibilities.

Category:

• PS Getting Started Tutorial