Was ist Flat 2.0 und warum sollten Sie sich darum kümmern?

Gerade als Sie dachten, Sie hätten ein flaches Design gefunden, sprachen alle über Flat 2.0. Wenn Sie nie den Sprung in die Gestaltung eines flachen Projekts gewagt haben, ist jetzt der Zeitpunkt gekommen.

Flat 2.0 ist einfacher zu verwenden, da es das Beste aus flachem Design mit zusätzlichen Hinweisen für die Benutzeroberfläche kombiniert, um Ihnen das Erstellen eines schönen und funktionalen Website-Designs zu erleichtern. Es ist auch sehr anpassungsfähig und funktioniert mit fast jedem Konzept. Im Gegensatz zu einigen der reinsten, flach gestalteten Websites kombiniert Flat 2.0 flache Elemente mit subtilen Ergänzungen, um die Benutzerfreundlichkeit zu verbessern. Schauen wir uns einige Beispiele an!

Designer lieben flach

Zugegeben, flaches Design haben alle Designer vor ein paar Jahren angesprochen. Lieben Sie es oder hassen Sie es, flaches Design hat viel Dampf aufgenommen.

Der Designstil, der eine stromlinienförmige Ästhetik ohne Verzierungen durch Elemente wie Prägen oder Schlagschatten oder andere dreidimensionale Stileffekte aufweist, wurde in einer Reihe von hochkarätigen Projekten und einfachen Designs gleichermaßen verwendet. Dem flachen Design fehlten auch Elemente, die angehoben wurden, um die Klickbarkeit anzuzeigen oder hohl oder eingefallen zu sein, um anzuzeigen, dass die Elemente eine Eingabe benötigten. Es wurde vor allem für Apples iOS 7 übernommen, eine dramatische Wendung von dem Skeuomorphismus, an den die Benutzer gewöhnt waren.

Aber es hat funktioniert. Designer haben es geliebt. (Flat macht viel Spaß beim Entwerfen.) Helle Farben, einfache Schriften und der Fokus auf absoluten Minimalismus trugen zu schönen Projekten bei.

Es gab nur ein Problem. Es war nicht für alle Benutzer intuitiv genug. Einige argumentierten, dass der Designstil so flach war, dass man erkennen konnte, was die Benutzer tun sollten und wie die Benutzeroberfläche funktionieren sollte.

Geben Sie Flat 2.0 ein.

Benutzer brauchen etwas mehr

Flat 2.0 ermöglicht eine Berücksichtigung subtiler Details und verstößt nicht gegen das Gesetz. Techniken - Schatten, Farbverläufe, Schichtung -, die nicht zum flachen Design gehörten. Die Verwendung subtiler Merkmale in Kombination mit allen anderen Elementen des flachen Designs wurde in vielen Kreisen als Flat 2.0 bezeichnet. (Und nur eine Weiterentwicklung des Stils in anderen.)

Der Begriff wurde erstmals von Designer Ryan Allen Ende 2014 verwendet: „Flat 2.0 ist eine Evolution und keine Revolution. Wo Flat Design eine radikale Abkehr von dem rasenden Skeuomorphismus vergangener Tage war, ist Flat 2.0 ein verspielter Zweig vom flachen Baum. Flaches Design ist der Weihnachtsbaum, Flat 2.0 ist der Schmuck und die Zuckerstangen. Und Geschenke. Kein Lametta, dieses Zeug ist ein Durcheinander, das man aufräumen muss.

Flat 2.0 ermöglicht es Designern im Wesentlichen, die harten Regeln des flachen Designs zu brechen.

  • Höhepunkte
  • Gradient
  • Mehrere Farbtöne und Farbwerte
  • Schatten fallen
  • Beliebige Farbpalette (nicht nur superhell)

Die andere große Änderung ist, dass die Flat 2.0 nicht in einer Welt lebt, in der alles ein UI-Element oder ein Symbol ist. Fotos und Videos sind ein großer Teil der Flat 2.0-Schnittstellen. (Viele frühe flache Design-Puristen waren der Meinung, dass diese visuellen Elemente der reinen Intention der Ästhetik entzogen wurden.)

Flat 2.0 und nachfolgende Iterationen sind das neue Thema der Designwelt, vor allem aufgrund der zunehmenden Beliebtheit der Material Design-Schnittstelle, die von Google erstellt und übernommen wurde, und seiner Flat 2.0-Ästhetik. Das Erscheinungsbild ist offensichtlich abgeflacht, weist jedoch die Entwicklung von Elementen mit Layering als visuelle Schlüsselkomponente sowie die Verwendung von Schatten auf.

Flat 2.0 löst einige Probleme

Vielen zufolge hatte das flache Design Probleme. Die Nielsen Norman Group, die sich mit der Benutzererfahrung befasst, kritisierte insbesondere das flache Design. Einige dieser Probleme beinhalteten:

  • Das Fehlen traditioneller (und wichtiger) Signifikanten wie Gradienten, Schatten und unterstreicht, dass die Benutzer verstanden haben, was sie tun sollen
  • Das Fehlen bekannter Muster für die Benutzerfreundlichkeit, beispielsweise die Verwendung von blau unterstrichenem Text für Links
  • Ändern Sie die kontextabhängigen Schaltflächen und Aktionen, z. B. die Platzierung von Handlungsaufforderungen und das Fehlen einer umsetzbaren Kopie zugunsten weniger Wörter

Flat 2.0 behebt viele dieser Probleme und gibt Designern mehr Flexibilität beim Design für die Benutzerfreundlichkeit. Das war das, was bei flacher Bauform fehlte. Während der Look kreativ und cool war, war er für Designer in Mode, jedoch nicht immer für Benutzer.

Eigenschaften von Flat 2.0

Flat 2.0 ist die scheinbar perfekte Verbindung zwischen Minimalismus und Skeuomorphismus. Es ist ein sehr brauchbarer Stil, der optisch ansprechend ist. Designer mögen es. Benutzer mögen es. Dies ist ein Trend, der funktioniert.

Ein Großteil von Flat 2.0 ist in der Designtheorie verwurzelt. (Wenn Sie zu den Grundlagen zurückkehren und etwas tun möchten, das funktioniert, ist die Theorie immer ein guter Anfang.)

Flat 2.0 verwendet einen bestimmten Stil, um eine Hierarchie für einen Fluss durch das Design zu erstellen. Farbpaletten sind eindeutig und zweckmäßig aufgebaut. Es wird ein Schwerpunkt auf Organisation, Abstand und Klarheit der Elemente gelegt. Jedes Element im Design soll einfach, aber höchst verständlich sein.

Letzteres ist, wo Flat 2.0 gelingt. Designer können das Design bis an den Rand des Skeuomorphismus bringen, wenn sie möchten, und dann mit einem Klick zurückkehren. Flat 2.0 basiert auf Benutzerfreundlichkeit. (Dies kann nicht genug gesagt werden, denn es ist das Wesentliche dessen, was ein Design zum Funktionieren bringt.)

Fügen Sie all das der Idee hinzu, dass dieser Stil äußerst flexibel und anpassbar ist. Es ist für responsive und adaptive Frameworks oder Materialschnittstellen konzipiert. Und jeder Designer kann Stile und Konzepte kombinieren, um etwas zu kreieren, das absolut einzigartig ist. (Sie würden sich schwer tun, etwas Anziehenderes als das zu finden.)

Fazit

Flat 2.0 ist nur ein weiterer Schritt in der Entwicklung dieses Designstils, der auf der reinsten Form des Minimalismus basiert. Was Flat 2.0 (und flaches Design im Allgemeinen) so ansprechend macht, ist der angeborene Spaßfaktor, der damit einhergeht.

Von hellen Farben bis hin zu lesbaren Typografien geben flächigere Elemente der Benutzeroberfläche Platz für die Teile des Designs, die der Benutzer zuerst sehen muss.Flache Schaltflächen und einfache Textvorlagen geben mehr Platz für Bilder und Handlungsaufforderungen. Deshalb ist Flat 2.0 so wichtig. Es ist brauchbar. Es ist funktional. Und während es sich weiter entwickeln wird, bleibt die Idee dahinter, um zu bleiben.