Maria Grilo

21. Februar 2024

Min Read

Brutalistisches Design ist der schlechte Einfluss, den wir alle brauchen

Raster aus kontrastreichen Gelb-zu-Rosa-Panels mit fettem Text – rohe Web-Brutalism-Designästhetik.

Die UI/UX-Designwelt wurde allmählich von Richtlinien und Ästhetiken von Unternehmen wie Apple oder Google dominiert.

Es ist absolut normal und vorhersehbar, dass dies passieren würde, wenn man bedenkt Die meisten Apps sind so konzipiert, dass sie nahtlos passen in die Benutzererfahrung der Technologien dieser großen Titanen.

Der Erfolg eines Produkts hängt von seiner Abstimmung mit den vorhandenen Diensten ab. Dies erfordert ein gewisses Maß an Standardisierung, sei es auf Hardware- oder Softwareebene. Das Design wird direkt von der Marktlage beeinflusst.

Jeder (Designer und Entwickler gleichermaßen) hat Zugriff auf die Frameworks und Richtlinien von Apple, Google oder Microsoft. Auf diese Weise sollte man, auch wenn man nicht viel Wissen oder Erfahrung im Bereich Design hat, zumindest in der sicheren Zone sein, wenn man diese sehr spezifischen strukturellen und ästhetischen Ratschläge befolgt.

Es wird wahrscheinlich nicht großartig herauskommen, aber es sollte auch kein Zugunglück sein.

blue arrow to the left
Imaginary Cloud logo

Alles ist eine Kopie, eine Kopie, eine Kopie

Natürlich wurden viele grafische und ästhetische Prinzipien letztlich von Sprachen wie Googles Material Design oder Apples Human Interface Guidelines diktiert.

Wenn Sie einem Framework oder einer Art von Richtlinien folgen, um die bestmögliche Benutzererfahrung zu bieten, ist es sehr einfach, auch deren visuelle Sprache zu befolgen, da sie auch Teil des Struktur- und Navigationstools ist.

Ein Link ist ein Link, Text ist Text, und wie Sie sie unterscheiden, ist nicht nur ein UX-Designproblem, sondern eine Frage von visuelle Kommunikation und folglich visuelle Ästhetik auch. Damit einher geht die visuelle Identität des Produkts.

Material Design UI-Komponenten für Web-Apps mit Kalender, Kontaktprofil und verschiedenen Schaltflächenzuständen.

Konsequenz: Auf die eine oder andere Weise fängt alles langsam an, homogenisiert zu werden.

Auf der Ebene der Benutzererfahrung bringt dies viele Vorteile mit sich, wie zum Beispiel die Festlegung universeller Sprachen, die so ziemlich jeder Benutzer erhält. Wenn der Designer die Regeln befolgt, befindet sich das Produkt in der sicheren Zone und seine Benutzer gehen nicht verloren.

Andererseits bedeutet das nicht, dass die gegenwärtigen Universalsprachen die besten sind, die sie jemals sein könnten — und mit am besten meine ich die einfachsten, gesündesten und sichersten.

Vielleicht gäbe es bessere Muster, denen man folgen könnte, aber wie in jeder Sprache, die sehr gut etabliert ist, ist die Einführung neuer Muster extrem chaotisch. Es stellt sich heraus, dass alte Gewohnheiten in der Tat schwer absterben.

Eine Sammlung von drei übersichtlichen Webdesign-Vorlagen mit minimalistischen Layouts für Lifestyle- und Business-Websites.

Auf visueller Ebene ist das Szenario viel weniger positiv.

Die Mainstream-Strömung der grafischen Arbeit wird immer wieder fad und ist eine Kopie der aller anderen. Die meisten Designs verwenden dieselben Schriften, dieselben Farben und dieselben visuellen Effekte.

Die Benutzererfahrung ist für jeden der ultimative Vorwand für den Mangel an Originalität und differenzierender Identität.

Natürlich gibt es immer noch Platz für eine visuelle Identität, zum Beispiel in den Mustern des Materialdesigns. Aber kann eine Marke oder ein Produkt wirklich fallen sie noch auf, wenn sie sich entscheiden, sich mit den gleichen Schriften, Boxen, Schatten und Farben zufrieden zu geben?

Einige große, kommerziell erfolgreiche Unternehmen glauben das nicht. Der Web-Brutalismus hat ihnen etwas sehr Wertvolles beigebracht.

blue arrow to the left
Imaginary Cloud logo

Was ist also Web-Brutalismus?

„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.“ — Pascal Deville, brutalistwebsites.com

Als Bewegung hat der Web-Brutalismus keinen Gründer oder ursprünglichen Geburtsort. Es begann auf der ganzen Welt, von Fachleuten, die keine Beziehung zueinander hatten.

Der Name bezieht sich auf brutalistische Architektur., eine Bewegung der 50er bis 70er Jahre, die sich dafür entschied, sich von jeglicher Dekoration fernzuhalten — von architektonischen Ornamenten bis hin zu einfachen Wandfarben.

Im Gegensatz zu dem, was offensichtlich erscheinen mag, Brutalismus stammt nicht von brutal. Brutalismus entsteht aus „Rohbeton“ - physisch und etymologisch - beton-brut auf Französisch.

Die brutalistische Architekturbewegung war normalerweise ausgedrückt durch massive, solide Strukturen, mit Sichtbeton und manchmal unverputztem architektonischem Grundriss.

Die Idee war, dass die Gebäude waren ehrlich, unprätentiös und antibürgerlich, das nicht nur aus Projekten mit niedrigem Budget in wirtschaftlich schwachen Gemeinden hervorgegangen ist, sondern auch als Philosophie und Denkweise für private und von der Regierung in Auftrag gegebene Projekte mit großem Budget übernommen wurde.

Drei Ikonen des Brutalismus: der Betonkern des Trellick Tower, die Unité d'Habitation und Habitat 67.

Web-Brutalismus unterscheidet sich nicht von Brutalismus in dem Sinne, dass er nicht nur eine Gegenreaktion — in diesem Fall auf standardisiertes visuelles Design — verkörpert, sondern sich auch äußert durch ein Gefühl von Rauheit, exponierten Strukturen und sichtbaren Denkprozessen.

Manche würden einige seiner Werke sogar für „hässlich“ halten, weil sie so unpoliert aussehen könnten — genau wie die Architekturbewegung.

Manche würden sagen, dass es sich bei dieser Web-Bewegung im Grunde um ein „extremes“ flaches Design handelt.

Denken wir auch daran, dass der rohe, „ursprüngliche“ Web-Brutalismus in Bezug auf UX alle Prinzipien des User Centered Design, die es gibt, als Statement und auch, für diejenigen von uns mit einem geekigen Sinn für Humor, als Gag einfach ignorieren wird.

Der erste (und einzige) Schritt besteht darin, Elemente auf den Bildschirm zu werfen, ohne sich zu viele Gedanken darüber zu machen, wie sie zusammenarbeiten. Wer bist du überhaupt, um Hierarchie zu definieren? Lass jedes Element um das Rampenlicht kämpfen.

Aber da ein Bild mehr sagt als tausend Worte, hier einige Beispiele dafür, wie diese Designtendenz aussieht:

Collage aus drei Website-Designs mit einer Straßenszene, einem Web-Brutalismus-Layout und moderner Architektur.
Zwei Website-Layouts im Stil des Web-Brutalismus mit kontrastreichen roten Hintergründen und fetter schwarzer Typografie.
blue arrow to the left
Imaginary Cloud logo

Die coolen Kids waren schon immer sauer auf das System, was ist daran neu?

Ob man es mag oder nicht – persönliche Meinungen und Memes einmal beiseite gelassen – entwickelt sich Web-Brutalismus von etwas Kantigem und fast Punkigem hin zu etwas sehr Mainstream-Tauglichkeit und kommerziell Erfolgreichem.

Fragen Sie nur Balenciaga, Dropbox, das Nachrichtenportal Bloomberg oder das digitale Medienunternehmen The Outline – das übrigens auch visuelle, interaktive Inhalte und Werbung für ein „Post-Text“-Internet neu erfindetund damit effektiv neue, unterversorgte Zielgruppen erreicht.

Screenshots der Website von The Outline mit markantem, kontrastreichem Web-Brutalismus-Design und großer Serifenschrift.

Was diese Marken vom Web-Brutalismus übernehmen – und davon können wir alle wirklich etwas lernen – ist, dass nutzerzentriertes Design

nicht von denselben Farben, denselben Buttons, derselben Fotografie und sogar denselben Texten monopolisiert werden muss, die man auf so gut wie jeder Website oder jedem Produkt sieht.

UX ist keine Entschuldigung für mangelnde visuelle Identität.

Genauso wie eine gut gestaltete und interessante Verpackung dazu führt, dass man sich für ein bestimmtes Produkt entscheidet, hebt Sie eine starke und solide visuelle Identität ebenfalls von der Masse ab.

Die Bloomberg-Nachrichtenseite hinter einer kräftigen Dropbox-Markenseite mit bunten Illustrationen: Web-Brutalismus.

Das bedeutet nicht, dass wir alle extrem dysfunktionale Designs um der Andersartigkeit und des Experimentierens willen entwerfen sollten, aber es bedeutet, dass es neben dem Weg, den wir in letzter Zeit überstrapaziert haben, auch noch andere Möglichkeiten gibt.

Minimalismus als Usability- und Gestaltungsprinzip ist kein Synonym für Material Design, und nutzerzentriertes Design bedeutet nicht, dass man visuell nicht auch mal über den Tellerrand schauen darf.

UX-Design ist kein Stil oder eine visuelle Sprache – es ist eine Disziplin, die qualitative und quantitative Daten interpretiert, um Designentscheidungen zu optimieren, aber sie schreibt nicht vor, welche Formen, Farben oder Schriftarten zu verwenden sind.

Verlassen Sie Ihre Komfortzone, denn der aktuelle Trend zeigt, dass diese nicht mehr lange sicher sein wird.

Es wird nicht mehr lange dauern, bis starre Raster, bildschirmfüllende Pseudo-Analog-Fotos, Verläufe und saubere Google-Fonts veraltet sind und gegen all die anderen herausragenden, neuen und interessanten Designs nicht mehr bestehen können.

Fazit: Brutalismus hat einen Hauch von Respektlosigkeit und Selbstvertrauen zurückgebracht, der den meisten Mainstream-Designs fehlt.

Ein System aus kräftigen Farben, die sich auch mit Pastelltönen und ungewöhnlichen Schriftarten kombinieren lassen, soll auffallen – und wenn es klug eingesetzt wird, tut es das aus den richtigen Gründen.

Bei Imaginary Cloud haben wir ein Team von Experten für UI- und UX-Design. Wenn Sie Unterstützung bei Ihrem Design benötigen, schreiben Sie uns hier!

Anzeige für ein UX-Audit mit Vorteilen für Nutzererlebnis und Engagement, mit 3D-App-Oberflächen.

Fanden Sie diesen Artikel hilfreich? Dann gefallen Ihnen vielleicht auch diese!

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
Maria Grilo
Maria Grilo

Ich bin UI- und Produktdesigner, Illustrationskünstler und Maler. Bekannt für meine Liebe zu trashigen Strandtüchern, Musikproduktion, Typografie und allen Arten von Pizza.

Read more posts by this author

People who read this post, also found these interesting:

Dropdown caret icon