Die gespaltene Persönlichkeit der brutalistischen Webentwicklung

Veröffentlicht: 2022-03-10
Kurze Zusammenfassung ↬ Kein Schnickschnack oder blinkende Neonschnörkel mit angebrachten Sprinkleranlagen? „Brutalistische“ Websites sind in den letzten Jahren floriert, aber ihre Leitphilosophie bleibt unklar.

Von allen Designtrends, die in den letzten Jahren im Internet aufgetaucht sind, ist Brutalismus sicherlich der auffälligste und am schlechtesten definierte. Eine Vielzahl großer Marken hat sich im Internet der „brutalistischen“ Ästhetik verschrieben. Es gibt sogar Verzeichnisse für diejenigen, die daran interessiert sind, eine Auswahl davon an einem Ort zu sehen. Der Stil ist wirklich in den Mainstream eingetreten.

Desktop-Homepage von Bloomber.com
Das schlichte, geradlinige Design von Bloomberg.com ging 2016 live und wurde 2018 verfeinert. Es wird oft als führendes Beispiel für das Wachstum des Brutalismus im Internet angepriesen. (Große Vorschau)

Tatsächlich ist das brutalistische Webdesign so schnell gewachsen, dass es keinen klaren Konsens darüber zu geben scheint, was der Stil tatsächlich ist . Für die einen bedeutet es Praktikabilität, für die anderen Kühnheit. Ähnlich wie die Architektur, der sie ihren Namen verdankt, ist die brutalistische Webentwicklung zu zwei konkurrierenden Philosophien in einer geworden. Beides ist nicht unbedingt „richtig“, aber es ist wichtig, den Unterschied zu kennen. Es kann sogar sinnvoll sein, sie anders zu nennen.

Mehr nach dem Sprung! Lesen Sie unten weiter ↓

Eine kurze (ish) Geschichte des Brutalismus

Bevor wir zu weit vorgreifen, fassen wir den Begriff „Brutalist“ noch einmal zusammen – woher er kommt und was er bedeutet. Brutalismus ist ein Architekturstil, der nach dem Zweiten Weltkrieg seinen Höhepunkt fand und in den 50er und 60er Jahren seinen Höhepunkt erreichte. Der Trend, der sich für einfache, geometrische Designs und nackte Baumaterialien einsetzte, war zum großen Teil eine Reaktion auf die kunstvollen, überdesignten Strukturen der vergangenen Jahrzehnte.

Der Name kommt von beton brut , was französisch für rohen oder rauen Beton ist. Beton ist ein gängiges Material für brutalistische Strukturen und eignet sich für den schnörkellosen Ansatz des Stils. Andere Materialien können und werden verwendet, aber Beton ist besonders verbreitet. Aus welchen Strukturen auch immer sie bestehen, Verschönerungen werden als unnötig erachtet. Die Form und die Materialien sind genug.

Besonders das Vereinigte Königreich mit seiner Vorliebe für graue, triste Dinge hat den Stil angenommen. Bemerkenswerte Beispiele brutalistischer Architektur sind hier das Royal National Theatre, das Barbican Estate und der Balfron Tower. Es hat sich als besonders beliebt für öffentliche Gebäude erwiesen – Bibliotheken, Theater, Universitäten, Wohnsiedlungen und so weiter.

Das Royal National Theatre in London
Das Nationaltheater in London. Es wurde von Denys Lasdun entworfen und 1976 eröffnet und ist ein Lehrbuchbeispiel brutalistischer Architektur. Es ist eines der am meisten gehassten und beliebtesten Gebäude in Großbritannien. Foto von Henry Hemming. (Große Vorschau)

Obwohl es keine allumfassende Definition gibt, auf die sich alle einigen, wird dem englischen Architekturkritiker Rayner Barnam oft Ehrerbietung erwiesen, dessen Essay „On the New Brutalism“ von 1955 versuchte, die Kernideen des Stils zu skizzieren. In Erwartung derjenigen unter Ihnen, die nicht das ganze Buch lesen würden, hat Barnham die Philosophie auf Folgendes reduziert:

Was den Neuen Brutalismus in der Architektur wie in der Malerei letzten Endes kennzeichnet, ist gerade seine Brutalität, sein je-m'en-foutisme, seine blutige Gesinnung.

Frei übersetzt bedeutet je-m' en-foutisme "egal was für eine Einstellung". Gewiss, brutalistische Bauten scheren sich nicht um konventionelle Schönheitsstandards. Sie sind auch ziemlich spaltend. Während einige über ihren festen, zweckmäßigen Charakter schwärmen, prangern andere Hässlichkeit, Unpersönlichkeit und, nun ja, Brutalität an.

Liebe es oder hasse es, brutalistische Architektur zelebriert die Rohheit. Tatsächlich eröffnete Barnam seinen Aufsatz mit einem Zitat des schweizerisch-französischen Architekten Le Corbusier: „Architektur ist die Herstellung bewegender Beziehungen zu Rohstoffen.“ Le Corbusiers Unite d'Habitation-Wohnungsentwürfe inspirierten eine Generation brutalistischer Architekten.

Balkone im La Maison du Fada in Marseille
Balkone im La Maison du Fada in Marseille, Frankreich. Es wurde von Le Corbusier entworfen und 1952 fertiggestellt und war ein wegweisendes Beispiel für brutalistisches Wohndesign. Foto von Jean-Pierre Dalbera. (Große Vorschau)

Kurz gesagt, die brutalistische Architektur reduziert die Konstruktion nicht nur auf ihre grundlegenden Materialien, sie findet Schönheit in dieser Einfachheit. Kritiker sagen, es sei ein bisschen direkt, ein bisschen unpersönlich, sogar ein bisschen totalitär. Die doppelte Bedeutung von „roh“ und „brutal“ hat die Definition getrübt, aber in der Regel ist das Ziel Rohheit und das Ergebnis wird von einigen als brutal empfunden.

Der Stil hat seit seiner Blütezeit in der Nachkriegszeit an Popularität verloren, aber er bleibt einer der markantesten überhaupt. Einige wenige haben den Status einer Liste erreicht, und ich für meinen Teil bin froh, dass sie das getan haben. Eine Stadt mit brutalistischen Gebäuden wäre ein bisschen viel, aber eine Stadt ohne solche ist ärmer dafür.

Weiterführende Lektüre

  • #SOSARCHITECTURE, ein Online-Archiv brutalistischer Gebäude
  • „Die unglaublichen Hulks: Jonathan Meades‘ AZ des Brutalismus“ für The Guardian
  • Wikipedias Liste brutalistischer Strukturen

Praktikabilität oder Kühnheit?

Was hat das alles mit Webentwicklung zu tun? Hauptsächlich die Philosophie und die Art und Weise, wie sie zersplittert ist. Der Brutalismus hat vor allem in den letzten drei oder vier Jahren online neues Leben gefunden. Eine ganze Reihe von Websites haben den brutalistischen Spitznamen angenommen, und mit dem Aufkommen des Trends sind Auszeichnungen, Artikel und Verzeichnisse einhergegangen.

Beim Durchstöbern dieser Dinge könnte man durchaus den Eindruck bekommen, dass nicht alle über das Gleiche sprechen. Das liegt daran, dass sie es nicht sind. In der Welt der Webentwicklung hat sich „brutalistisch“ zu einer Vielzahl von Stilen entwickelt. Es ist ein Bärendienst für Designer, solche unterschiedlichen Ansätze in einen Topf zu werfen. Ich habe Web-Brutalismus weiter unten in zwei Arten unterteilt, aber wie wir sehen werden, reicht selbst das möglicherweise nicht aus.

Typ Eins: l'Internet Brut

Die erste Art des brutalistischen Webdesigns hat viel mehr mit ihren architektonischen Vorfahren gemeinsam. Betrachten Sie es als l'Internet brut , wo die Rohmaterialien HTML und in geringerem Maße CSS sind. Die Hintergründe sind hell, der Text ist schwarz und die Hyperlinks sind blau. Es gibt etwas Spielraum, aber das ist das Wesentliche. Kein Gefummel. Abgesehen von der Anzeige des tatsächlichen Codes könnten Sie nicht viel rauer werden.

Die allererste Webseite
Am Anfang war der Stil, und der Stil war Brutalismus, und der Stil war Brutalismus. (Große Vorschau)

Es gibt unzählige Beispiele für diesen Stil, groß und klein. Die allererste Website ist ein unbeabsichtigter Nachfolger, während in jüngerer Zeit Brutalist Web Design von Programmierer David Bryant Copeland ein hübsches kleines Manifest für den Stil vorlegt.

Andere Websites mit starken brutalistischen Zügen, die in die Welt aufsteigen, sind:

  • Craigsliste
  • Wikipedia
  • Eine Liste auseinander
  • (Alt) Reddit
  • Bloomberg
  • Freilauf.

Obwohl die Rohstoffe dieser Standorte sehr ähnlich sind, sehen sie nicht alle gleich aus. Sie sind um ihren Inhalt und Zweck herum geformt. Wie bei ihren architektonischen Cousins ​​gibt es tatsächlich eine große Vielfalt an Formen.

Die Londoner Homepage von Craigslist, wie sie im Jahr 2020 erscheint
Eine richtige l'Internet brut Website. Es hat sogar grau! (Große Vorschau)

Wie Sie oben auf der Craigslist-Homepage sehen können, gibt es sehr wenig Übermaß und möglicherweise noch weniger Stil. Es hat sich in 20 (!) Jahren kaum verändert, weil es nicht nötig war. Werfen Sie einen Blick auf den Code und selbst ein Anfänger wie ich kann verfolgen, wie die Seiten zusammengesetzt werden. Sie müssen nicht raten, wie es gebaut ist, denn es liegt direkt vor Ihnen.

Bei Websites wie dieser werden Sie oft eine Überschneidung mit dem „öffentlich Gesinnten“ bemerken, das sich auf viele dieser Websites stützt – Marktplätze, Foren, Enzyklopädien. Es ist seltsamerweise angebracht, dass eine Seite wie Wikipedia die digitale Form von, sagen wir, Robin Hood Gardens annimmt. Bloomberg hat auch im Nachrichtenbereich viel Gesellschaft. Zeitungen wie die New York Times und die Washington Post haben in den letzten Jahren ähnlich unverblümte, funktionale Designs angenommen. Nachrichtendesign hatte schon immer einen starken brutalistischen Zug.

Desktop-Startseite der Website der Washington Post
Die überarbeitete Website der Washington Post wurde 2015 eingeführt. Der Zeitungsdesigner Mario Garcia lobte sie damals dafür, dass sie „Unordnung und Gedränge vermeidet“. (Große Vorschau)

Es muss hier erwähnt werden, dass einige der hier als Beispiele verwendeten Sites nicht brutalistisch angelegt waren. Ähnlich wie Villa Goth, die weithin als Quelle des Begriffs Brutalismus gilt, wollten sie praktisch und einfach sein. Sie wurden sozusagen adoptiert. Ihr Erfolg hat Architekten und Entwickler gleichermaßen inspiriert (und inspiriert sie noch immer). Sie kümmern sich so wenig um das Äußere, dass sie zu leuchtenden Beispielen für brutalistisches Design wurden, ohne es überhaupt zu merken!

Seiten dieser Art schreien nicht immer nach Schönheit, aber ihre Funktionalität hat eine Eleganz. Sie sind unbekümmert und unprätentiös, für ihren Zweck geformt, indem sie die rohen Elemente des Webs verwenden. (Wortspiel beabsichtigt.)

Typ Zwei: l'Internet Fou

Das ist die Trennung. Genau hier. Diejenigen unter Ihnen, die sich auch nur vorübergehend für Webdesign-Trends interessieren, werden wissen, dass das, was wir uns bisher angesehen haben, keine große Anzahl von "brutalistischen" Websites berücksichtigt. Wie Vitaly Friedman in Smashing Book 6 bemerkte:

Brutalismus in der Architektur zeichnet sich durch eine unbekümmerte Ästhetik aus, nicht durch eine absichtlich gebrochene Ästhetik. Übertragen auf das Webdesign geht dieser Stil oft mit bewusst gebrochenen Gestaltungskonventionen und Leitsätzen einher.

Der Aufstieg des „brutalistischen“ Designs in den letzten Jahren hat viel mehr mit Brutalität als mit Rohheit zu tun. Dies ist die verrücktere Welt, die manchmal an Anarchie grenzt. Hier werden Designkonventionen untergraben und Benutzerfreundlichkeit ist ein nachträglicher Gedanke – und das ist nicht der Fall, wenn sie aktiv sabotiert wird. Dies sind die Seiten, die Artikel mit dem Titel „Style Over Substance“ veranlassen und die Washington Post dazu veranlasst, den Stil als „absichtlich hässlich“ zusammenzufassen.

Desktop-Homepage des Kunstmagazins Toiletpaper
Die Homepage der Künstlerzeitschrift Toiletpaper. (Große Vorschau)
Desktop-Homepage der selbsternannten brutalistischen Website JI SOO ​​EOM
JI SOO ​​EOM, eine weitere Seite im Brutalist-Websites-Verzeichnis. (Große Vorschau)

In dem angemessen migräneauslösenden Artikel „Brutalismus: Brutale Websites für moderne Webmaster“ beschreibt Awwwards diesen zweiten Stamm wie folgt:

Brutalismus im Webdesign lacht Rationalismus und Funktionalität ins Gesicht, in der Welt des Designs kann er als Freestyle, hässlich, respektlos, roh und oberflächlich dekorativ usw. definiert werden.

Ich hoffe, es ist nicht umstritten zu sagen, dass dies ein völlig anderer Ansatz als Typ eins ist. An einer Stelle könnten Sie argumentieren, dass dieser Ansatz eher die Domäne von Künstlern und Grafikdesignern ist und dass Kunst daher die roheste Form ist, die ihre Websites annehmen können, aber das wäre weit hergeholt. Es steht außer Frage, dass brutalistische Architektur ins „Statement“-Territorium abdriften kann, aber das ist nicht ihr natürlicher Bereich.

Das Brutalist Websites-Verzeichnis suggeriert: „Brutalismus [online] kann als Reaktion einer jüngeren Generation auf die Leichtigkeit, den Optimismus und die Frivolität des heutigen Webdesigns gesehen werden.“ Es gibt Schattierungen des Gründungsethos des Brutalismus darin, aber es ist respektloser und subversiver. Sie können auf ihre Art sehr schön sein, aber auch aus einem ganz anderen Stoff geschnitten als die Craigslists dieser Welt.

Diese Stadt ist nicht groß genug für uns beide

Da haben Sie es also. Wenn brutalistisches Webdesign nicht ganz auf Rationalismus und Funktionalität setzt, lacht es ins Gesicht von Rationalismus und Funktionalität. Alles klar?

Der Begriff hat sich zu einem Begriff entwickelt, der Ansätze umfasst, die in vielerlei Hinsicht miteinander im Widerspruch stehen. Tatsächlich glaubt Pascal Deville, der das Verzeichnis Brutalist Websites gründete, nachdem er den Begriff 2014 geprägt hatte, dass der Stil in drei Mikrostilistiken zersplittert ist:

  1. Puristen,
  2. UX-Minimalisten,
  3. Antiisten (oder Künstler).

Nachdem er im Laufe der Jahre Hunderte von Einsendungen geprüft hatte, wusste er es besser als jeder andere. Er sagt:

Die Puristen beziehen sich stark auf die architektonischen Merkmale des Web-Brutalismus, wie das Konzept der „Wahrheit der Materialien“ und die Verwendung der reinsten verfügbaren Markup-Elemente. Die UX-Minimalisten hingegen sehen Effizienz und Performance als Haupttreiber des Web-Brutalismus und glauben sogar, dass die radikale Einschränkung der Möglichkeiten Conversions ankurbeln kann. Die 'Antiisten' oder Künstler sehen Webdesign als eine (noch) unterbewertete Kunstform und zeigen wenig Respekt vor dem Status quo und bekommen meistens schlechte Presse.

Was ist eine „richtige“ brutalistische Website? Bis zu einem gewissen Grad hängt die Antwort vom Kontext ab. Wenn eine Website einem Künstler gehört, ist etwas Schroffes vielleicht angemessener als etwas Unbekümmertes. Im Allgemeinen scheint mir die Sensibilität des „Antiist“-Typs jedoch viel näher an etwas wie dem Dadaismus mit all seiner Absurdität und Fröhlichkeit und seinem Chaos oder den avantgardistischen Neigungen des Expressionismus zu liegen.

Kleiner Dada-Abend von Kurt Schwitters und Theo van Doesburg
Kleiner Dada-Abend von Kurt Schwitters und Theo van Doesburg. (Große Vorschau)
Typisches vertikales Durcheinander als Darstellung des Dada Baargeld von Johannes Theodor Baargeld
Typisches vertikales Durcheinander als Darstellung des Dada Baargeld von Johannes Theodor Baargeld. Welchem ​​Zweig des „brutalistischen“ Webdesigns ähneln diese für Sie eher? (Große Vorschau)

Ich möchte nicht, dass dies wie ein Wortspiel rüberkommt, bei dem verschiedene Stile fein säuberlich in Kästchen abgelegt werden. Mir geht es eher darum, verschiedene Ansätze hervorzuheben, damit jeder den nötigen Raum erhält, um zu gedeihen. Wie Deville anerkennt, wird das kreative Potenzial des Internets immer noch erforscht. „Es ist eine neue Kunstform und ich freue mich sehr, sie aus erster Hand zu erleben“, sagt er. "Es passiert jetzt."

Das hat auch praktische Konsequenzen. Egal, ob Sie ein Entwickler sind, der mit einem Kunden spricht, oder ein Kunde, der mit einem Entwickler spricht, es lohnt sich, klar zu machen, auf welche Version des brutalistischen Webdesigns Sie sich beziehen. Wenn Sie ein echter Champion sind, werden Sie ihn natürlich auf diesen Artikel verweisen. Andernfalls sind visuelle Beispiele wie das folgende wahrscheinlich die beste Wahl, um auf den Punkt zu kommen.

Beispiel für zwei verschiedene brutalistische Website-Stile
Sie sind beide „brutalistisch“, also seien Sie sich sicher, wonach Sie fragen. Das Design auf der linken Seite ist ein Projekt von Constantin Grosnov. (Große Vorschau)

Darüber hinaus sollten wir vielleicht anfangen, verschiedenen Stilen unterschiedliche Namen zu geben. Ich weiß, dass dies für viele Menschen ziemlich unbequem wäre. Domains wurden gekauft, Auszeichnungen vergeben und Artikel geschrieben, aber für die Zukunft scheint das Label zu restriktiv zu sein. Es kann nicht mehr so ​​viele Ansätze enthalten. Nicht zuletzt die gespaltene Persönlichkeit der brutalistischen Webentwicklung zeigt, wie viel Terrain im Webdesign noch zu erforschen ist.

Es gibt unzählige Kunstschulen – Brutalismus, Expressionismus, Romantik, Art Deco, Futurismus, Dadaismus, Impressionismus, Absurdismus, Moderne, Minimalismus und so weiter und so fort. Sie finden Form durch Gemälde, Gebäude, Literatur … warum nicht Websites? Wie die folgenden Links zeigen, bin ich mit dieser Frage nicht allein. Mit jedem neuen Entwicklungsstil wird „Anti-Mainstream“ weniger angemessen, um zu beschreiben, was Designer tun. Sie fangen an, die Philosophie des Webdesigns auf eine Weise zu erforschen, die noch nie zuvor gemacht wurde.

  • Nielsen Norman Group über den Unterschied zwischen Brutalismus und Antidesign
  • 'Über Web-Brutalismus und zeitgenössisches Webdesign' in Dialektik
  • Creative Bloq fragt, ob brutalistische Websites der „Punk-Moment“ des Internets sind
  • Nick Babich skizziert die Prinzipien des minimalistischen Webdesigns, dem bisher bei weitem beliebtesten „Ismus“ im Internet.

Der „dadaistische“ Stamm des brutalistischen Webdesigns hat eines absolut richtig: Der Spielraum für das, was eine Website sein kann, ist viel, viel zu eng. Das Web ist ein unendlicher Sandkasten, und die Breite der Möglichkeiten darin zu nutzen, kann nur eine gute Sache sein. Das beginnt mit der Erweiterung unseres Wortschatzes.