Minimalismus ist ein Trend, der niemals sterben wird. Egal wie oft wir von beeindruckend komplizierten Designs beeindruckt bleiben, es wird immer etwas an Einfachheit geben, das uns genauso fasziniert.
Heute betrachten wir einige der wichtigsten Aspekte des Minimalismus im Webdesign sowie einige Beispiele von Designern, die es richtig verstanden haben.
Was es nicht ist
Es ist fast immer eine gute Idee, herauszufinden, was in einer Diskussion dessen, was es ist, nicht ist. Die Untersuchung von Gegensätzen ergibt einen Punktkontrast und hilft bei der Definition der Definition. Minimalismus ist im Wesentlichen eine Abkehr vom Visuellen Überflüssigen. Vielfältige Farbpaletten und komplexe Elemente werden zugunsten einfacher Volltonfarben und Grundlinien weggelassen.
Betrachten Sie die beiden folgenden Beispiele. Diese Sites sind eine klare Alternative zur minimalistischen Denkweise. Sie sind visuell ziemlich beschäftigt und können eine Minute dauern, um zu erkunden, bevor Sie das Gefühl haben, ein anständiges Verständnis für das, was auf der Seite passiert, zu haben.
Macht das schlechte Designs? Absolut nicht. Obwohl viele Designer eindeutig bestimmte Stile bevorzugen, ist das Zuweisen von Wertaussagen zu einer bestimmten Methode ebenso nützlich wie die Feststellung, dass Blau besser ist als Grün oder Links besser als Rechts. Es gibt einfach keine Wahrheit zu diesen Aussagen und nichts wird bei der Diskussion solcher Möglichkeiten gewonnen.
Wenn Sie ein professioneller Designer sind, sollten Sie in der Lage sein, eine beliebige Anzahl von Designstilen zu verwenden, um dem Willen und der Persönlichkeit Ihres Kunden zu entsprechen. Die Antwort auf die Frage, was Minimalismus nicht ist, ist, dass es bei der Gestaltung von Websites kein grundsätzlich besserer Ansatz ist. Der Schlüssel ist dann nicht zu entscheiden, ob Sie vielbeschäftigte, minimalistische oder andere Designstile bevorzugen, sondern lernen, wie Sie jede Methode effektiv implementieren können. Schauen wir uns ein paar Bereiche an, auf die Sie sich konzentrieren sollten, wenn Sie ein minimalistisches Design erstellen.
Typografie
Die Wahl Ihrer Typografie spielt eine große Rolle für die Effektivität Ihres minimalistischen Designs. Wählen Sie saubere, einfache Schriftarten mit hoher Lesbarkeit. Dünne Schriftarten werden oft verwendet, um oft Minimalismus zu vermitteln, beschränken sich jedoch nicht auf diese Idee, da eine dicke Schrift eine großartige Möglichkeit ist, um wichtige Elemente wie eine Überschrift darzustellen.
Umgekehrt können Sie sogar ein solides, minimalistisches Design mit einer komplizierten Skriptschrift erstellen. Halten Sie Ihre Seite und andere Typografien so einfach wie möglich, während Sie ein Skript verwenden, um die Aufmerksamkeit auf einen einzelnen Bereich auf der Seite zu lenken.
Zusätzliche Ressourcen
40 kostenlose minimalistische und hochwertige Schriftarten
70 Beispiele für minimalistische Typografie
Starke Rasterausrichtungen
Meine Lieblingsimplementierung von Minimalismus ist, wenn es darum geht, die Benutzerfreundlichkeit zu verbessern. Ein gutes minimalistisches Webdesign konzentriert sich häufig darauf, die Seite auf eine minimale Anzahl von separaten Abschnitten und Elementen zu beschränken, sodass die Navigation von Inhalten nahezu ohne jegliche Lernkurve oder visuelle Verwirrung ist.
Dies führt sehr oft zu leicht erkennbaren gitterbasierten Ausrichtungen. Unsere Augen sind mit diesem Inhaltsmuster bestens vertraut und haben in der Regel keine Schwierigkeiten damit, sie auf einen Blick zu sortieren. Darüber hinaus gibt es etwas in Ihrem Gehirn, das einfach will, dass Elemente richtig und auf vorhersagbare Art und Weise ausgerichtet werden. Es ist erfreulich, eine Seite mit starker Ausrichtung sowohl vertikal als auch horizontal zu sehen. Im Gegensatz dazu gibt es eine Art visuelle und psychologische Dissonanz, wenn wir nicht sofort ein klares Muster in der Anordnung von Elementen auf einer Seite erkennen können.
Zusätzliche Ressourcen
Das 1-KB-CSS-Raster
ZURB CSS Grid Builder
Kontrast
Wenn Sie ein minimalistisches Design in den Werken haben und es scheint, dass etwas fehlt, wird die Wahrscheinlichkeit, dass etwas Kontrast hinzugefügt wird, das Design dramatisch verbessern. In geübter Hand ist der Kontrast der Schlüssel zu allem guten Design (ich werde diese pauschale Aussage bis zum Tod verteidigen). Im minimalistischen Webdesign sind die Seiten so stark reduziert, dass es kaum etwas anderes gibt als ein geschickter Kontrast.
Kontrast ist ein Konzept, das wir alle von Natur aus verstehen, aber wenn Sie sich dessen bewusst sind, können Sie Ihre Designs drastisch verbessern. Schauen Sie sich das einfache Design an:
Hier ist wirklich nicht viel los, was Farben und schöne Bilder angeht. Das Design ist jedoch aufgrund der starken Verwendung von Kontrast sehr attraktiv. Die Kopfzeile und der Inhaltsbereich sind klar voneinander getrennt und sofort erkennbar (der Fußbereich verwendet denselben Trick). Die Kopie auf der Seite unterscheidet sich in Größe und Kühnheit, um Ihre Aufmerksamkeit auf die Teile der Nachricht zu lenken, die der Designer für wichtig hielt.
Auf der obigen Seite werden Graustufen zur Unterscheidung verwendet. Sie können jedoch genauso einfach verschiedene Farben verwenden, um dasselbe zu erreichen.
Denken Sie daran, dass es einen großen Unterschied zwischen kontrastierenden und widersprüchlichen Farben gibt. Nur weil zwei Farben sehr unterschiedlich sind, heißt das nicht, dass Ihre Augen den Unterschied als angenehm empfinden. Stellen Sie sicher, dass Sie mit Ihrer Farbtheorie vertraut sind, bevor Sie drastische Entscheidungen treffen.
Die Hauptsache, die man sich dagegen merken sollte, ist der beste von Design-Autor Robin Williams: "Sei nicht ein Schwächling!" Sie meinte damit, dass ein bisschen Kontrast nicht weit geht. Wenn Sie etwas größer machen wollen, damit es auffällt, dann machen Sie es viel größer. Wenn Sie es mutiger machen, machen Sie es wirklich mutig! Sie sollten sofort erkennen können, ob der Kontrast vorhanden ist. Wir sehen das oft, wenn Text fett gedruckt ist. Manchmal ist der Unterschied zwischen fettem und normalem Text so gering, dass Sie wirklich starren müssen, um den Unterschied zu sehen! In diesem Fall hat der fettgedruckte Text keinen Zweck und sollte nur derselbe sein, um visuelle Verwirrung zu vermeiden.
Whitespace
Denken Sie an die geschäftigen Beispiele zu Beginn dieses Artikels zurück. Diese Designer entschieden sich dafür, fast jeden Zentimeter des Bildschirms mit etwas visuell interessantem zu füllen. Der Minimalismus geht wieder umgekehrt vor.Es gibt den Hauptbestandteilen der Seite ausreichend Atemraum, der sie auszeichnet.
Durch den Whitespace fühlt sich der Betrachter wohl und weniger klaustrophobisch. Es hilft Ihnen auch, den Designer zu steuern, wohin der Betrachter schauen soll. Einige Designer bestehen darauf, dass die Zuschauer jede Seite von links nach rechts nach einem Z-Muster lesen. Dies ist einfach nicht in allen Fällen der Fall. Beachten Sie, wie der Designer oben Whitespace und ein helles Bild verwendet hat, um Ihre Augen in das Bild des Computerbildschirms zu ziehen. Deine Augen beginnen in der Bildmitte, nicht oben links!
Dies hat alles mit Kontrast zu tun, wie oben erwähnt, und dem Volumen eines Objekts, verglichen mit dem Leerzeichen. Um ein Gefühl für die richtige Menge an Leerzeichen für ein anfängliches Layout zu erhalten, konvertiere ich häufig die Objekte, die ich auf der Seite platziere, in extrem einfache Formen in Illustrator. Dann kann ich die Objekte schnell neu mischen und ihre Größe ändern, ohne von ihrem Inhalt abgelenkt zu werden. Wenn Sie auf diese Weise ein Layout erstellen, müssen Sie über das Gleichgewicht Ihrer Seite nachdenken, bevor Sie sich komplexeren ästhetischen Elementen nähern.
Wie Sie sehen, ist das Jolicloud-Layout auf diese Weise ziemlich ausgewogen und attraktiv. Das einzige, was mich stört, ist, dass die Navigationslinks nicht mit der rechten Seite des Inhalts übereinstimmen. Ich habe es in der vereinfachten Version etwas übertrieben, um es übersichtlicher zu machen, aber es ist definitiv auch im Originalbild so. Wir sehen wieder den Vorteil der Reduzierung der Seite auf Grundformen, da sofort ersichtlich wird, dass die Navigationslinks etwas unpassend positioniert sind (weder mittig noch rechtsbündig, sondern irgendwo dazwischen).
Weitere Artikel zum Thema Minimalismus
Kann nicht genug Minimalismus bekommen? Schauen Sie sich die großartigen Artikel und Websites an:
- 21 Ressourcen Speziell für Liebhaber des Minimalismus: Vandelay Design
- Schaufenster für saubere und minimalistische Designs: Smashing Magazine
- Minimalismus im Web: Design Inspiration & WP-Themen: Tutorial 9
- 20 wunderschöne minimalistische WordPress-Themes: Sechs Revisionen
- 25 wunderschöne minimalistische Website-Designs: Vandelay Design
Fazit
Das schließt unsere Diskussion über Minimalismus im Webdesign ein. Teilen Sie uns in den Kommentaren mit, was Sie über diesen Trend denken. Stellen Sie außerdem sicher, dass Sie Links zu Ihren Lieblingsseiten einschließen, die den Minimalismus im Webdesign veranschaulichen.