Minimalistisches Design: Dos & Don'ts

Das Besondere an minimalistischem Design ist: Wenn man es gut macht, ist es absolut schön. Wenn du es falsch machst, ist es aus genau den gleichen Gründen abscheulich. Es richtig zu machen, ist wirklich ein Balanceakt von nur einer Handvoll Designelementen.

Wie bei viel Kunst und Design kann es ein ziemlich scharfes Auge erfordern , um den Unterschied zwischen etwas zu erkennen, das einfach funktioniert und etwas, das einfach nicht funktioniert .

Und es sind die Dinge, die einfach nicht funktionieren, die Sie in Ihrem Webdesign vermeiden möchten. Wenn Sie auf Minimalismus hinarbeiten und möchten, dass Ihre Website den Besuchern ein ooh anstelle eines eww entlockt , habe ich Ihnen eine Menge davon erklärt, was Sie tun sollten (und eine Menge, was Sie nicht tun sollten). .

Tun: Verwenden Sie Farbe!

Die Leute neigen dazu zu denken, dass minimalistisches Design monochromatisch ist oder noch schlimmer – Schwarzweiß und/oder Graustufen.

Nein nein Nein. Nein.

Bei minimalistischem Design geht es paradoxerweise nicht darum , sehr wenig zu haben; es geht darum, sehr wenig zu maximieren . Ihre Absicht sollte sein, das Beste aus dem wenigen zu machen, was Sie haben.

Das heißt, wenn es um Farben geht, sollten Sie ... Farbe verwenden. Schauen Sie sich dieses Beispiel von Epoch Design an:

Die Verwendung von Farbe ist hier minimal, aber der Designer hat ihre Verwendung maximiert, um sicherzustellen, dass Sie sie sehen.

Und hier von Boorbool:

Der Duotone-Hintergrund ist auffällig und einprägsam, schlägt einem aber nicht ins Gesicht.

Nicht: Verwenden Sie ALLE Farben!

Auf der anderen Seite dieser entzückenden Designs hegen Minimalisten viele dunkle Impulse, alle Farben zu verwenden, und ersetzen nur die Reinheit ihrer Designs durch so ziemlich jeden Farbton des Spektrums.

Okay, vielleicht ist es nicht so schlimm, aber die übermäßige Verwendung von Farbe mit anderen minimalistischen Ästhetiken kann unglaublich ablenken und selbstzerstörerisch sein.

Wie Rogue + Co. Sie versuchen, die klaren Linien des Minimalismus und die asymmetrischen Kartengrößen zu nutzen, um die Aufmerksamkeit des Benutzers auf sich zu ziehen. Aber sie fügten allem überflüssige Farben hinzu und animierten es dann ohne Grund. Es zieht den Benutzer vom Inhalt weg, anstatt ihn hineinzuziehen.

Das Gegenteil von minimalistischem Design also.

Und dann ist da noch Bolden, der Minimalismus total versteht. Abgesehen von der Farbsache. Zu viele Farben und der Versuch, zu clever zu sein, führten dazu, dass sie überflüssige Animationen hinzufügen mussten. Sie müssen mit der Maus über die Ecken des Bildschirms fahren, um den Text zu sehen.

Das ist einfach nicht minimal, oder?

Do: Animation verwenden

Sehen Sie, diese Animationen oben ... sie spielen keine Rolle. Sie fügen der Website nichts hinzu. Aber Kinographen wie die von Rogue & Co können funktionieren; sie müssen nur die Site verbessern und nicht überladen.

In den meisten Fällen funktionieren Mikrointeraktionen – ein Mauszeiger auf eine Schaltfläche oder eine hervorgehobene Hervorhebung einer Karte. Sogar das Laden, Scrollen oder Hintergrundanimationen, die nicht aufdringlich sind, können das minimalistische Design verbessern, das Sie anstreben.

Die größte Hürde besteht darin, sicherzustellen, dass die Animation zu Ihrem Design passt. Fügen Sie sie nicht einfach dort hinzu, wo sie nicht hingehören. Sehen Sie, wie die Fußzeile, die sich auf unserer Divi-Seite erweitert, Ihre Aufmerksamkeit beim Scrollen auf sich zieht, aber nicht von Ihrer Nutzung der Seite ablenkt.

Es überrascht nicht, dass Divi eine integrierte Funktion hat, um diese Art von Mikrointeraktionen durchzuführen.

Do: Verwenden Sie Leerzeichen

Wie Farbtupfer kann Whitespace (oder Negativraum) eine der nützlichsten Waffen in Ihrem Arsenal sein. Zum Beispiel besteht das absurd beliebte Medium fast ausschließlich aus Leerzeichen, und es funktioniert.

Und sehen Sie, wie die einzige Farbe verwendet wird, um Ihre Aufmerksamkeit auf die Schaltflächen und Links zu lenken, die Sie unbedingt benötigen?

Es gibt ein Gleichgewicht, um Whitespace effektiv zu verwenden. Sie möchten Lesbarkeit und Nützlichkeit mit ästhetischer Attraktivität in Einklang bringen. Bei effektiver Verwendung ist Whitespace unglaublich mächtig, um Ihr minimalistisches Design einprägsam zu machen. Husten Google Husten Husten

Nicht: Verwenden Sie NUR Leerzeichen

Am anderen Ende des Spektrums macht die übermäßige Verwendung von Leerzeichen die Nutzung Ihrer Website für Besucher nahezu unbrauchbar. Sie sehen, die Verwendung von Whitespace durch Google hebt hervor, wie Sie die Site verwenden möchten: Geben Sie etwas in das Feld ein.

Wenn Ihre Verwendung von Leerzeichen den Benutzer jedoch nicht zum Zweck Ihrer Website führt oder ihm ein besseres Erlebnis auf Ihrer Website bietet, benötigen Sie möglicherweise explizitere Elemente, um ihn zu leiten.

Thru You Too zum Beispiel ist ein großartiges Projekt. Aber es hat lange gedauert, bis ich herausgefunden habe, wie man es benutzt (man muss mit der Maus über den großen Text in der Mitte fahren, was ich nicht getan habe, weil ich in die obere rechte Ecke gezogen wurde). Während die Navigation einfach ist, wenn Sie sie verstehen, hat mich der Leerraum nicht dorthin geleitet.

Do: Verwenden Sie entsprechend tolle Schriftarten

Eine Sache, auf die sich so ziemlich jedes minimalistische Design stützt, ist die effektive Verwendung von Schriftarten. Mit der Auswahl der richtigen Schriftart für Ihre Website zeigen Sie Ihre Persönlichkeit und die Ihres Produkts oder Unternehmens.

Sie möchten also eine Schriftart, die Ihre Markenidentität ausstrahlt, sobald die Leute sie sehen. Klare Linien mit schlichtem Schriftzug. Raue Kanten und vielleicht ein paar Pinselstriche. Elegant und edel. Was auch immer Sie anstreben, stellen Sie sicher, dass Sie eine passende Schriftart auswählen.

Schauen Sie sich zum Beispiel Squarespace an. Sie wissen genau, was Sie von ihrem Unternehmen erwarten können, indem Sie sich einfach das Anmeldeformular und die verwendeten Schriftarten ansehen. Sauber, einfach und klar. Es strahlt die von ihnen beworbene Schlichtheit aus, vor allem durch die von ihnen gewählte Schriftart. (Weil das wirklich das einzige Gestaltungselement ist, das Sie hier sehen können.)

Und die Leute von Folks wollen ein volkstümliches Gefühl, also haben sie definitiv eine Schriftart gefunden, die sich gut anfühlt. Ihr Publikum ist offensichtlich, ebenso wie ihre Einstellung zu ihren Produkten. Und es ist nicht explizit angegeben.

Verwenden Sie keine UNZULÄSSIG fantastischen Schriftarten

Am anderen Ende dieses Spektrums kann die Wahl einer zu fetten Schriftart die falsche Art von Wallop liefern. Jeder möchte, dass seine Website einzigartig ist und sich von anderen abhebt. Aber Sie wollen nicht, dass es aus den falschen Gründen auffällt.

Stellen Sie sich vor, Sie suchen nach einem Krisentelefon, um einem bedürftigen Familienmitglied zu helfen, und finden eine Website, die wie folgt aussieht:

Was ist mit einer Ärztin, die sichergehen wollte, dass sie die beste Wahl ist, um Ihr Leben zu retten?

Oder wenn Sie auf der Suche nach einem fantastischen, zeitgemäßen Webdesigner waren und alles, was Sie sahen, dies war:

Okay, ich konnte einer Comic Sans-Ausgrabung nicht widerstehen. Verklag mich doch. Aber Sie verstehen, was ich meine: Die Wahl der Schriftart ist wichtig. Vor allem, wenn Sie ein minimalistisches Design verwenden, da die Wahl der Schriftart möglicherweise den größten Teil des Designs ausmacht.

Gehen Sie vor und minimieren Sie!

Und Minify auch, aber das ist ein ganz anderer Artikel. #iamadelight

Spaß beiseite, denken Sie daran, dass Farbe, Schriftarten und negativer Raum eine Art Designgrundlage sind. Sie müssen nur Diskretion üben, damit Sie sie richtig verwenden. Solange Sie tun , was ich sage, was ich nicht tue, wenn es um minimalistisches Design geht, sollten Sie sich keine Sorgen machen.

Was sind Ihre Richtlinien, wenn Sie minimalistische Websites entwerfen?

Miniaturansicht des Artikels von Boo-Tique / shutterstock.com