Vorheriger Artikel Nächster Artikel

Unterschied zwischen Flat Design und Skeuomorphic Design [Infografik]

Das Thema „Flat Design“ ist gerade sehr angesagt, wenn es um die Gestaltung von Websites geht, aber auch wird nachgesagt, mit dem nächsten diesem zu folgen. Bisher hatte Apple klar zum Skeuomorphic Design tendiert. Die wesentlichen Unterschiede zeigt eine Grafik über den Vergleich zwischen Windows Phone 8 und iOS 6.

Unterschied zwischen Flat Design und Skeuomorphic Design [Infografik]

Über bei Websites haben wir hier auf t3n News schon zahlreich berichtet. Eine Auswahl der interessantesten Posts findet ihr am Ende des Beitrags. Im Prinzip ist es der Verzicht, in irgendeiner Form die Wirklichkeit nachzuahmen. Weggelassen werden beispielsweise Farbverläufe und Schatten, die eine Lichtquelle simulieren oder aber auch direkte Analogien wie Elemente einer Website, die wie eine Haftnotiz  oder ein Stapel Fotos aussehen.

Beim Design von iOS hatte Apple bislang stark auf dieses „skeuomorphische“ Design gesetzt. Das können weitgehend harmlose Kleinigkeiten sein wie ein Glanzeffekt, aber auch Apps wie der Kalender, der nun sowohl unter iOS als auch unter OS X im Lederlook mit Steppnähten daherkommt oder das Adressbuch, das aussieht wie ein aufgeschlagenes Adressbuch. Der verstorbene Apple-Chef Steve Jobs soll ein großer Fan gewesen sein, obwohl er bei den Geräte die schlichten Linien bevorzugte, die Designchef Jony Ive produzierte. Während die Apple-Geräte außen immer schlichter wurden, wurde die Software optisch immer opulenter. Nachdem Jony Ive nun auch fürs Software-Design zuständig ist, soll sich das ändern. In welche Richtung das gehen könnte, sieht man ausgerechnet beim Erzrivalen Microsoft: Windows Phone 8 setzt wie die gesamte Microsoft-Neugestaltung auf Flat Design.

Die folgende Grafik von WebMagazin.de zeigt die Unterschiede. Für die komplette Grafik einfach auf die Vorschau klicken:

flat-design-infografik-vorschau
Flat Design vs. Skeumorphic Design

Weiterführende Links

NEU: Lass dir diesen Artikel vorlesen
Ein Service von t3n, in Kooperation mit Narando.
Vorheriger Artikel Zurück zur Startseite Nächster Artikel
4 Antworten
  1. von MarkusGerke am 08.05.2013 (09:56 Uhr)

    Warum wurde mein Beitrag gelöscht? Kritikunfähig?

    Antworten Teilen
  2. von AdriN am 08.05.2013 (10:24 Uhr)

    Skeumorphismus sieht aber auch mal scheiße aus. So schön die Apple Geräte auch sind, so hässlich sind die iOs Anwendungen.

    Antworten Teilen
  3. von Jens am 08.05.2013 (10:53 Uhr)

    Hi,

    ach ja, "Flat Design". Jetzt wo dieser alte Bauhaus-Trend im Mainstream angekommen ist, ist er für einen Designer irgendwie schon fast wieder langweilig. Vieles ist hier auch einfach extrem schlecht gemacht bzw. Umgesetzt. Wenn Entwickler das ganze auf 20 Farben reduzieren und diese dann als "Die Flat-Design-Farben" ausrufen um selbst keine Arbeit zu haben .. dann zeigt es eindeutig das nicht alles was einfach Aussieht, auch Einfach zu Verstehen ist. Reduktion ist so mit das schwierigste im Design, wenn das Ergebnis überragen soll. Das können nur sehr wenige, wirklich gut. Leider zeigt dieses Beispiel hier, auch die klaren Nachteile eines Designkonzept das auf eine ganze Dimension zur Inhaltlichen Priorisierung verzichtet. Es ist schick, keine Frage, aber Funktioniert es auch? Oft, NICHT!

    Leute, rennt nicht so den Trends hinterher, reflektiert diese und lest Statements von echten Designer dazu. Bleibt Kritisch und prüft ob die Vorteile eines Trends überwiegen.

    Greez Jens

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Apple
Cheat-Sheets für App-Entwickler: Alle wichtigen Maße und Angaben für iOS, Android und Windows Phone
Cheat-Sheets für App-Entwickler: Alle wichtigen Maße und Angaben für iOS, Android und Windows Phone

Egal ob für iOS, Android oder Windows Phone: Wir haben euch praktische Cheat-Sheets herausgesucht, auf denen ihr alle wichtigen Maße und Angaben zur Gestaltung von Apps findet. » weiterlesen

iOS 8: So installierst du das neue Betriebssystem bereits vor dem Release
iOS 8: So installierst du das neue Betriebssystem bereits vor dem Release

Im Anschluss an die gestrige Keynote hat Apple die letzte Version von iOS 8 vor der offiziellen Veröffentlichung für Entwickler freigegeben. Wie ihr die sogenannte Gold Master auch ohne … » weiterlesen

Der Weg in den App-Store ist frei: Apple veröffentlicht Swift 1.0
Der Weg in den App-Store ist frei: Apple veröffentlicht Swift 1.0

Apple hat Version 1.0 von Swift veröffentlicht. Um die finale Version der Programmiersprache soll es sich zwar noch nicht handeln, aber damit erstellte Apps können jetzt auch in den App-Store … » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n 37 jetzt kostenfrei probelesen! Alle Inhalte des t3n Magazins Diesen Hinweis verbergen