Zur Designsprache Material Design gibt es mittlerweile viele Informationen, Beispiele und offizielle Guidelines von Google. Wenn dir diese zu umfangreich und zu technisch sind, kannst du einfach die kostenlose PSD-Datei Material Design Elements downloaden. Das UI-Kit enthält die grundlegenden Layout-Elemente und bieten einen guten Einstieg ins Material Design.
Material Design Elements zum kostenlosen Dowload
Die PSD-Datei basiert auf den Sticker-Sheets von Google und beinhaltet einige der wichtigsten Design Elemente:
- Cards
- Listenelemente
- App Bar
- Status Bar
- Buttons
- Icons
- Farbpaletten
Details zum Freebie:
Format: PSD
Lizenz: CC0 / Frei verwendbar für private und kommerzielle Nutzung
© Sonia Rieder / Webtimiser
Download: Zip-Datei / 4.87 MB
Material Design Elements enthält gut organisierte Ebenen sowie Smart Objects. Die Datei kann somit leicht in Bildbearbeitungsprogrammen wie z.B. Photoshop bearbeitet werden. Die in der PSD-Vorlage verwendetet Fotos stammen von kostenlosen Bild-Anbietern und sind frei verwendbar (Lizenz CC0).
Weitere Informationen zum Thema:
Material is an adaptable system of guidelines, components, and tools that support the best practices of user interface design. Backed by open-source code, Material streamlines collaboration between designers and developers, and helps teams quickly build beautiful products.
material.io
WordPress Themes im MD-Look
Natürlich gibt es auch für WordPress einige Themes, die diesem Design-Trend folgen.
Ein besonders empfehlenswertes MD-Theme ist Hestia.
Das Theme sieht nicht nur gut aus, sondern bietet auch noch jede Menge an Features. Dabei kann es für viele Bereiche genutzt werden: Business-Seite, One-Pager, Portfolio oder einfach nur als Blog.
Anpassungen sind über den Customizer sehr einfach umzusetzen und Gutenberg-Ready ist Hestia natürlich auch.
Die Grundversion ist kostenlos. Wer noch weitere Funktionen benötigt, kann auch die umfangreichere Pro-Version kaufen.
Unter den Premium Themes ist Zephyr von UpSolution (Entwickler von Impreza) sehr gelungen.
Hier die Haupt-Features im Überblick:
- Cleanes Design im Material Design
- Einfacher Import von Demo-Inhalten
- Page Builder
- Header Builder
- Portfolio Varianten