Google hatte Material Design im Rahmen der firmeneigenen I/O-Entwicklerkonferenz 2014 vorgestellt. Die Designsprache setzt vor allem auf kontrastreiche Farben, großflächige Elemente sowie auf Icons und Typografie als bestimmende Designelemente. Das Unternehmen setzt beispielsweise in der eigenen Inbox-App auf Material Design. Aber auch andere Entwickler werden dazu angehalten, Apps in diesem Look für Android oder das Web zu erstellen. Um euch den Einstieg so einfach wie möglich zu gestalten, wollen wir euch im Folgenden UI-Kits, Frameworks, Icons-Sets, Tools und weitere Ressourcen vorstellen, die euch bei der Gestaltung von Apps im Material-Design-Look helfen können.

Glücklicherweise gibt es bereits einige hochwertige UI-Kits. Die besten haben wir euch an dieser Stelle herausgesucht.

• Material Design UI Kit für Photoshop von Oliur Rahman / Ultralinx
• Android Lollipop Material Design UI kit for Sketch für Sketch von Ivan Bjelajac
• Material UI Kit (kostenpflichtig) für Photoshop und Sketch von UI8
• Android 5.0 UI Kit für Photoshop von Ever Studio
• Material Design für Sketch von Kyle Ledbetter
• Material Design für Sketch von Benjamin Schmidt
• Android L Keyboard für Sketch von Sander Värv
• Android Material Design für Photoshop von Donart Bytes Selimi

Google selbst hat 750 Icons für den Einsatz in Material-Design-Apps unter der freien Creative-Commons-Lizenz veröffentlicht. Aber auch andere Designer haben sich an der Erstellung passender Icons versucht.

• Google Material Design Icons
• Icon pack for android L von Icons8
• Material Design Iconic Font von Sergey Kupletsky
• Material Design Icon Templates von Gabe Will

Auch kostenlose CSS-Frameworks beziehungsweise Templates für bestehende Frameworks wie Bootstrap gibt es im Material-Design-Look. Welches euch am besten zusagt, müsst ihr allerdings selbst entscheiden.

• Materialize
• Material UI
• Leaf
• Material Design for Bootstrap (Bootstrap-Template)
• Bootswatch Paper (Bootstrap-Template)

Mit Material Palette gibt es eine praktische Web-App, mit der ihr euch ganz einfach eine passende Farbpalette für eure App generieren lassen könnt. Ihr müsst lediglich zwei Farben auswählen und das Tool erledigt den Rest. Die Palette könnt ihr euch anschließend in den Formaten CSS, SASS, SVG, XML, oder PNG herunterladen. Das Tool stammt von Matt Aussaguel, der auf seinem Blog Material Up auch schicke Beispiele für den Einsatz der Designsprache sammelt.

Wer mit den hier aufgelisteten Ressourcen sofort loslegen möchte, der sollte vorher noch einen Blick auf unseren Artikel Leitfaden für Material Design: Google veröffentlicht Style-Guide für Android-Apps werfen.