Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Rita Franco Barroso

21. Februar 2024

Min Read

Minimalismus gegen Brutalismus: welchen soll man wählen?

Warum ist Minimalismus der verlorene Sohn von UI Design? Was ist falsch an seinem rebellischen, bis zu keinem guten Bruder Brutalismus? Beim Vergleich dieser beiden stellen sich immer noch viele Fragen.

Ist Brutalismus zum Mainstream geworden? Hat es die vermeintliche Pandemie des Mangels an Kreativität geheilt, die durch den minimalistischen Stiltrend ausgelöst wurde? Ist es in Ordnung, Minimalismus als Trend zu bezeichnen? Ist einer besser als der andere?

In diesem Blogbeitrag werde ich versuchen, nicht nur diese Fragen zu beantworten, sondern auch zu klären, ob es irgendwelche Faktoren gibt, die Ihnen helfen können, für Ihr nächstes Projekt zwischen Minimalismus und Brutalismus zu wählen, also entgegengesetzten „Trends“.


So viele Fragen, so wenig Zeit... Also lasst uns zur Sache kommen.

blue arrow to the left
Imaginary Cloud logo

Ein kurzer Blick auf die Entwicklung des Webdesigns

Um sowohl Minimalismus als auch Brutalismus besser zu verstehen, müssen wir zunächst einen kurzen Blick auf die Entwicklung des Webdesigns werfen. Es ist 2020 und ich denke, das können wir ehrlich sagen UX/UI Design hat sich erfolgreich als unabhängige Designpraxis etabliert. Wenn Sie wie ich sind, haben Sie auch Probleme damit, sich mit der Idee auseinanderzusetzen, dass die 90er vor DREISSIG Jahren waren. Wenn wir darüber nachdenken, sind dreißig Jahre gar nicht so lang, bis sich eine neue Praxis in einem Bereich etabliert, der nicht aufgehört hat, sich zu verändern.

In den 90er Jahren wurde das Internet zum Mainstream. Normalsterbliche, die Zugang zu einem Computer haben, könnten ins Internet gehen, wenn sie bereit wären, ihren Ohrring dauerhaft zu beschädigen und dadurch eine Art PTBS zu verursachen dämonischer Modemsound.

Die ersten Websites erscheint Anfang der 90er Jahre hatte keine Bedenken hinsichtlich des Designs was auch immer. Es ging nur darum Informationen, HTML und hellblaue Hyperlinks.

The World First Website 1991

Im Laufe der Jahre tauchten immer mehr Websites auf. Von Mitte der 90er bis Anfang der 00er Jahre wurde das „Design“ auf Websites eingeführt, obwohl sie wenig bis gar keinen Wert auf die Benutzererfahrung legten. Ich entschied mich dafür, Design zwischen „“ zu platzieren, nur weil es eher ein Mischmasch aus Farben, Schriften und Formen, alle kämpfen für die Aufmerksamkeit des Benutzers.

Nintendo Website 1998

Wenn wir ein paar Jahre in die 00er Jahre und in die Web 2.0-Ära springen, können wir sehen, dass die Websites sowohl inhaltlich als auch gestalterisch komplexer wurden. Die Dinge beruhigten sich, Hierarchie wurde eingeführt zusammen mit wichtigen Elementen zu Nutzer weiterbilden zur Navigation auf Websites.

Nintendo Website 2002

blue arrow to the left
Imaginary Cloud logo

Wann hat der Minimalismus angefangen?

Von diesem Zeitpunkt an traten wir in eine Phase des Minimalismus ein. Wir Menschen mögen es nicht, wenn Dinge über einen längeren Zeitraum stagnieren. In der Kunst sieht man es ständig, wenn eine Bewegung zu lange zur Norm wird, entsteht eine Gegenbewegung. Wir finden immer Wege dazu auf Stagnation reagieren und diese unterbrechen, und so entwickeln sich die Dinge.


Nachdem wir jahrelang den Missbrauch von Websites beobachtet haben, die nach unserer Aufmerksamkeit schreien, mit lauten Farben, wilden Grafiken und durch die Einführung von Verständnissen für Nutzerverhalten, Design Thinking und Prozess, begannen sich Websites auf das zu konzentrieren, was wichtig ist: Inhalt und Benutzerfreundlichkeit.
Websites wurden einfacher, sauberer und übersichtlicher. In einem Wort minimalistisch.

EssenInternation - Awwwards site of the day, May 06 2014

ALSO, WARUM MINIMALISMUS?

Wenn wir darüber sprechen Minimalismus, mehr als nur ein visueller Stil, wir sprechen von einem Ansatz. Es wird durch den minimalistischen Hintergrund in Architektur und Design beeinflusst. Minimalistischer Ansatz im Webdesign übersetzt von Konzentration auf den Inhalt, um bestmöglich darauf aufmerksam zu machen und dem Nutzer auf schnellste und einfache Weise das zu geben, was er braucht. Kurz gesagt, Minimalismus ist Einfachheit. Besteht darin, das Grundlegende beizubehalten und es anzunehmen „weniger ist mehr“.

Plenaire Site

Wie jede etablierte Praxis hat UI Design eine Reihe von bewährte Verfahren als Ergebnis jahrelanger Forschungen und Tests hat sich dies bei den Benutzern in gewisser Weise als wirksam erwiesen. Diese Reihe von Best Practices basiert stark auf minimalistischer Ansatz. Meiner Meinung nach beantwortet dies also die Frage, ob Minimalismus ein Trend ist oder nicht. Die Antwort lautet nein. Es ist ein Konzept, und ein wirklich gutes, deshalb ist es so... sagen wir mal... beliebt geworden.

Also hier ist das Problem mit den minimalistischen Websites: Wir, die Designer, haben angefangen sich zu sehr auf den visuellen Aspekt des Minimalismus konzentrieren. Wir haben ein Rezept gefunden, das funktioniert und wir wiederholen es immer wieder mit dem gleiche Elemente, Farben und Schriften. Dies führt zu einem fast homogenisierten Web. Hinzu kommt die Veröffentlichung der Materialrichtlinien von Google und alle Websites beginnen gleich auszusehen. Das ist einfach langweilig.

Designer Tim Caynes twitter pointing out how agency sites are looking very similar

Materialrichtlinien werden als universelle und neutrale Sprache für das Webdesign präsentiert. das die klassischen Prinzipien guten Designs zusammenfasst.


Letztlich ist es sowohl für Designer als auch für Benutzer eine gute Sache, einige zu erstellen Muster der Benutzerfreundlichkeit. Aber als Designer sollten wir uns nicht zu sehr damit anfreunden, diese Richtlinien blind anzuwenden, weil. Ob es Ihnen gefällt oder nicht, sie waren auch mit einer gewissen Ästhetik verbunden und am Ende ist es so die Tür zu anderen möglichen stilistischen Entscheidungen schließen.

Homogenisierung sollte niemals ein Ziel sein. Dinge haben nur im Vergleich einen Wert.
blue arrow to the left
Imaginary Cloud logo

Wann begann der Brutalismus das Webdesign zu beeinflussen?

Wie wir bereits festgestellt haben, entwickeln sich stagnierende Dinge nicht weiter. Sie brauchen Widrigkeiten und, was am wichtigsten ist, Störungen. Nach Jahren unter der Herrschaft des minimalistischen Stils und dem Erleben des fast Homogenisierung des Webs, unsere Augen sehnten sich nach etwas anderem. Wir als Designer sehnten uns nach etwas anderes, kreativ, chaotisch, etwas Brutales, etwas Brutales (ist). Web-Brutalismus war alles, was wir brauchten.


Der Brutalismus begann wie der Minimalismus als Architekturbewegung.


Meine Mutter hat mir immer gesagt, ich solle niemals Kleidung wegwerfen, nur weil sie aus der Mode gekommen ist, weil sie in ein paar Jahren wieder in Mode sein würden. Meine Mütter wissen es am besten, weil Der Web-Brutalismus wird stark von diesen ersten Websites beeinflusst Ich habe vorhin darüber gesprochen.

WARUM IST BRUTALISMUS BELIEBT

Das Wichtigste zuerst. Brutalismus ist die Reaktion der Designer auf die Homogenisierung des Webs. Reiner Brutalismus ist roh, grob, ohne Rücksicht auf das benutzerzentrierte Design, und manche Leute gehen sogar so weit, es schlicht zu nennen.“hässlich“.

„In seiner Robustheit und seiner mangelnden Sorge, bequem oder einfach auszusehen, kann Brutalismus als Reaktion einer jüngeren Generation auf die Leichtigkeit, den Optimismus und die Frivolität des heutigen Webdesigns angesehen werden.“
Brutalistische Websites

Die ersten brutalistischen Websites waren hauptsächlich in irgendeiner Weise mit der Kunstszene verbunden, es waren Portfolios, Ausstellungen, Studios und andere, wie diese:

Gabinet Rock site

Toilet Paper Magazine site

Sie sind unberechenbar, chaotisch, punkig, purer Brutalismus.
Der Trend gewann an Bedeutung und wir sahen einige Websites, die zwar immer noch den bewährten UI-Design-Praktiken entsprachen, aber einen starken brutalistischen Stileinfluss hatten. Dieser Einfluss würde übersetzt werden als die Verwendung von kräftige Farben, verschiedene Schriftarten, ausgefallene visuelle Optionen, und manchmal, indem man einfach die minimale visuelle Elemente möglich und textzentriert. Wie auch immer dieser Einfluss umgesetzt wurde, es war klar, dass sie zweifellos funktionell waren und sich von allen anderen unterschieden.

DAS SPEKTRUM

Es gibt immer Raum für eine kleine Störung oder Rebellion. Tatsächlich gab es in den letzten Jahren einige Beispiele für Websites, die versuchen, die Dinge durcheinander zu bringen und trotzdem eine funktionale und einfach zu navigierende Website haben. Am Ende hatten wir ein Spektrum von Websites, die von purer Brutalismus für diejenigen, die vollständig den Gute Praktiken für das Design von Benutzeroberflächen.


Hier sind einige Beispiele.

Metahaven's The Sprawl Website

image with pure brutalism written in it

2014 drehte das radikale niederländische Designstudio Metahaven eine Online-Dokumentation mit dem Titel The Sprawl über Propaganda im Zeitalter der sozialen Medien, die sich auf den Ukraine-Krieg konzentrierte. Dies ist ihre Website für den Dokumentarfilm. Alle seine Elemente kämpfen um unsere Aufmerksamkeit: der Hintergrund, die Videos, der Text. Ich finde, das ist ein gutes Beispiel für eine Pure Brutalismus-Webseite. Dies ist ein Dokumentarfilm, daher ist der Inhalt natürlich wichtig und das Ziel der Website sollte darin bestehen, dass sich die Nutzer die Videos ansehen. Nichtsdestotrotz rückt das Design die Videos nicht in den Mittelpunkt. Es ist visuell chaotisch und nicht so einfach zu navigieren. Aufgrund seines Kontextes und Inhalts funktioniert es jedoch.

Brutalist Framework

image with pure brutalism written in it

In diesem Fall handelt es sich bei der Website um „Ein Open-Source-Framework für den brutalistischen Webdesign-Trend“. Auf den ersten Blick ist es auch ein bisschen chaotisch, hauptsächlich wegen der Farbpalette und Grafiken. Abgesehen davon ist alles ausgestellt. Alles, was der Benutzer möglicherweise benötigt, ist leicht zu finden.

PW Magazine Website

image with pure brutalism written in it

Diese Website ist mehr auf der „Funktionaler Brutalismus“ Seite des Spektrums. Wenn man es sich anschaut, ist es organisiert, man hat explizite Menüs und die Navigation ist ziemlich organisch. Es hat fast keine visuelle Grafik oder Identität. Der Inhalt ist vertraulich und es ist klar, dass sie den Benutzer darauf hinweisen wollten.

Balenciaga Website

image with pure brutalism written in it

Die Balenciaga-Website ist meiner Meinung nach ein schönes Beispiel für „Funktionalen Brutalismus“. Es ist sehr einfach, sauber und vollständig ohne visuelle Grafiken oder Farben. Sie haben nur Linien, Text und Schwarzweiß. Keine visuelle Identität ist auch eine brutalistische Ästhetik und dieser ist einfach wunderschön ausgeführt. Alle Tools und Funktionen, die der Benutzer möglicherweise benötigt, sind sofort verfügbar. In gewisser Weise wird keine visuelle Identität zur visuellen Identität von Balenciaga.

blue arrow to the left
Imaginary Cloud logo

Minimalismus gegen Brutalismus - Wer ist der Gewinner?

Lassen Sie mich zunächst die Wahrheit sagen und einfach sagen, dass ich ein großer Fan von Brutalismus bin. Der Brutalismus kam zu einer Zeit, in der die Dinge durcheinander gebracht werden mussten, als Designer daran erinnert werden mussten, kreativ zu sein und drängen sich aus ihrer zu bequemen Zone heraus.

Wenn es darum geht, was man wählen sollte, denke ich, muss man das nicht wirklich tun.

Es alles hängt vom Kontext ab wirklich. Es hängt alles davon ab Projekt, an dem Sie arbeiten, Ihre Kunden und Ihre Nutzer.

Entweder wählst du eine minimalistischer Stil oder ein brutalistischer Stil Sie sollten die folgenden Faktoren berücksichtigen:

  • An welchem Projekt arbeitest du? Welcher visuelle Stil würde am besten zu diesem Projekt passen?
  • Was ist die Markenidentität? Sowohl visuelle als auch zentrale Werte?
  • Wer sind Ihre Nutzer? Was würde am besten zu ihnen passen und woran sind sie gewöhnt?

Es kommt alles darauf an der gesamte Kontext Ihres Projekts. Sicherlich würdest du keine Gesundheits-App mit einem brutalistischen visuellen Design oder eine Metal-Fest-Website mit einem superminimalistischen Design erstellen. Es dreht sich alles um den Kontext.

PEPPEN SIE ES AUF, HALTEN SIE ES FUNKTIONSFÄHIG

Ungeachtet dessen, was Immobilien sagen, vergessen Sie den Standort, es geht nur darum Kontext, Kontext, Kontext. Abgesehen davon, darüber nachzudenken, sollten Sie auch an die denken Bewährte Methoden für das Design von Benutzeroberflächen.

Bevor Sie einige Regeln brechen, müssen Sie sie zuerst verstehen, um herauszufinden, auf welche Weise Sie sie brechen können, ohne die Effizienz des Projekts zu beeinträchtigen. Bei der Entscheidung, welcher Stil besser zu Ihrem Projekt und Ihren Benutzern passt, sollten Sie auch Folgendes berücksichtigen verschiedene Stile können sehr unterschiedliche Erlebnisse bieten.

Vor diesem Hintergrund und wenn Sie sich einige Beispiele ansehen, die ich in diesem Artikel gezeigt habe, können Sie immer Inspiration finden und verleihen Sie Ihrem Design etwas Würze und sorgen Sie gleichzeitig dafür, dass es äußerst funktionell und für den Benutzer angenehm zu navigieren ist. Nur weil Sie das Gefühl haben, dass Sie die besten Praktiken in Ihrem Bereich befolgen sollten das heißt nicht, dass es standardisiert und langweilig sein sollte.

Die Hauptsache, an die Sie sich erinnern müssen, ist, dass Ihr Produkt praktisch, denn wenn nicht, es spielt keine Rolle, ob es minimalistisch oder brutalistisch ist, es ist einfach nur schlecht. Wenn du willst eine Website oder mobile App mit einer großartigen Benutzererfahrung haben, sollten Sie stilistische Entscheidungen niemals vor Benutzerfreundlichkeit stellen.

Grow your revenue and user engagement by running a UX Audit! - Book a call

Fanden Sie diesen Artikel hilfreich? Diese könnten dir auch gefallen!

blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
Rita Franco Barroso
Rita Franco Barroso

Als Multimedia-Designer bin ich kürzlich zum UI-Design gewechselt. Ich bin immer bestrebt, etwas über Design, Pflanzen und alle möglichen Dinge dazwischen zu lernen.

Read more posts by this author

People who read this post, also found these interesting:

arrow left
arrow to the right
Dropdown caret icon