Premium- und kostenlose Materialdesign-WordPress-Themes

Veröffentlicht: 2015-05-01

Material Design

Dies ist eine Sammlung der besten Premium- und kostenlosen Materialdesign-WordPress-Themen.

Was genau ist Material Design? Material Design ist ein von Google entwickeltes visuelles Interface-Design, „das die klassischen Prinzipien guten Designs mit der Innovation und den Möglichkeiten von Technologie und Wissenschaft verbindet“. Während die Definition und die sich ständig weiterentwickelnde Spezifikationsdokumentation über Material Design von Google eine ziemlich einschüchternde und anmaßende Sprache verwenden, sind die Grundlagen ziemlich klar.

Material Design trifft den Punkt zwischen flachem Design und Skeuomorphismus. Man könnte sagen, es ist eine Erweiterung des Flat Designs, die versucht, das Webdesign realistischer zu gestalten, indem es Elemente auf sinnvolle Weise darstellt, den Benutzerfluss und das Verständnis verbessert und die Erfahrung reibungsloser macht. Dies wird durch die Verwendung von Elementen wie reaktionsschnellen Animationen und Übergängen, Layering, Padding und Tiefeneffekten wie Beleuchtung und Schatten erreicht.

Es gibt drei Kernprinzipien im Material Design: Material als Metapher, Bewegung und kühne, absichtliche Grafiken.

Material

materialdesign_metapher Die Kernmetapher des Materialdesigns ist digitales Material. Inspiriert von Papier und Tinte ist dieses fiktive digitale „Smart Paper“ in der Lage, sich intelligent zu bewegen und seine Form zu verändern. Es hat Oberflächen und Kanten, die visuelle Hinweise liefern, die auf der Realität basieren, und Nähte und Schatten und Beleuchtung helfen dabei, Objekte zu definieren und den Raum zu teilen und Bedeutung und Kontext bereitzustellen.

Bewegung

materialdesign_prinzipien_bewegung Ähnlich wie bei Material respektiert das Konzept von Motion, dass Benutzeraktionen im Vordergrund stehen, sodass die Person, die mit dem Design interagiert, das Erlebnis steuert und nicht das Design den Benutzer. Wie Google erklärt: „Bewegung ist sinnvoll und angemessen und dient dazu, die Aufmerksamkeit zu fokussieren und die Kontinuität aufrechtzuerhalten. Das Feedback ist subtil, aber klar. Übergänge sind effizient und dennoch kohärent.“

Mutig, grafisch, absichtlich

materialdesign_prinzipien_fett Die Prinzipien und Grundelemente des druckbasierten Designs – Typografie, Raster, Raum, Skalierung, Farbe und Verwendung von Bildern – erfreuen nicht nur das Auge, sondern leiten auch Ihre Erfahrung mit Hierarchie, Bedeutung und Fokus. Die Verwendung kräftiger und bewusster Farben, formschön definierter Bilder von Kante zu Kante, großflächige Typografie und absichtlicher Weißraum schaffen ein immersives Benutzererlebnis.

WordPress-Themes für Materialdesign

Nachfolgend finden Sie eine Sammlung von WordPress-Themes, die versucht haben, die Material Design-Philosophie zu verwenden. Die Entwickler haben die Materialdesign-Prinzipien in diesen Themen mit unterschiedlichem Ausmaß und Erfolg implementiert.

Materialisieren

Materialise ist ein Blog-WordPress-Theme, das stark von Googles Material Design inspiriert ist. Das Premium-Theme von RichWP hat ein modernes, mutiges und optisch ansprechendes Design, das den Materialdesign-Richtlinien folgt. Es wäre geeignet für einen persönlichen oder beruflichen Blog, ein Online-Magazin oder sogar eine Shop-Website.

Einige der wichtigsten Funktionen sind: WooCommerce-fähig, vollständig ansprechendes Mobile-First-Layout, Unterstützung für die meisten Jetpack-Plugin-Funktionen (wie gekachelte Galerien, Kontaktformulare usw.), einfache Farbanpassungsoptionen, mehrere Widget-Bereiche, Dropdown-Menüs, einfache Logo-Integration, Übersetzung Ready, Icon-Menü, Qualitätscode nach WordPress-Standards und mehr.

materialisieren
Demo- und Release-Seite | Herunterladen

Materialismus

Materialism ist ein Mehrzweck-Einseiten-WordPress-Theme, das nach den von Google entwickelten Material Design-Richtlinien erstellt wurde. Das Premium-Theme von Tesla Themes hat ein schönes und modernes Materialdesign mit vielen leistungsstarken Funktionen und Optionen. Das Thema kann für einen Blog, eine Unternehmens- oder Agenturwebsite, ein Portfolio, eine Landpage verwendet werden, um Ihr Produkt, Ihre App oder Ihren Service oder irgendetwas anderes zu präsentieren. Zu den wichtigsten Funktionen gehören: Über 40 verschiedene Inhaltselemente und erweiterte Gestaltungsoptionen, 2 einzigartige Homepage-Layouts, Parallax-Scrolling und HTML5-Video, Preistabellen, Google-Webfonts, Call-to-Action-Blöcke, visueller Seitenersteller per Drag-and-Drop und mehr.

Weitere Details / Demo-Download

Sirius Pro

Sirius Pro ist ein Mehrzweck-WordPress-Theme, das von Googles Material Design inspiriert ist. Das Premium-Theme von Lyra Themes verfügt über eine Reihe leistungsstarker Funktionen und Optionen und ist einfach einzurichten und für eine Vielzahl von Zwecken zu verwenden. Sie können verwenden, um eine elegante, professionelle und mit Funktionen gefüllte geschäftliche, persönliche oder korporative Website zu erstellen. Es verfügt über integrierte Projekte/Portfolios, Farbanpassungsoptionen, Parallaxenhintergründe, mehrere Homepage-Anzeigen, Shortcodes für Informationskarten, Teammitglieder und Testimonials und mehr.

Weitere Details / Demo-Download

MaterialDesignWP

Das Material Design WordPress-Theme ist ein Premium-Theme, das auf dem MaterialiseCSS.com-Framework basiert. Es wird mit einem Material Design Shortcodes-Plugin geliefert, mit dem Sie Ihren Seiten viele nette Material Design-Komponenten hinzufügen können. Es verfügt über ein ansprechendes Design, ein Blog-Layout, eine Portfolio-Vorlage, Parallaxenoptionen, eine Vorlage in voller Breite, Widget-Bereiche, eine Kontaktformularvorlage und mehr.

Materialdesignwp
Demo- und Release-Seite | Herunterladen

Reiche Kiste

Rich Box ist ein vollständig ansprechendes Mehrzweck-WordPress-Theme von RichWP. Das Premium-Theme kombiniert die neuesten Material Design-Trends mit den neuesten Standards und Best Practices in der WordPress-Theme-Entwicklung. Das vielseitige Thema kann für alle Arten von Websites und Nischen wie Food-Blogs, Mode und Kosmetik, Design-bezogene Websites, Reisen, Affiliate- oder persönliche Blogs verwendet werden.

Das Rich Box-Design hat ein schönes Grid-Post-Layout und enthält einige praktische Funktionen und Optionen, darunter: einfache Logo-Integration und Farbänderungsoptionen, Vollbildmenü, Design ohne Seitenleiste, Top- und Footer-Widget-Bereiche, Unterstützung des WordPress-Post-Formats, HTML5-Code-Architektur, Symbolmenü, JetPack-Plug-in-Unterstützung, bereit für die Übersetzung und mehr.

Richbox
Demo- und Release-Seite | Herunterladen

Zephyr

Zephyr ist ein anpassbares Mehrzweck-Premium-WordPress-Theme, das für Geschäfts- und Unternehmensseiten, Agenturen, Portfolios, Blogs, Produktwebsites oder jede andere Art von Projekt verwendet werden kann. Das Thema basiert auf dem neuesten Material Design-Trend mit viel Liebe zum Detail. Es verfügt über authentische Bewegungen, reaktionsschnelle Interaktionen, hierarchisches Timing, Parallaxeneffekte, 8 Erscheinungsbildanimationen für Spalten und Bilder, ist vollständig reaktionsfähig und konzentriert sich auf Typografie, Benutzerfreundlichkeit und Benutzererfahrung.

Das Thema ist absolut vollgepackt mit (zu vielen?) Funktionen, aber einige der bemerkenswerten Schlüsselfunktionen umfassen: visuellen Drag-and-Drop-Seitenersteller zum einfachen Erstellen unbegrenzter Layouts, WooCommerce-fähig, erweiterte Typografieoptionen, spezielle Themenoptionen für einfache Anpassung und Steuerung, Erweiterte Header-Optionen, Portfolio mit mehr als 6000 Kombinationen, unbegrenzte Farboptionen, parallaxe Hintergründe, übersetzungsbereit, 3 verschiedene Blog-Layouts und viele andere Elemente (Akkordeon & Toggles, ActionBox, Button, Kontaktformular, Counter, IconBox, Bildergalerie, Bild-Slider, Google Map, Message Box, Portfolio-Raster, Responsive Columns, Separator, Social Links, Tabs & Timeline, Team Member, Testimonial, Video Player), über 1000 Font Awesome- und Material Design-Icons und mehr.

Zephyr
Demo- und Release-Seite | Herunterladen

Rubin

Ruby ist ein von Material Design inspiriertes Portfolio- und Blog-WordPress-Theme für Leute, die ihre persönlichen Projekte, Fotos oder Geschichten über einen Blog präsentieren möchten. Das Premium-Theme hat ein ultra-einfaches, modernes und intuitives Design, das für mobile Geräte optimiert ist. Einige der wichtigsten Funktionen sind: unbegrenzte Farboptionen, Admin-Panel zur Anpassung, Royal Slider (Plugin), Essential Grid (Plugin) für Portfolios, verschiedene Portfolio-Layouts, Google-Schriftarten, Portfolio-Filtersymbole, zahlreiche Beitragsformate und mehr.

Rubin
Demo- und Release-Seite | Herunterladen

Material

Material ist ein voll ausgestattetes, vielseitiges WordPress-Theme, das für alle Arten von Projekten verwendet werden kann. Inspiriert von Google Material Design bietet das Premium-Theme, das auf ThemeForest verkauft wird, eine Menge verschiedener Homepage-Stile und unbegrenzte Variationen. Einige der wichtigsten Funktionen sind: ein visueller Drag-and-Drop-Seitenersteller mit Frontend- und Backend-Editoren, mehr als 40 Inhaltsblöcke, reaktionsschnell und retinafähig, filterbares Portfolio, 19 einzigartige Header-Blöcke, Parallax-Effekte, Vollbildabschnitte und Schieberegler, 3 einzigartige Fußzeilentypen und mehr.

Material
Demo- und Release-Seite | Herunterladen

Fröhlicher Hipster

Das Happy Hipster WordPress-Theme von RichWP ist ein Blogging-Theme mit einem sehr einfachen, hippen und minimalistischen Design. Das Premium-Theme ist ideal für Hipster-Blogger, die ihre tiefen und aufschlussreichen Gedanken in Blog-Posts teilen, Selfies oder Fotos ihres Essens, Boutique-Biere oder Bart, Videos von sich selbst, die coole Sachen machen, posten und vieles mehr. Natürlich muss man kein Hipster sein, um das Theme zu nutzen. Es ist für jeden geeignet, über alles zu bloggen. Einige der anderen Hauptfunktionen des Happy Hipster-Themes sind: ein mobiles First-Responsive-Design, WooCommerce bereit für E-Commerce-Funktionalität, Unterstützung für die meisten JetPack-Funktionen (gekachelte Galerien, Kontaktformulare usw.), Unterstützung für native WordPress-Postformate, schöne Galerie und Post Listenlayouts, Dropdown-Menüs, Symbolmenü, einfache Logo-Integration, einfache Farbanpassung, mehrere Widget-Bereiche und mehr.

Happy-Hipster
Demo- und Release-Seite | Herunterladen

Impala

Impala ist ein funktionsreiches, vielseitiges WordPress-Theme, das versucht, die Prinzipien von Google Material Design anzuwenden. Es hat ein modernes Design mit flachem Farbverlauf, das vollständig reagiert. Sie können das Thema verwenden, um fast jede Art von Website zu erstellen – Online-Magazin, Portfolio, Agentur und Geschäft, Blog, Coming Soon-Seite oder so ziemlich alles andere.

Zu den wichtigsten Funktionen und Optionen gehören: Drag-and-Drop-Seitenersteller für unbegrenzte Layouts, mehrere Kopfzeilen, vielseitige Layouts (1170 px, 1024 px, 900 px, volle Breite, Vollbild), vorgestelltes Beitragsraster, Hintergrundvideooptionen, transparente Muster, Hunderte von Typografieoptionen , unbegrenzte Farboptionen, unbegrenzte Seitenleisten, über 1200 Symbole von fontAwesome und Google Material Design Icons, integrierte Überprüfungen, Unterstützung von Beitragsformaten und mehr. Das Thema gibt Ihnen die vollständige Kontrolle über Layout, Stil, Verlauf, Farben, transparente Muster, Schriftarten, Symbole, Bildposition und so weiter.

Impala
Demo- und Release-Seite | Herunterladen

Pinty

Pinty ist ein fortgeschrittenes Pinterest-ähnliches WordPress-Theme, mit dem Sie eine Website wie Pinterest erstellen können. Es ermöglicht Ihnen, Boards und Kategorien zu erstellen, Elemente (Bilder, Videos und Orte mit Google Maps) von Websites zu pinnen oder Ihre eigenen Inhalte hochzuladen, Benutzerprofile zu erstellen, Benutzern zu folgen, zu liken, erneut zu pinnen und vieles mehr.

Das Premium-Theme wurde mit dem Material Design Style Guide entworfen und ist retinafähig und mobilfreundlich mit einem ansprechenden Design. Einige der anderen bemerkenswerten Hauptmerkmale und Funktionen umfassen: Front-End-Benutzerregistrierung und Anmeldung mit Google+ und Facebook, Redux-Framework, Lokalisierung von Pins mit Google Maps, Font Awesome-Symbole, Google-Schriftarten, unbegrenzte Farbschemata, übersetzungsbereit und HTML5, CSS3 und jQuery Kodierung.

winzig
Demo- und Release-Seite | Herunterladen

Taktil

Tactile ist ein WordPress-Theme mit mehreren Konzepten, das ein modernes und scharfes Aussehen hat, das auch behauptet, Material Design zu sein. Es ist vollgepackt mit 14 vordefinierten Layouts und vielen Funktionen und Optionen, sodass Sie es für alle möglichen Projekte und Websites verwenden können.

Einige der wichtigsten Funktionen des Tactile-Designs sind: eine leistungsstarke Admin-Oberfläche, Visual Composer, mehrere Header-Layouts, Parallaxenbilder, AJAX-Übergänge, Videohintergründe, Ebenenschieber, mehrere Portfolio-Layouts, gemauertes Blog-Layout, benutzerdefinierte Portformate, anpassbare Fußzeilenspalten , retina ready, WooCommerce-Integration, Google Fonts, Contact Form 7-Integration, mehrsprachige WPML-Integration und mehr.

taktil
Demo- und Release-Seite | Herunterladen

Calypso

Calypso ist ein Magazin-WordPress-Theme mit Material Design. Das Premium-Theme ermöglicht es Ihnen, Artikel und Geschichten dank seines Materialdesigns auf eine schöne Art und Weise mit Charakter darzustellen. Der Entwickler behauptet, dass alles bis in die kleinsten Elemente sorgfältig entworfen wurde, um es mit sich selbst und den Prinzipien des Materialdesigns in Einklang zu bringen.

Einige der bemerkenswerten Funktionen des Themas sind: Reddit-ähnlicher Sortieralgorithmus für Ihre Beiträge (sortieren Sie sie nach Beliebtheit), Seitenersteller, anpassbare Kategorieseiten (Kategoriefarbe, Beitragsstile, Platzierung der Seitenleiste), intelligentes AJAX für einfache Navigation, mobil ansprechend Design, Ein-Klick-Demodateninstallation, HTML5 und CSS3, Sticky-Menü, benutzerdefinierte Widgets und umfangreiche Anpassungsoptionen innerhalb des Design-Optionsfelds.

Calypso
Demo- und Release-Seite | Herunterladen

Rich-Blog

Rich Blog ist ein mutiges und modernes Blogging-WordPress-Thema von RichWP. Das Premium-Theme hat ein klares und minimalistisches Design, das für jede Art von Blog geeignet wäre. Das Theme verfügt über ein Mobile-First-Responsive-Design, WooCommerce-Integration, einfache Logo-Integration, mehrere Widget-Bereiche, Jetpack-Unterstützung (für Galerien, Kontaktformular usw.), Farbanpassungsoptionen und eine Codierung, die den WordPress-Standards entspricht.

reichblog
Demo- und Release-Seite | Herunterladen

Besessenheit

Obsession ist ein flexibles WordPress-Theme, das für einseitige Websites oder herkömmliche mehrseitige Websites verwendet werden kann. Das Thema enthält einige nette Materialdesign-Elemente wie animierte Morphing-Schaltflächen, Info-Overlays, ein Abonnementformular und ein minimales Kontaktformular.

Das Theme basiert auf dem Bootstrap-Framework und hat ein vollständig ansprechendes Design. Der enthaltene visuelle Drag-and-Drop-Seitenersteller, der Revolutionsschieberegler und die wesentlichen Grid-Plugins ermöglichen es Ihnen, fast jedes gewünschte Layout mit vorgefertigten Elementen über eine Drag-and-Drop-Oberfläche zu erstellen. Einige der anderen bemerkenswerten Funktionen des Themas sind: anpassbare Portfolio-Abschnitte, intelligentes Admin-Panel, Google-Schriftarten, Font Awesome-Integration, Parallax-Scrolling, bereit für die Übersetzung, unbegrenzte Farben, benutzerdefiniertes Bearbeiten des Seitenlayouts, Videohintergründe, Sticky-Header-Option, WPML-fähig und mehr.

Besessenheit
Demo- und Release-Seite | Herunterladen

Farbe

Color ist ein Blog- und Portfolio-WordPress-Theme mit einem einzigartigen und farbenfrohen Design. Jeder Beitrag, jede Seite oder jeder Beitragstyp kann mit einer individuellen Akzentfarbe für ein einzigartiges Erscheinungsbild aktualisiert werden. Warum wohl eher flach als Materialdesign das Theme wäre ideal für Fans bunter Blogs.

Einige der anderen Hauptfunktionen des Themas umfassen: erweiterte Schriftartoptionen, linke oder rechte Seitenleisten, Mobile First Responsive Design, Google Maps-Integration, Ein-/Ausblenden von Autoreninformationen, Easy Digital Downloads-Kompatibilität, Social-Sharing-Optionen, benutzerdefiniertes Menü, Shortcodes, Portfolio Beitragstyp mit vorgestelltem Bild, Slider-Galerie oder Videounterstützung, Team-Beitragstyp und mehr.

Farbe
Demo- und Release-Seite | Herunterladen

NachlassMLS

Estate MLS ist ein auf Mobilgeräte ansprechendes WordPress-Thema für Immobilien im Materialdesign. Der Entwickler behauptet, beim Erstellen des Themas die neuesten Richtlinien zum Materialdesign-Stil verwendet zu haben. Das funktionsreiche Thema ermöglicht es Ihnen, MLS-Angebote zu verwenden oder Ihre eigenen Immobilienangebote anzuzeigen.

Einige der wichtigsten Funktionen sind: Google Maps mit Eigenschafts-Pins darauf, Suche (von Ihrer Website oder von MLS-Einträgen), Frontend-Formular „Eine Immobilie hinzufügen“, dsIDXpress IDX-Plug-in-Unterstützung für MLS-Einträge, benutzerdefinierte Widgets und Shortcodes, Themenoptionen mit markenlosem Back-End-Admin-Panel basierend auf dem robusten Redux Framework, unbegrenzten Farben, Google-Schriftarten, Immobilienmakler-Profilseite, Visual Composer-Seitenersteller, Featured Properties-Widget, Blog-Bereich und mehr.

NachlassMLS
Demo- und Release-Seite | Herunterladen

Aktivismus

Activism ist ein sauberes und minimalistisches WordPress-Theme mit einem Material Design, das für gemeinnützige Organisationen, Wohltätigkeitsorganisationen, Event-Websites oder andere geschäftliche oder persönliche Websites entwickelt wurde. Es ist ein untergeordnetes Thema für die hervorragende kostenlose Website-Builder-Plattform Layers WordPress.

Das Thema bietet ein ansprechendes und retinafähiges Design, eine Spendenseite, benutzerdefinierte Beitragstypen (für Team, Galerie, Boxspalten, Testimonials, Veranstaltungen), eine Veranstaltungsliste und einen Kalender, ein Karussell für Blog-Nachrichtenbeiträge, eine einseitige oder mehrseitige Website-Option , übersetzungsbereit, Google-Schriftart und mehr.

Aktivismus
Demo- und Release-Seite | Herunterladen

Einfaches Material

Das Simple Material WordPress-Theme ist von Google Material Design inspiriert und verwendet das MaterialiseCSS-Framework. Es hat ein sauberes und einfaches Layout und ist mit einem ansprechenden Design mobilfreundlich. Es verfügt über einige großartige integrierte Funktionen, mit denen Sie jede Seite und jeden Beitrag mühelos anpassen können, und enthält ein Material Design-Shortcode-Plugin, mit dem Sie Material Design-Komponenten zu Ihren Seiten und Beiträgen hinzufügen können.

einfaches Material
Demo- und Release-Seite | Herunterladen

MaterialWP

Material WP ist ein kostenloses WordPress im Blog-Stil, das von Material Design inspiriert und von Bootstrap betrieben wird. Die Basis von MaterialWP ist das beliebte WordPress-Starter-Theme Underscores.me. Es verfügt über ein ansprechendes Design, ein Blog-Layout, eine Portfolio-Vorlage, Widget-Bereiche und verschiedene Materialdesign-Elemente.

Materialwp
Demo- und Release-Seite | Herunterladen

Materieller Blick

Material Gaze ist ein sauberes und minimalistisches WordPress-Theme, das sich von Googles Material Design inspirieren lässt. Es ist ein Child-Theme für das kostenlose Parent-Theme Stargazer. Dieses Thema ist kostenlos .

Material-Blick
Demo- und Release-Seite | Herunterladen

Materialist

Materialist ist ein kostenloses minimalistisches WordPress-Theme, das von Material Design inspiriert ist. Es verfügt über ein ansprechendes Design mit einem Mobile-First-Ansatz, Akzentfarbe, schneller Einrichtung, Widget-Unterstützung und ist mit JetPacks unendlichem Scrollen kompatibel.

Materialist
Demo- und Release-Seite | Herunterladen

Materialpresse

MaterialPress ist ein kostenloses, einfaches WordPress, das stark von der Material Design-Philosophie von Google beeinflusst ist. Es basiert auf dem Front-End-Framework Materialise Sass / Javascript.

Materialpresse
Demo- und Release-Seite | Herunterladen

Flow-Box

Flow Box ist ein Mehrzweck-WordPress-Theme mit einem Box-Design-Layout und einem sauberen und einfachen minimalistischen Design. Es hat ein visuell reichhaltiges Design mit der Verwendung von auffälligen Bildern, was es ideal für einen Reiseblog, einen Food-Blog, eine Portfolio-Site, eine Video-Website oder alles andere macht. Es ist mobilfreundlich mit einem ansprechenden Design, hat einfache Farbanpassungsoptionen und WooCommerce-Integration für E-Commerce.

Flow-Box
Demo- und Release-Seite | Herunterladen

Lassen Sie uns wissen, was Sie über Material Design denken und ob diese Themen den Richtlinien und Besonderheiten von Material Design entsprechen.

  • Leserbewertung
  • Mit 4,5 Sternen bewertet
    4.5 / 5 ( 13 )
  • Deine Bewertung