Flaches Design und Skeuomorphismus

Die Designthemen Flaches Design und Skeuomorphismus wurden in letzter Zeit ausführlich diskutiert, insbesondere mit der Betaversion von iOS 7. Trotz dieser Tatsache kennen viele Menschen diese Begriffe und ihre Bedeutung noch nicht. Heute werden wir einige der wichtigsten Merkmale des flachen Designs und den Unterschied zwischen Design und Skeuomorphismus untersuchen.

Designstile werden normalerweise als temporärer Trend bezeichnet. Wann immer ein "neuer" Stil auftaucht, kann nicht garantiert werden, dass er erfolgreich wird oder bleibt. Je mehr Designer in der Branche jedoch auf einen bestimmten Designstil eingehen, desto mehr wird dieser Stil allgegenwärtig und nützlich. Allerdings ist es eine weit verbreitete Fehlinterpretation, dass flaches Design tatsächlich neu ist. Es ist nicht Flaches Design und flache Designer gibt es schon lange, aber was neu ist, ist der Branchenhype und die Befolgung, die wir in den letzten Jahren gesehen haben.

Flaches Design ist heiß!

Google umarmt flaches Design



Wir alle wissen, dass Google über eine starke Identität verfügt, die sich an exzellenten Designrichtlinien orientiert. Ihr Ziel ist es, eine visuell zusammenhängende Identität zu schaffen, die einfach und modern ist. Es kann behauptet werden, dass sie ihren Gestaltungsstil mit einem reduzierten Ansatz, der sich auf Farbe und Geometrie konzentriert, entwickelt haben. Ihre visuelle Assets-Richtlinie zu Behance ist sehr interessant zu überprüfen!

Microsoft umfasst flaches Design

Pre-Flat von Microsoft: Windows Mobile 6.5

Bis 2010 entschied Microsoft, dass ihr Designansatz nicht mit den Erwartungen und Bedürfnissen der Benutzer übereinstimmt. Anstatt sich nur auf die Merkmale eines Produkts zu konzentrieren, beschlossen sie, ihren ästhetischen Ansatz zu überdenken, indem sie sich mehr auf die Benutzererfahrung konzentrierten.

Windows Phone 8

Dies veranlasste Microsoft dazu, an einer neuen Designphilosophie teilzunehmen, die die Optik (und das Verhalten) ihrer Produkte ändern sollte. Oder wie sie es gerne beschreiben: "Mit weniger mehr erreichen". Dies hat Microsoft mit seiner kürzlich durchgeführten grafischen Überarbeitung erreicht. Die Veröffentlichung von Windows 8 Ende 2012 ist ein Meilenstein in ihrer neuen Designstrategie.


Flaches Design und Skeuomorphismus definiert

Ein realistischer Entwurf ist immer ein Skeuomorphismus, ein Skeuomorphismus ist jedoch nicht immer ein realistischer Entwurf.

Skeuomorphismus, speziell für das Design, bedeutet, dass wir es versuchen ähneln etwas was wir wissen Der Begriff wird in der Branche häufig falsch verwendet. Designer denken oft, dass Skeuomorphismus bedeutet, dass Sie das Original replizieren. Ein Skeuomorphismus muss jedoch keine nahe Replik eines Objekts sein! Mit anderen Worten, ein realistischer Entwurf ist immer ein Skeuomorphismus, ein Skeuomorphismus ist jedoch nicht immer ein realistischer Entwurf. Um es noch verwirrender zu machen, kann flaches Design skeuomorph sein (muss aber nicht sein).

Machen wir es mit einer Reihe von Bildern klarer.

Design von Alex Volkov

Sie werden feststellen, dass dies ein unglaublich realistischer Entwurf eines Safes ist. Dies ist ein perfektes Beispiel für Skeuomorphismus, da er versucht, etwas zu ähneln, das wir kennen (das reale physische Objekt, ein Safe). Außerdem ist es ein hervorragendes Beispiel für realistisches Design, da es Tiefe, Beleuchtung, Schatten, Textur usw. berücksichtigt.

Der Skeuomorphismus versucht, etwas zu ähneln, das wir kennen.

Design von Justin Pervorse

Dies ist ein gutes Beispiel für flaches Design, da es einen Safe mit einfachen Linien und frischen Farben vereinfacht. Natürlich ist es auch ziemlich "flach". jedoch, Dieses Design beinhaltet auch Skeuomorphismus weil es versucht, einem echten Tresor zu ähneln. Sie können zum Beispiel offensichtlich die sichere Tür erkennen.

Design von Andrew Hesham

Nun, endlich ist dies ein weiteres großartiges Beispiel für flaches Design. Dies ist jedoch kein skeuomorphes Design. Sie können verstehen, dass dieses Symbol durch die Kombination der Form eines Schilds und des Schlüssellochs wie etwas aussieht, das gesichert ist. Das heißt, es ähnelt in keiner Weise einem echten Safe oder Schloss. Es leiht sich andere Metaphern, um die Bedeutung erkennbar zu machen. Zusammenfassend: Flaches Design verwendet einfache Elemente und Formen in Kombination mit überwiegend hellen Farben, um Schlichtheit und Klarheit zu betonen.

Flaches Design verwendet einfache Elemente und Formen in Kombination mit überwiegend hellen Farben, um Schlichtheit und Klarheit zu betonen.

Dies ist die allgemeine Erklärung, obwohl sich viele in der Branche häufig darauf beziehen skeuomorphes Design wann immer sie realistisches Design bedeuten, wie im ersten Beispiel. Wir verweisen auf flaches Design wenn wir einen minimalistischeren, zweidimensionalen Ansatz meinen. Manchmal der Begriff skeuomorphes flaches Design wird verwendet, da es das Beste aus beiden Welten kombiniert, wie im zweiten Bild gezeigt, der flache, skeuomorphe Tresor.

In iOS 7 kombiniert Apple sowohl skeuomorphes flaches Design wie das Kamerasymbol als auch nicht skeuomorphes flaches Design, beispielsweise das Fotosymbol oder das Symbol des Spielcenters.

iOS 7-Symbole

Skeuomorphes Design 101

Im Allgemeinen ähneln Apps, die in einem skeuomorphischen Stil entworfen wurden, ihren realen Gegenstücken. Menschen verbinden oft skeuomorphes Design mit Apple. Einige großartige Beispiele sind ihr iCal und einige ihrer Ikonendesigns (vor iOS 7)..


Skeuomorphes Design ist oft ein sehr anspruchsvoller Designstil. Es ist nicht einfach, ein reales Objekt in einem zweidimensionalen Design zu replizieren. Außerdem ist oft Realismus in das skeuomorphe Design eingebettet, damit es noch besser funktioniert. Ein Problem für Designer ist, dass diese Designs sich "gut anfühlen" müssen. Benutzer können auf einfache Weise einen Fehler in einem Design erkennen, wenn Sie sich für etwas Realistisches entscheiden. Das Entwerfen perfekter Texturen, Schatten, Tiefe und Farben für eine Benutzeroberfläche oder ein Symbol erfordert viel Arbeit. Skeuomorphes Design ist jedoch besonders hilfreich, wenn digitale Produkte für ältere Zielgruppen erstellt werden, die möglicherweise nicht mit der digitalen Welt vertraut sind. Es gibt dem Benutzer das Gefühl, dass er das von ihm verwendete Produkt erkennt. Eine gute Bemerkung ist jedoch, dass mittlerweile fast jeder "die digitale Sprache" erkannt hat und wir oft die gleichen digitalen Verhaltensmuster in den Schnittstellen haben.



Flaches Design 101

Flaches Design versucht Benutzerfreundlichkeit und Einfachheit zu betonen. Oft ist dies ein minimalistischer Ansatz, der von hellen Farben begleitet wird. Wenn Sie hören, wie andere Designer von flachem Design sprechen, wird häufig das Wort "Benutzererfahrung" in die Gespräche mit einbezogen. Im Allgemeinen glauben die Leute, dass flaches Design sowohl eine größere Benutzerfreundlichkeit als auch eine bessere Benutzererfahrung bietet als skeuomorphe Designs.

Einige bekannte Designer mit ihren Gestaltungsprinzipien wie Dieter Rams halten flaches Design oder "so wenig Design wie möglich" für den besten Weg, um nachhaltiges Design zu schaffen.

Screenshot von Hype Machine, ein flaches Design

Die andauernde Schlacht?

Es gibt eine goldene Regel. Wählen Sie einen Stil, den Sie genießen, und gestalten Sie ihn so gut wie möglich.

Wenn Sie Artikel lesen, in denen entweder flaches oder skeuomorphes Design behandelt wird, führt dies immer zu einem Kampf zwischen den beiden Stilen. Beide haben ihre Stärken und Schwächen, aber im Allgemeinen gibt es eine goldene Regel: Wählen Sie einen Stil, den Sie mögen, und gestalten Sie ihn so gut, wie Sie können. Flaches Design sieht leichter aus als skeuomorphes Design, aber in Wirklichkeit ist es ebenso schwierig, ein tolles flaches Design zu erstellen, genauso wie es schwierig ist, ein tolles skeuomorphes Design zu erstellen. Es ist einfach, ein mittelmäßiges flaches Design zu erstellen. Es ist sehr schwierig, ein tolles flaches Design zu erstellen. Einfachheit ist schwer und ihre Verfeinerung braucht Zeit.


Fazit

Auch für den Anwender ist alles Geschmackssache. Einige Leute mögen Skeuomorphismus, andere bevorzugen flach, und wieder andere mögen beide Arten. Als Designer empfehle ich dringend, möglichst viele Designstile zu üben. Anstelle eines Konflikts zwischen verschiedenen Stilen sollten wir uns ihrer Unterschiede annehmen und eine Entscheidung treffen, die Ihre Anwendung stärkt. Gutes Design sticht in der Masse hervor. Denken Sie also sorgfältig darüber nach, was am besten zu Ihrem Konzept passt!