Die Vor- und Nachteile minimalistischen Designs

/2019-07-13 09:42:39/
Adilyn
/Grafiken/

Minimalismus ist ein Trend, der niemals sterben wird. Egal wie oft wir von beeindruckend komplizierten Designs beeindruckt sind, es wird immer etwas an Einfachheit geben, das uns genauso gefangen lässt.

Heute werden wir einige der Schlüsselaspekte des Minimalismus im Webdesign zusammen mit einigen Beispielen von Designern betrachten, die es richtig gemacht haben.

Entdecken Sie Designressourcen

Was es nicht ist

Es ist fast immer eine gute Idee, herauszufinden, was etwas nicht in einer Diskussion darüber ist, was es ist. Die Untersuchung von Gegensätzen gibt uns einen Punktkontrast und hilft bei der Gestaltung der Definition. Minimalismus ist im Wesentlichen eine Abkehr vom visuell Überflüssigen. Auf vielfältige Farbpaletten und komplexe Elemente wird zugunsten einfacher Volltonfarben und Grundlinien verzichtet.

Betrachten Sie die beiden folgenden Beispiele. Diese Websites stellen eine klare Alternative zur minimalistischen Denkweise dar. Sie sind visuell ziemlich beschäftigt und es kann eine Minute dauern, bis Sie sie erkunden, bevor Sie das Gefühl haben, einen guten Überblick über die Vorgänge auf der Seite zu haben.

Macht das sie zu schlechten Designs? Absolut nicht. Obwohl viele Designer eindeutig bestimmte Stile bevorzugen, ist das Zuweisen von Wertanweisungen zu einer bestimmten Methode genauso nützlich wie die Aussage, dass Blau besser als Grün oder Links besser als Rechts ist. Diese Aussagen sind einfach nicht wahr und bei der Diskussion solcher Möglichkeiten wird nichts gewonnen.

Wenn Sie ein professioneller Designer sind, sollten Sie in der Lage sein, eine beliebige Anzahl von Designstilen zu wählen, um den Willen und die Persönlichkeit Ihres Kunden zu befriedigen. Die Antwort auf die Frage, was Minimalismus nicht ist, ist, dass es kein von Natur aus besserer Ansatz für die Gestaltung von Websites ist. Der Schlüssel ist dann nicht zu entscheiden, ob Sie beschäftigt, minimalistisch oder eine andere Anzahl von Designstilen besser mögen, sondern zu lernen, jede Methode effektiv zu implementieren. Lassen Sie uns einige Bereiche untersuchen, auf die Sie sich bei der Erstellung eines minimalistischen Designs konzentrieren sollten.

Typografie

Ihre Wahl der 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 häufig Minimalismus zu vermitteln, aber beschränken Sie sich nicht auf diese Idee, da eine dicke Schrift eine großartige Möglichkeit ist, ein wichtiges Element wie eine Überschrift zu präsentieren.

Aus dem gleichen Grund können Sie sogar ein solides minimalistisches Design mit einer komplizierten Skriptschrift erstellen. Versuchen Sie, Ihre Seite und andere Typografien so einfach wie möglich zu halten, 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 Gitterausrichtungen

Meine Lieblingsimplementierung des Minimalismus ist, wenn dies getan wird, um den Zweck der Verbesserung der Benutzerfreundlichkeit zu erreichen. Gutes minimalistisches Webdesign konzentriert sich häufig darauf, die Seite auf eine minimale Anzahl separater Abschnitte und Elemente zu reduzieren, sodass die Navigation von Inhalten nahezu frei von Lernkurven oder visuellen Verwirrungen ist.

Dies führt sehr oft zu leicht erkennbaren gitterbasierten Ausrichtungen. Unsere Augen sind mit diesem Inhaltsmuster sehr vertraut und haben normalerweise keine Probleme, es auf einen Blick zu sortieren. Außerdem gibt es etwas in Ihrem Gehirn, das einfach möchte, dass Gegenstände richtig und vorhersehbar ausgerichtet sind. 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 der Elemente 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 Arbeit haben und es nur etwas zu vermissen scheint, verbessern die Chancen, dass ein gewisser Kontrast das Design dramatisch verbessert. Wenn er von einer geübten Hand ausgeübt wird, ist Kontrast der Schlüssel zu allem guten Design (ich werde diese pauschale Aussage bis zum Tod verteidigen). Im minimalistischen Webdesign sind die Seiten so reduziert, dass es kaum etwas anderes gibt, als einen cleveren Kontrast.

Kontrast ist ein Konzept, das wir alle von Natur aus verstehen, aber wenn Sie sich dessen bewusst werden, können Sie Ihre Designs drastisch verbessern. Schauen Sie sich das einfache Design unten an:

Was Farbe und hübsche Bilder betrifft, ist hier wirklich nicht viel los. Das Design ist jedoch aufgrund der starken Verwendung von Kontrast sehr attraktiv. Die Kopfzeile und der Inhaltsbereich sind klar voneinander getrennt und sofort erkennbar (die Fußzeile verwendet denselben Trick). Die Kopie auf der Seite unterscheidet sich in Größe und Fettdruck, um Ihre Aufmerksamkeit auf die Teile der Nachricht zu lenken, die der Designer für wichtig hielt.

Auf der obigen Seite werden zur Unterscheidung Graustufen verwendet, aber Sie können genauso gut 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, an die man sich beim Kontrast erinnern sollte, sagt der Designautor Robin Williams am besten: „Sei kein Weichei!“ Damit meinte sie, dass ein bisschen Kontrast nicht viel bringt. Wenn Sie etwas größer machen wollen, damit es auffällt, machen Sie es viel größer. Wenn Sie es mutiger machen wollen, machen Sie es wirklich mutig! Sie sollten in der Lage sein, sofort zu erkennen, ob der Kontrast vorhanden ist. Wir sehen dies oft, wenn der Text fett gedruckt ist. Manchmal ist der Unterschied zwischen fettem und normalem Text so gering, dass man wirklich starren muss, um den Unterschied zu erkennen! In diesem Fall hat der fettgedruckte Text keinen Zweck und sollte mit dem Rest identisch sein, um visuelle Verwirrung zu vermeiden.

Leerzeichen

Denken Sie an die ausführlichen Beispiele am Anfang dieses Artikels zurück. Diese Designer haben beschlossen, fast jeden Zentimeter des Bildschirms mit etwas visuell Interessantem zu füllen. Der Minimalismus verfolgt wieder den umgekehrten Ansatz. Es gibt den Hauptkomponenten der Seite ausreichend Raum zum Atmen, was sie von anderen unterscheidet.

Durch Leerzeichen fühlt sich der Betrachter wohl und weniger klaustrophobisch. Außerdem können Sie als Designer steuern, wohin der Betrachter schauen soll. Einige Designer bestehen darauf, dass die Betrachter 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 Leerzeichen und ein helles Bild verwendet hat, um Ihre Augen in das Bild des Computerbildschirms zu lenken. Ihre Augen beginnen genau in der Mitte des Bildes, nicht oben links!

Dies hat alles mit dem Kontrast zu tun, wie oben erwähnt, und dem Raumvolumen, das ein bestimmtes Objekt einnimmt, gegenüber dem Leerzeichen um es herum. Um ein Gefühl für die richtige Menge an Leerzeichen zu bekommen, die beim Ausführen eines anfänglichen Layouts verwendet werden sollen, konvertiere ich die Objekte, die ich auf der Seite platzieren werde, häufig in extrem einfache Formen in Illustrator. Dann kann ich die Objekte schnell mischen und ihre Größe ändern, ohne von ihrem Inhalt abgelenkt zu werden. Wenn Sie das Layout auf diese Weise ausführen, müssen Sie über die Ausgewogenheit Ihrer Seite nachdenken, bevor Sie sich jemals komplexeren ästhetischen Elementen nähern.

Wie Sie sehen können, 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 besser sehen zu können, aber es ist definitiv auch so im Originalbild. Wiederum sehen wir den Vorteil, die Seite auf Grundformen zu reduzieren, da sofort ersichtlich wird, dass die Navigationslinks etwas ungünstig positioniert sind (weder mittig noch rechts ausgerichtet, sondern irgendwo dazwischen).

Fazit

Das schließt unsere Diskussion über Minimalismus im Webdesign ab. Lassen Sie uns in den Kommentaren unten wissen, was Sie von diesem Trend halten. Stellen Sie außerdem sicher, dass Sie Links zu Ihren Lieblingsseiten einfügen, die für Minimalismus im Webdesign stehen.