Wann und wie man Minimalismus im Website-Design verwendet

Lassen Sie uns zunächst mit einem Missverständnis über Minimalismus aufräumen. Nur weil es weniger zu sehen gibt, heißt das nicht, dass es einfacher ist. Tatsächlich ist es genau das Gegenteil. Je weniger Sie haben, desto mehr Zeit müssen Sie aufwenden, um sicherzustellen, dass jedes Element, das Sie haben, genau richtig ist.

Wenn Sie eine überfüllte Benutzeroberfläche haben und etwas leicht links von der Mitte ausgerichtet ist oder eine Schriftart nicht ganz optimal für das ist, was Sie verwenden, wird dies unter den anderen Details wahrscheinlich nicht einmal bemerkt.

Dies gilt jedoch nicht, wenn Sie ein minimalistisches Webdesign verwenden, da es nichts gibt, hinter dem sich Ihr Fehler oder Ihre schlechte Wahl verstecken kann. Sie heben sich mit grellen Details ab – wie eine Leuchtreklame an einem japanischen Haus. Das bedeutet, dass Minimalismus nicht der richtige Weg ist, wenn Sie nur versuchen, eine Seite zusammenzuwerfen. Minimalismus ist etwas für Perfektionisten, zwanghafte, laserfokussierte Webdesigner, die bis drei Uhr morgens aufbleiben, um diesen Titel zu bekommen. Wenn das nicht du bist, dann ist es nichts für dich.

Wenn es dann weiterlesen heißt, weiterlesen! Wir gehen den Kaninchenbau hinunter.

Negativer Raum

Beginnen wir damit, uns anzusehen, wovon eine minimalistische Website am meisten haben wird – negativer Raum, obwohl Sie ihn vielleicht als „Hintergrund” kennen. Außer natürlich, dass es im minimalistischen Design überhaupt nicht „zurück” ist. Stattdessen steht es im Mittelpunkt, wo es eine entscheidende Rolle spielt, indem es den visuellen Fluss des Benutzers manipuliert.

Die Macht des negativen Raums besteht darin, dass je mehr Sie davon haben, desto mehr wird alles andere auf der Seite erscheinen. Aus diesem Grund verwenden Industriedesigner oft minimalistische Layouts. Auf diese Weise erhalten ihre Produkte die Aufmerksamkeit, die sie suchen, anstatt in allem anderen zu verschwinden. Und da sie versuchen, dies zu verkaufen oder zumindest zu zeigen, ist dieser Ansatz sehr attraktiv für sie und alle anderen, die statische Objekte zu zeigen haben, wie Innenarchitekten und Fotografen.

Negativraum kann ein wirksames Mittel sein, um eine Oase der Ruhe zu schaffen und den Benutzern das Gefühl zu geben, nicht überfordert zu sein. Aus diesem Grund entscheiden sich Spas und Wellnesszentren oft für diese Art von Layout.

Beachten Sie, dass negative Leerzeichen nicht bedeuten, dass dort nichts ist. Offensichtlich muss der Raum mit etwas gefüllt werden, und obwohl Weiß eine offensichtliche Wahl ist, ist es bei weitem nicht die einzige. Darüber hinaus haben verschiedene Farben völlig unterschiedliche Auswirkungen auf die Benutzer, also nehmen Sie sich etwas Zeit für die Recherche. Eine Sache, auf die ich hinweisen möchte, ist, dass Sie keine übersättigte Farbe wählen. Das ist ein grundlegender Fehler, den viele Erstdesigner machen. Das Problem ist, dass es für Benutzer ziemlich schmerzhaft sein kann, wodurch einer der großen Vorteile des Minimalismus null und nichtig wird.

Fotos

Wem nur eine Farbe zu viel des Guten ist, der hat natürlich auch die Möglichkeit, sich für ein Foto zu entscheiden. Wenn Sie sich für ein Bild entscheiden, stellen Sie natürlich sicher, dass es dem Geist des Minimalismus entspricht, den Sie anstreben. Das Bild darf nicht zu voll sein.

Ich meine das in zweierlei Hinsicht.

1. Stellen Sie natürlich sicher, dass das Foto nicht übermäßig mit Objekten oder Personen überladen ist, da dies den gesamten Zweck Ihres minimalistischen Designs zunichte macht.
2. Das reicht jedoch nicht aus, da die Implikation einer schnellen Bewegung oder Gefahr den Blick genauso gut auf das Bild lenken und von dem Hauptelement ablenken kann, das Sie darstellen möchten. Tatsächlich kann sogar das Zeigen einer negativen Emotion Menschen von dem ablenken, worauf sie sich wirklich konzentrieren sollen.

Aus diesem Grund werden Sie beim Surfen durch minimalistische Websites viele Fotos mit sehr neutralen und statischen Hintergründen sehen. Hier sind einige großartige Beispiele.

Typografie

Sie können viele Dinge von Ihrer minimalistischen Seite streichen, wie z. B. eine Menüleiste, Schaltflächen für soziale Medien und Anzeigen, aber auf eines können Sie nicht verzichten: auf Worte. Irgendwann wirst du welche brauchen. Aber wie präsentiert man sie? Sie sollten sehr sorgfältig überlegen, welche Schriftart Sie verwenden (und ob Sie sich entscheiden, Ihre eigene zu erstellen), insbesondere da verschiedene Schriftarten unterschiedliche Emotionen und unterschiedliche Geisteszustände hervorrufen.

Zum Beispiel werden Serifenschriften (das sind diejenigen, bei denen die verschnörkelten Bits unter und über der Linie hervorstehen) flüssiger gelesen als serifenlose Schriften und gelten daher als leichter zu verstehen. In ähnlicher Weise werden Anweisungen, die in saubereren, besser lesbaren Schriftarten (wie zum Beispiel Ariel) geschrieben sind, als verständlicher angesehen als Anweisungen, die in verwirrenderen und geschäftigeren Schriftarten geschrieben sind, was bedeutet, dass diese Anweisungen als einfacher auszuführen angesehen werden.

Aber natürlich muss nicht nur auf die Lesbarkeit geachtet werden, sondern auch darauf, welche Emotionen die Schriften hervorrufen. Ja, das stimmt, verschiedene Schriftarten wirken unterschiedlich auf Menschen, wobei Schriftarten wie Times New Roman häufiger mit Emotionen wie „lustig” und „wütend” in Verbindung gebracht werden als Ariel.

Ich habe Sie gewarnt, dass Minimalismus nichts für schwache Nerven ist!

Eine andere zu berücksichtigende Sache ist, welche Schriftarten Sie wo verwenden, da Sie offensichtlich nicht immer dieselbe Schriftart verwenden müssen. Und da es sonst nichts gibt, was Ihr Publikum ablenken könnte, werden Ihre Benutzer, wenn Sie unterschiedliche Schriftarten und Typografien verwenden, diese viel eher bemerken.

Dies kann daher eine sehr effektive Strategie sein, um Ihr Publikum dazu zu bringen, auf bestimmte Bereiche zu achten. Erwägen Sie zum Beispiel, den Text, den die Benutzer zuerst lesen sollen, in Fettschrift und mit dicken Strichen zu schreiben, während die Teile, die später bemerkt werden sollen, in neutraleren Schriftarten geschrieben werden. Das Auge des Benutzers wird sofort auf den fetteren Text gelenkt, während der andere Text später konsumiert wird.

Kontrast und Positionierung

Eines der leistungsstärksten Werkzeuge, die einem minimalistischen Webdesigner zur Verfügung stehen, ist der Kontrast. Wenn Sie den Kontrast optimal nutzen möchten, müssen Sie sich für helle Hintergründe entscheiden – Weiß ist die vorherrschende Wahl, da dies den besten Effekt ermöglicht. Aus diesem Grund verwenden minimalistische Seiten oft Schwarz auf Weiß, da diese starken Linien optisch sehr ansprechend sind. Hier ist ein gutes Beispiel. Darüber hinaus kann das kleinste bisschen Farbe, wie ein gelber Farbtupfer, dann sehr effektiv sein. Denken Sie nur an den Mädchenmantel in Schindlers Liste.

Ein Designer kann einen Vertrag mit vielen verschiedenen Dingen erstellen, darunter Farbe, Form, Ort, Maßstab und Größe. Wenn es richtig verwendet wird, kann es unglaublich nützlich sein, Ihren Benutzer zu den Teilen zu führen, auf die er zuerst achten sollte (ähnlich wie ich es oben in Bezug auf Typografie erklärt habe, als ich fette und neutralere Texte diskutierte). Es ist jedoch nicht einfach, und um es optimal zu nutzen, ist ein grundlegendes Verständnis dafür erforderlich, wie Benutzer Internetseiten nutzen.

Studien zur Augenbewegung haben uns einen guten Einblick gegeben, wohin die Leute zuerst schauen, wobei sie im Allgemeinen oben links beginnen und dann, je nachdem, ob viel Text vorhanden ist oder nicht, entweder die Seite in einem „F” oder scannen jeweils ein ‘Z'-Muster.

Da Ihre minimalistische Seite nicht textlastig sein wird, sollten Sie die wichtigsten Aspekte Ihrer Seite in einem Z-Muster anordnen, wobei die Dinge, die Ihre Benutzer zuerst bemerken sollten (Sie sind Ihre Menüoptionen), im Allgemeinen an erster Stelle stehen eine Position weiter oben links auf Ihrer Seite, während die Dinge, die später beachtet werden sollten (z. B. Ihre Urheberrechtsansprüche), unten und weiter rechts unten stehen. Auf diese Weise machen Sie die Nutzung Ihrer Seite flüssiger und natürlicher.

Der Hamburger-Button und andere Layouts

Die eine Sache, die man sich bei minimalistischem Design merken sollte, ist, dass nur weil es auf einer Seite nicht viel zu sehen gibt, das nicht bedeutet, dass es insgesamt nicht viel Inhalt gibt; Meistens sind all diese Informationen einfach in Untermenüs und Sekundärseiten versteckt. Ein beliebter (wenn auch umstrittener) Weg, dies zu tun, ist der sogenannte „Hamburger-Button” oder die drei Linien, die Sie jetzt überall sehen, wie in Chrom oben rechts sowie auf dem iPhone. Und ja, wenn Sie ein paar Drinks getrunken haben, sieht es irgendwie aus wie ein Hamburger (den Namen habe ich mir nicht ausgedacht).

Ich persönlich bin kein großer Fan, da dies gegen meinen minimalistischen Instinkt geht. Was bringt es, eine aufgeräumte Seite zu erstellen, wenn Sie dann ein überladenes Menü erstellen, um den Rest Ihrer Website zu durchsuchen? Für mich ist es eine viel bessere Strategie, Ihren Hamburger-Button in mehrere Menüoptionen zu unterteilen, die offensichtlich und leicht verständlich sind und Ihre Leser ansprechen, aber letztendlich liegt es an Ihnen.

Ein wichtiger Faktor, den Sie berücksichtigen sollten, wenn Sie darüber nachdenken, ob Sie mehrere Menüpunkte erstellen oder die eine Schaltfläche verwenden möchten, ist das Alter Ihrer Zielgruppe. Je älter sie sind, desto weniger vertraut sind sie mit diesem Design und desto wahrscheinlicher finden sie daher Ihre Untermenüs nicht, was Ihre Seite unbrauchbar machen kann. Richtet sich Ihre Seite also hauptsächlich an Millennials? Gehen Sie voran und verwenden Sie es. Betreuen Sie Rentner? Es ist wahrscheinlich ratsam, noch einmal darüber nachzudenken.

Visuellen Stil

Und dann ist da noch das Layout Ihrer Seite. Wenn Sie sich für einen minimalistischen Stil entscheiden, müssen Sie sich für einen Layoutstil entscheiden und dann dabei bleiben. Dies liegt daran, dass Ihr Publikum sofort unbewusste Annahmen darüber treffen wird, wie Ihre Webseite zusammenpasst, und wenn Sie dann gegen diese Annahmen verstoßen, werden Ihre Benutzer das Gefühl haben, dass Ihre Seite „chaotisch” und „unorganisiert” ist. Das ist ein Todesstoß für den Minimalismus (und die meisten anderen Seiten auch, um ehrlich zu sein).

Aus diesem Grund müssen Sie ein Raster auswählen, d. h. im Wesentlichen die Spalten, in die Sie Ihre Seite unterteilt haben, und dabei bleiben. Wie viele Spalten möchten Sie? Wie werden sie verteilt sein? Wie viel negativer Raum bleibt zwischen ihnen? Dies sind alles wichtige Fragen, die Sie beantworten müssen, bevor Sie überhaupt mit dem Layout der Seite beginnen.

Die Idee dabei ist nicht, dass Bilder die Grenzen dieser Gitterlinien nicht überschreiten können. Oft erstrecken sich Bilder über die gesamte Seite. In diesem Fall würde der Text über das darunter dargestellte Bild in den von Ihnen ausgewählten Spalten angeordnet. Wenn Sie mehrere Bilder auf Ihrer Seite haben, sollten diese ebenfalls dem Raster folgen, das Sie erstellt haben, damit Ihre Seite insgesamt sauber und professionell aussieht.

Lohnt sich der Weg zum Minimalismus?

Das hängt ehrlich gesagt davon ab, was Sie versuchen zu tun (und natürlich vom Thema Ihrer Seite). Wenn Sie versuchen, Ihre Arbeit zu reduzieren, dann ist Minimalismus, wie bereits gesagt, nichts für Sie. Wenn Sie andererseits diese Art von Layout instinktiv anspricht und zu der Art von Produkt passt, das Sie vorantreiben, dann ist dies der richtige Weg.

Die Sache ist die, dass Minimalismus andere Fähigkeiten erfordert als Standarddesign, da Sie nicht einfach 08/15-Stücke verwenden und sie zusammenfügen können, um eine Seite zu erstellen. Wenn Sie das versuchen, werden Sie am Ende etwas sehen, das weder optisch ansprechend noch allzu informativ ist. Das Schlimmste, mit anderen Worten, aus beiden Welten.

Stattdessen müssen Sie einige Zeit damit verbringen, zu lernen, wie Sie Ihre grundlegenden Instinkte, die Sie von früheren Seitendesigns übernommen haben, untergraben können. Dann müssen Sie sich hinsetzen und herausfinden, was für Ihre Seite wesentlich ist.

Und Sie müssen sich mit Verträgen, Schriftarten und Fotos auseinandersetzen, wie Sie es noch nie zuvor getan haben. Es ist fast so, als würden Sie eine neue Designsprache lernen. Das kann schwer sein.

Das Besondere am Erlernen einer neuen Sprache ist jedoch, dass Sie dabei Dinge über Ihre Muttersprache erkennen, die Ihnen vorher nie aufgefallen sind. Und das gilt auch für das Erlernen von minimalistischem Webdesign. Der bloße Versuch zu lernen, wie man auf diese Weise entwirft, wird Sie Dinge über Design erkennen lassen, die Sie vorher nicht kannten.

Und das könnte all das Schwitzen und die harte Arbeit wert sein.

Natürlich vergisst man für den Moment, dass minimalistische Seiten einfach nur schön sind.