Minimal Design

Die Konzentration auf das Wesentliche

Florian Wacker · Juni 2015 in Expertise

Der heiße Scheiß von damals

Dieser Artikel gehört zu unserem Frühwerk, das bedeutet: Damals waren die beschriebenen Sachverhalte aktuell, jetzt haben sie wahrscheinlich schon etwas Staub angesetzt.

Der Trend zu minimalistisch gestalteten Webseiten lässt sich seit einigen Jahren beobachten und wird durch Entwicklungen wie „flat design“ und „material design“ weiter befeuert. Allerdings reicht es dabei nicht aus, Elemente zu vereinfachen oder wegzulassen, sondern es kommt auf das Zusammenspiel der Elemente untereinander an.

Drei Merkmale sind dabei bestimmend: Typographie, Bilder/grafische Elemente und Animationen. Daneben ist der Raum zwischen den Elementen (Whitespace) von großer Bedeutung. Die Anordnung oben genannter Elemente zueinander und der Raum dazwischen bestimmt im Wesentlichen das Erscheinungsbild minimalistischer Websites und sorgt dafür, dass wir die Seiten als „stimmig“, „schön“ oder „zeitlos“ empfinden.

Typographie

„Web design is 95% typography“ – diese Aussage trifft vor allem auf minimalistisch gestaltete Websites zu. Dabei zeigt sich ein Trend zu besonders groß und prominent gesetzten Schrifttypen, gelegentlich ersetzt Typographie im minimalistischen Designansatz sogar sämtliche grafische Elemente wie Bilder, Infografiken etc. Die Auswahl geeigneter Schrifttypen und das Wissen um Lesbarkeit, Schriftfarbe, Laufweite etc. sind wichtige Aspekte. Aber erst, wenn Schrift als Teil des User Interface verstanden und entsprechend gestaltet wird, entstehen überzeugende, schrift-basierende Websites.

Große Schrift im Header bei (link: http://www.semplicelabs.com/ text: semplicelabs.com popup:yes)
Startseite (link: http://jenswindolf.de/ text: jenswindolf.de popup:yes)

Bilder und grafische Elemente

Nach wie vor sind Bilder von den meisten Websites nicht wegzudenken, und das auch zu Recht: Bilder wecken Emotionen und berühren uns auf eine umfassendere Art, als es Schrift könnte. Auch in der Bildgestaltung minimalistischer Websites lassen sich Trends herauslesen:

  • Hochwertige Fotografien
  • Große Bilder, oft fullscreen
  • Keine Stock-Bilder

In der Bildsprache minimalistischer Websites geht es um die Konzentration auf das Wesentliche, darum, eine klare Botschaft auszusenden. Auch grafische Elemente wie Buttons, Formulare, Tabellen etc. werden in ihrer Darstellung reduziert und vereinfacht, stehen dadurch umso stärker in Beziehung zu anderen Elementen. So ist zum Beispiel entscheidend, auf welchem Hintergrund ein reduzierter Button (der sogenannte „ghost button“) steht, um Wirkung zu erzielen.

Projektseite (link: http://engzell.me/work/mond/ text: engzell.me popup:yes)
Startseite (link: http://www.vitosalvatore.com/ text: vitosalvatore.com popup:yes)
Startseite (link: http://doamaral.com/ text: doamaral.com popup:yes)

Animationen

Minimal Design bedeutet nicht, dass Interaktion und Animation fehlen, sie sind nur ebenfalls reduziert und fallen im besten Fall zunächst gar nicht auf, da sie sich „natürlich“ in das Gestaltungsbild der Seite integrieren. Dabei hält der Trend von scrollabhängingen Animationen (Parallax Scrolling) weiter ungebrochen an (www.strangelove.nl/cases/litedark ) und bieten Designern neue Möglichkeiten des Storytellings (sbs.com.au/theboat). Animationen laufen nur noch selten in extra Fenstern oder Bereichen ab, sondern können sich auf alle Elemente der Seite oder die Seite selbst beziehen (Page-Load-Animation). Nicht selten kommt es zu einem Zusammenspiel von Animation und Typographie (jespr.se). In jedem Fall dienen Animationen nicht mehr einem Selbstzweck, sondern sind Teil der User Experience und Merkmal guten Interface Designs.

Weitere Beispiele gelungenener Animationen:

Auch technische Vorteile

Minimal Design wirkt sich aber nicht nur auf die Gestaltung einer Seite aus, sondern bietet auch technische Vorteile. So kann das „Weniger-ist-Mehr“ schlanke, agile Seiten hervorbringen, die ihre Stärken vor allem unter dem Aspekt Responsive Webdesign ausspielen. Natürlich ist Minimal Design noch kein Garant für eine schnelle Seite, bietet aber optimale Voraussetzung, um dies zu realisieren.

Minimal Design bedeutet im schlechtesten Fall Langweile und ist im besten Fall die kunstvolle Beschränkung auf das Wesentliche.


Quellen:

Schön, dass Sie hier sind!

Auch wir können auf Kekse nicht verzichten! Unsere Website nutzt Cookies. Die schmecken zwar nicht nach Schokolade, sorgen aber für ein gutes Nutzererlebnis. Weitere Informationen finden Sie auf unserer Datenschutz-Seite oder in unserem Impressum.

Wählen Sie Ihre Lieblings-Cookies

Unbedingt erforderliche Cookies

Immer aktiv

Diese Cookies sind zwingend erforderlich, damit unsere Website wie gewünscht funktioniert. Wir speichern zum Beispiel Ihre Cookie-Präferenzen in einem Cookie ;-) Genauso speichern, wenn Sie ein Overlay geschlossen haben. Wichtig zu wissen: Wir speichern keine personenbezogenen Daten in diesen Cookies, sondern nur Werte nach dem Muster 0 oder 1.

Leistungs-Cookies

Darf’s etwas mehr sein? Diese Cookies verwenden wir, um die Leistung unserer Website zu verbessern. Wir setzen Cookies, um zu verstehen wie sich Nutzer über unsere Website bewegen und welche Seiten sie aufrufen. Wir verwenden hierzu Google Analytics und Hotjar.

Cookies für Marketing-Zwecke

Marketing-Cookies nutzen wir, um mit anderen Plattformen zu kommunizieren. Wenn wir Werbung in Sozialen Netzwerken, z. B. bei Facebook oder LinkedIn schalten, helfen sie uns, die richtigen Nutzer zu finden.