Flat Design // Less is more

Flat Design … reduzierte, funktionale und vor allem zweidimensional
anmutende Gestaltung von Webseiten und Applikationen.

Mit „flachem Design“ ist ein einfach gehaltenes Design ohne zusätzliche Effekt-Hascherei gemeint. Das bedeutet, dass es keine Schatten, Verläufe, Texturen oder sonstige Verzierungen gibt. Die beliebten und meiner Meinung nach zu oft verwendeten Spezialeffekte, sucht man im Flat Design vergeblich. Der Fokus vom Flat Design basiert auf dem Prinzip eines simplen Webdesigns und baut auf ein einfaches und funktionales User Interface.

Google Plus

Foundation

Pandr

Prag Barcamp

Flat UI

4 Gedanken zu “Flat Design // Less is more

    • Genau. Flat ist schön resp. wohl eine Modeerscheinung. Aber eine gewisse Haptik ist bei User Interfaces halt immer nötig, um dem Benutzer schneller die Möglichkeiten aufzuzeigen: Ich kann etwas packen, drücken, schieben, umschalten,… Alles Dinge, welche in Flat einfach nicht so stark rüberkommen (können).

  1. Merci Denis für den Post!

    Anhand der Kunstgeschichte lässt sich bereits „realistisch vs. abstrakt“ als ewige Wechselwirkung lesen: http://www.arts-fine.co.uk/paintings-for-sale/Arthistory.JPG

    Aber Zeiterscheinungen hin oder her: Am Ende des Tages gewinnt nicht „flat“ oder „3d“ – sondern einfach und simple „verständlich“. Wie bereits in der Printgrafik: Wenn ich das wunderschön gestaltete Plakat nicht lesen kann – verfehlt es sein Ziel…

    Und ja, Apple hat in der Vergangenheit ja nicht nur nützliches und „lesbares“ entworfen: http://www17.ocn.ne.jp/~mfactory/download/dg82_p.jpg

  2. Ob mit Schatten oder ohne ist ja vielleicht tatsächlich eine Glaubens- bzw Geschmacksfrage. Und ich bin mir auch nicht sicher, ob Lederoptik wirklich jedermanns Sache ist :)

    Aber Farbabstufungen von hell bis dunkel braucht es schon, um eine Tiefe, vorne/hinten, aktiv/inaktiv darzustellen – sieht man auch schön in allen Beispielen. Und wenn man das weiter treibt und feiner ausarbeitet ist irgendwann mal die Grenze zur Haptik nur noch sehr gering, oder?

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>