In 2014 gab Google die Veröffentlichung von bekannt Material Design ". Ihr ursprüngliches Ziel war es, Fragen mit dem Design von Apps für Android-Geräte anzugehen. Das Argument war, dass die " Wohnung Entwurf "Wird auf kleinen Bildschirmen nicht gut angezeigt. Sie waren der Meinung, dass das Design keine klaren visuellen Hinweise enthält und die Benutzerfreundlichkeit mobiler Benutzer beeinträchtigt.
Matías Duarte, Vice President von Google Design, erklärte:
„Im Gegensatz zu echtem Papier kann unser 'Material Design' intelligent wachsen und sich anpassen. Das Material bietet physische und flache Oberflächen mit Schatten, die dem, was Sie berühren können, einen Sinn geben. “
Und genau das ist Hardware-Design jetzt: Eine Möglichkeit, Elemente einer Anwendung berührbar erscheinen zu lassen.
Mit der Veröffentlichung der neuen Sprache und der neuen Richtlinien für Material Design möchte Google die Probleme von UX lösen (Benutzererfahrung) und Verwirrung unter Benutzern von Android-Anwendungen. Zwei Jahre später ist ihr Framework über den Bereich mobiler Anwendungen hinausgegangen und wird heute regelmäßig im Webdesign verwendet.
Im Folgenden biete ich Ihnen einige Quellen an, wo Sie fündig werden Ressourcen um Material Design auf Ihrem zu integrieren Wordpress-Blog.
1 - Behance
Das perfekte Beispiel für eine Website zum Erlernen des Anwendungsdesigns mit " Material Design ". Behance hat unzählige Tipps und Beispiele, die Sie als Inspiration verwenden können. Behance nutzt auch das " Material Design Auf ihrer eigenen Site mit Feldern, die subtil aus dem Raster heraushängen, mittleren Schatten für Aufmerksamkeit und klaren Markierungen für anklickbare Aktionen.
2 - CodePen
Herunterladen
CodePen, der selbst zugewiesene "Entwickler-Spielplatz", ist eine Goldmine für Entwickler, wenn es um " Material Design “. Sie werden nicht nur einige wirklich coole Beispiele finden, sondern auch CSS, HTML und JavaScript, mit denen Entwickler verschiedene Websites erstellen.
3 - Dribbble
Wenn Sie mit letzterem nicht vertraut sind, ist Dribble ein soziales Netzwerk für Designer, Entwickler, Künstler und andere, die sich für " Design “. Eine Suche nach " Material Design Auf ihrer Website werden Sie nur zeigen, wie die Technologie von Material Design Ist allgegenwärtig. Hier finden Sie Inspiration für etwas so Einfaches wie ein Symbol zum Entwerfen einer vollständigen Website.
4 - Material Design Awards von Google Design
Ein Jahr nach der Einführung von Material Design von Google wurden sechs der besten Anwendungen mit dem Framework in "Material Design Awards “. Sie werden eine große Anzahl von Websites auf dieser Ehrenliste erkennen. Wenn Sie das Potenzial von sehen wollen Material Design ”, Wir empfehlen Ihnen, sich diese Liste anzusehen. Wenn Google sich die Zeit nimmt, eine Quelle zu markieren, lohnt sich der Umweg.
5 - Hergestellt aus Material
Diese Seite aus dem November 2014 bietet eine großartige Inspirationsquelle für die " Material Design ". Der Großteil der Website bietet hochauflösende Screenshots von Websites und mobilen Apps, die die " Material Design ". Auch wenn es leicht sein kann, sich in diesen inspirierenden Beispielen zu verlieren, vergessen Sie nicht, die Dokumentation zu lesen, die sie für Entwickler in der oberen rechten Seitenleiste enthalten haben. Diese Dokumentation ist nützlich, wenn Sie mit dem " Material Design ".
6 - Material Design Blog
Dieser Blog ist einer unserer Favoriten, nicht nur, weil er eine ganze Reihe von Tools und Themen abdeckt, an denen Sie interessiert sein könnten, wenn es um dieses Thema geht, sondern auch, weil er Ihnen großartige Arbeit leistet Designtechniken mit "Material Design". Wenn Sie noch keine Gelegenheit hatten, ihre Animationen in Aktion zu sehen, besuchen Sie die Website und klicken Sie auf einen ihrer Blog-Beiträge.
7 - MaterialUp
Teil der Site-Familie Uplabs Bei MaterialUp dreht sich alles um Materialdesign: Beispiel-Websites, Screenshots mobiler Apps, Tools, Tipps und mehr. Auch wenn Sie gerade nichts Nützliches finden können, werfen Sie einen Blick auf das Website-Design. Layout und Aussehen erinnern an Google Drive, oder? Wenn Sie nach einem suchen Ressource Sie können vertrauen, können Sie sich an diese Website wenden?
8 - Pinterest
Sollte jemals eine Website als Hauptinspirationsquelle für "Designer" genannt werden, wird Pinterest diese Ehre mit Behance teilen. Mit einer schnellen Suche nach dem Begriff "Material Design Sie haben sofortigen Zugriff auf Videos und Bilder von Websites und Anwendungen, die dieses Framework verwenden.
Das war's für diese Liste von Ressourcen für die " Material Design “. Teilen Sie es mit Ihren Freunden in Ihren bevorzugten sozialen Netzwerken.
