Eine der aufregendsten Änderungen in Android 5.0 ist die Einführung dessen, was Google "Material Design" nennt, eine neue Designsprache, die bestimmt, wie die Apps des Unternehmens aussehen werden. Wenn Sie Android-Blogs oder Tech-Sites folgen, haben Sie vielleicht diese beiden Wörter ziemlich oft gesehen. Aber was bedeuten sie eigentlich?

Lass uns das brechen.

Denken Sie über Material Design wörtlich

Der Großteil dessen, was Sie wissen müssen, wird direkt im Namen erklärt - Material Design. Die neue Benutzeroberfläche von Google sieht so aus, als ob sie aus Materialien besteht, die Sie tatsächlich berühren können. Durch die Verwendung von Schatten und Animationen sollten sich die Dinge auf dem Bildschirm so bewegen, wie Sie es in Wirklichkeit erwarten würden. Wenn Sie auf eine Schaltfläche tippen, werden weitere Aktionen darunter angezeigt. Wenn Sie von links rutschen, rutschen die Menüs über den vorherigen Bildschirm. Wenn Sie eine App schließen, wird sie in den unteren Bildschirmbereich verschoben. In gewisser Weise ist es eine Art Interaktion mit einem Kartenspiel.

So haben Google-Entwickler die Dinge auf Google I / O 2014 erläutert.

Aber wie sieht eigentlich Material Design aus?

Material Design lehnt sich an Konzepte an, die bereits im Print-Design angewendet wurden (Think Magazine und Zeitungen). Schatten helfen, ein Gefühl von Tiefe zu schaffen, wo es keine gibt, und die richtige Verwendung kann das Aussehen von mehrschichtig gestapelten Papieren imitieren.

Mit den gleichen Techniken sehen moderne Apps aus, als hätten sie ein Gefühl von Tiefe. Die Seitenleiste kommt immer noch von der linken Seite des Bildschirms, aber jetzt sollte sie über der Aktionsleiste am oberen Bildschirmrand schweben. Viele Apps verfügen über einen Floating-Action-Button, der über anderen Elementen schwebt. Wenn Sie darauf tippen, können Sie weitere Optionen von unten abrufen

Ein Markenzeichen der Material Design-Apps waren bisher kühne, leuchtende Farben. Google hat dies in seinen eigenen Apps veranschaulicht, wobei Gmail rot, Inbox von Gmail hellblau und Keep immer gelb ist. Play Music ist orange, Play Books ist blau, Play Newstand ist violett, Play Games ist grün und Play Videos ist rot. Die Play Store App wechselt zwischen diesen fünf Farben, aber das allein macht sie nicht zu einem guten Beispiel für Material Design.

Ihre App kann wie die aktuelle Version von Google Drive grau und eintönig sein und sich dennoch an die Designrichtlinien halten. Aber Farben helfen dabei, ein Gefühl dafür zu entwickeln, in welcher App du bist und welche Funktion du gerade verrichtest. So mutige, aufmerksamkeitsstarke Farben kein fester Bestandteil von Material Design sind, sind sie dennoch gut zu sehen.

Animationen sind der Schlüssel

Es ist eine kleine Herausforderung, Material Design in statischen Screenshots zu vermitteln, und Animationen sind ein wichtiger Grund dafür. Damit sich alles wie echtes Material anfühlt, hat jedes Stück der Benutzeroberfläche seinen Platz. Apps gleiten von unten auf den Bildschirm und kehren dorthin zurück, wenn sie fertig sind.

In der Android 5.0-Version von Google Now Launcher verwandelt sich das Symbol der App-Schublade in das weiße Fach, in dem sich Ihre Apps befinden. Seitenleisten, Schaltflächen und Informationskarten rutschen überall heraus.

Diese Animationen sehen nicht nur attraktiv aus, sie helfen den Benutzern zu verstehen, was passiert. Wenn eine Seite einer App in eine andere gleitet, wird deutlich, dass Sie sich jetzt eine andere Information ansehen, während der Bildschirm flackern und sich augenblicklich ändern kann, als Ergebnis eines Fehlers.

Animationen zeigen, wie verschiedene Aspekte der Benutzeroberfläche auf unsere Berührung reagieren. Dies wird immer wichtiger, wenn wir uns von Geräten mit physischen Eingabemethoden entfernen. Wir müssen wissen, was passiert, wenn wir auf verschiedene Teile des Bildschirms tippen.

Bei Material Design geht es nicht nur um Android

Während die neue Designsprache von Google auf ihrer mobilen Plattform für Aufregung sorgt, spiegelt dies nicht ihre Herkunft wider. Diese Bemühungen führten zu Problemen bei der Erstellung von Websites, die sich über verschiedene Bildschirmgrößen erstrecken. Der Suchgigant möchte, dass das Erscheinungsbild über Formfaktoren hinweg wechselt, wobei die Nutzer mithilfe der Informationen, die sie von einem anderen Gerät gelernt haben, auf einem Gerät navigieren können. Sie können Materialdesign bereits in den Webversionen von Google Notizen, Google Drive und Google Mail anzeigen. Es wird erwartet, dass es auch in Chrome OS besser zur Geltung kommt.

Wo kann ich heute Materialdesign auf Android finden?

Nexus-Geräte, die mit Android 5.0 ausgeliefert werden, bieten bereits eine gründliche Materialerfahrung. Die neueste Version des Betriebssystems wurde auch für Nexus- und Motorola-Telefone und Tablets entwickelt. Auf Leute ohne Android 5.0 muss man nicht verzichten. Viele Apps von Google haben bereits den Übergang geschafft und sind direkt im Play Store verfügbar. Sie können auch unsere Liste mit acht anderen Apps lesen, die bereits Material Design vorzeigen.

Und wenn Sie ein Entwickler für Android-Apps sind, hat Google eine Material Design-Checkliste veröffentlicht, mit der Sie sicher sein können, dass Sie alles richtig machen. Google hat auch eine Website zur Verfügung gestellt, die Dinge auch für durchschnittliche Leute klar legt.

Wenn Sie Fragen zu Material Design haben, zögern Sie nicht, in den Kommentaren unten zu fragen!

Bildnachweis: Android-Entwickler, Google