Inhalt
- Die Ursprünge des Web-Brutalismus
- Merkmale des Web-Brutalismus definieren
- Wie man brutalistische Seiten baut
- Die Vorteile des Brutalismus
- Mehr als Punkrock?
- Wohin geht der Brutalismus-Trend?
Dieser Beitrag wurde ursprünglich im Jahr 2017 veröffentlicht.
Benannt nach der brutalistischen Architekturbewegung von Mitte bis Ende des 20. Jahrhunderts, ignoriert der Web-Brutalismus fröhlich alle in den letzten 20 Jahren etablierten Best Practices für das Layout und Design von Websites. Stattdessen werden Arbeiten weggeworfen, die erfinderisch, aufregend und herausfordernd sind - sogar konfrontativ. Brutalistische Websites reichen von absichtlich chaotisch bis hartnäckig minimal, aber sie werden durch die Ablehnung von Mainstream-Webtrends vereint.
Es kommt eine Zeit in jeder kreativen Bewegung, in der einige ihrer Praktizierenden beschließen, sich gegen die akzeptierte Vorgehensweise zu wehren und gegen die Regeln zu verstoßen, normalerweise zur Empörung des Establishments.
Die Ursprünge des Web-Brutalismus
Brutalistische Architektur ist nicht besorgt darüber, attraktiv auszusehen, und genau das - ebenso wie die Idee, dass Brutalismus als Reaktion auf die frivole Architektur der 1930er und 40er Jahre konzipiert wurde - führte Pascal Deville, Mitbegründer und Kreativdirektor von Freundlichen Grüsse den Begriff zu kooptieren.
"Ich habe seit den Anfängen des Web ein großes Interesse an digitalem Design und der Webdesign-Community", erzählt er uns. "In den letzten Jahren habe ich einen Trend zu optimierten, fast neutralisierten Schnittstellen festgestellt, bei denen die Markenattribute oder -merkmale in Bezug auf den Inhalt oder den Zweck, dem sie dienen, völlig übersehen wurden."
Deville bemerkte auch, dass Designer anfingen, mit einer Art Anti-Trend-Webdesign zu experimentieren: einem groben und grundlegenden Ansatz, wie Websites außerhalb einer perfekten UX-Welt funktionieren könnten, und dieser Aspekt erinnerte ihn an die ursprünglichen Brutalisten.
Seitdem kuratiert Deville Brutalistwebsites.com, wo er Websites sammelt, die zu seinen Vorstellungen von Webbrutalismus passen, und deren Schöpfer interviewt. "Es dient als inspirierende Plattform für junge Designer", sagt er, "ich möchte der Community etwas zurückgeben."
Merkmale des Web-Brutalismus definieren
Ein Schleppnetz durch Brutalistwebsites.com wird schnell zeigen, dass es ein breites Spektrum an Stilen und Ästhetiken abdeckt. Trotzdem gibt es einige Gemeinsamkeiten.
Der interaktive Designer Bruno Landowski, der 2013 an einem frühen Beispiel einer brutalistischen Site für die 13. Istanbul Biennale gearbeitet hat, fasst den brutalistischen Ansatz folgendermaßen zusammen: "Es werden große Schriftarten, einfarbige Hintergründe, geometrische Formen und rohe Merkmale verwendet kümmert sich nicht um die breite Öffentlichkeit. "
Jakob Kornelli von Any Studio in Berlin, das eine herrlich brutalistische Website voller Emojis bietet, weist auch auf die Verwendung kühner und etwas radikaler Typografie durch die Bewegung hin. "Aber noch mehr", sagt er, "glauben wir, dass eine brutalistische Website die Grenzen ihres Mediums überschreitet, insbesondere in Bezug auf die Interaktion. Auch wenn es Webdesign schon seit einiger Zeit gibt, die interaktiven und ästhetischen Möglichkeiten von." es wird selten voll ausgeschöpft. "
Der französische multidisziplinäre Designer Pierre Butin hat sich mit seinem Projekt Brutalist Redesigns einen Namen gemacht, in dem er beliebte Apps wie Tinder, Google Maps und sogar Candy Crush auffällig überarbeitet hat. Er hat seine eigenen Theorien zum Brutalismus: "Einige scheinen ihn als groben Ansatz zu definieren, während andere dazu neigen, diese lose Definition zu akzeptieren", sagt er.
"Das hat mich gefragt: Geht es beim Brutalismus im digitalen Design mehr um Schweizer Minimalismus oder nur um Rohcodierung? Aus diesem Grund habe ich verschiedene Stile ausprobiert, die als brutalistisch gelten könnten. Ich habe Systemschriftarten, grundlegende Webfarben, ein einfaches Farbschema und verwendet Ich habe mich an die ursprüngliche Benutzeroberfläche der App gehalten. Mein Ziel war es, ein Gespräch darüber zu beginnen, was in Bezug auf die Benutzeroberfläche kommt und wie es gemacht werden sollte. "
Für Giacomo Miceli, dessen monochrome Portfolio-Site ein Meisterwerk von Courier ist, geht es um Vereinfachung, und es gibt nichts Neues. "Schauen Sie sich einfach die Homepage von Google an", bemerkt er. "Vor 17 Jahren war AltaVista eine Sache und seine Homepage war voll mit nutzlosen Dingen. Google kam mit einer Website herein, die eines tat, es wirklich gut machte und sich nicht darum kümmerte, hübsch auszusehen. Google schenkt dem Auge definitiv mehr Aufmerksamkeit Tage, aber der Kern blieb der gleiche. "
Es ist der in Detroit ansässige Designer Kikko Paradela, der den Web-Brutalismus am prägnantesten zusammenfasst: "Typografisch. Inhaltsorientiert. Einfach."
Wie man brutalistische Seiten baut
Vielleicht liegt ein großer Teil der Attraktivität des Brutalismus darin, dass Sie alle anfänglichen Vorbereitungen, die traditionell mit dem Aufbau einer Website verbunden sind, ordentlich umgehen und einfach weitermachen können. Viele Entwickler brutalistischer Websites sind besonders stolz darauf, dass sie praktisch ihre gesamte Design- und Entwicklungsarbeit in diesem ehrwürdigen Windows-Standbein, dem Editor, ausführen.
Landowski fasst seinen brutalistischen Prozess schnell zusammen: "Stein-Papier-Schere, um Entscheidungen zu treffen, ein Stift, um sie zu skizzieren, Photoshop CC und Illustrator CC, um sie zu spezifizieren, und ein Texteditor, um sie lebendig zu machen." Er weist jedoch darauf hin, dass dies kein Ansatz ist, der für alle funktionieren würde. Er hat einen Grafikdesign-Hintergrund, der ihn für die Benutzererfahrung sensibler macht.
Kornelli stimmt zu und bemerkt, dass sich ein Großteil der Arbeit von Any Studio auf starke Typografie, klare Botschaften und gelegentliche unerwartete Wendungen konzentriert, um die Dinge interessant zu halten. "Die Website, die wir kürzlich für die Filmproduktionsfirma Very Film entworfen haben, zeigt diesen Ansatz", erzählt er uns, "mit seiner kühnen und gestochen scharfen Schwarz-Weiß-Typografie kombiniert mit nur einer unverwechselbaren Interaktion, die an das Schließen und Öffnen eines Vorhangs erinnert. ""
Und in Paradelas Fall werden sowohl sein Standort als auch seine Praxis davon beeinflusst, wo er lebt und arbeitet. Er erklärt, dass seine Website "ein Spiegelbild meines Designansatzes und Denkens ist. Ich habe mich immer an der Anti-Mainstream- oder" Anti-Jesus "-Ästhetik ausgerichtet, weil sie konventionelle und bequeme Wahrheiten, einschließlich meiner eigenen, in Frage stellt. Dieser Ansatz ist es auch relevant für das aktuelle soziale und politische Umfeld von Detroit, in dem ich lebe und meine Praxis begründe. "
Die Vorteile des Brutalismus
Die Philosophie von Paradela stimmt mit vielen der Gründe überein, die uns Designer für die Erstellung von Websites gegeben haben, die so stark gegen das moderne Webdesign verstoßen. Was sind die Vorteile dieses Konzepts?
Daan Lucas ist der Ansicht, dass Brutalität eine Ehrlichkeit aufweist, die möglicherweise in ausgefeilteren Unternehmensangeboten fehlt. "Ich denke, Brutalismus will den Kern zeigen und ihn von der Ablenkung abziehen", sagt er.
"Ich mag das. Ich denke, es ist heutzutage auch das Richtige. Die Leute wissen, wann sie beschissen sind. Bei unserer Arbeit versuchen wir immer, eine echte Verbindung zu den Menschen herzustellen. Lassen Sie sie sich wundern, laden Sie sie zum Spielen ein. Wenn Sie beschissen sind." Leute, die sie weggehen und sich ärgern werden. "
Sie können die Verspieltheit des Brutalismus auf Websites wie Bongs Homepage sehen, auf der eine riesige Newton-Wiege und Links zu den Arbeiten der Agentur zu sehen sind. Es könnte gegen die Regeln verstoßen, aber es ist eine andere und aufregende Erfahrung für Benutzer, und Any Studio ist bestrebt, die Möglichkeiten dieses Ansatzes für das Webdesign zu nutzen.
"Das Nichteinhalten bestimmter Regeln oder das Anwenden anderer Regeln - wie der klassischen Schweizer Grafikregeln der Moderne - hat den Vorteil, dass die Ergebnisse in der Regel einzigartiger und daher für den Benutzer fesselnder sind", sagt Kornelli.
"Auch der Zustrom von avantgardistischem Grafikdesign eröffnet das Feld für unzählige neue und auffällige ästhetische Möglichkeiten, die im Gegenzug für Benutzer und Kunden interessantere Erfahrungen generieren."
Mehr als Punkrock?
Vielleicht ist dies mehr als nur ein Punkrock-Moment. Obwohl es einen gewissen Grad davon gibt, weist Kornelli darauf hin, dass es in den letzten Jahren eine Flut von langweiligem UX-gesteuertem Webdesign gegeben hat, das eine Umgebung mit funktionalen, aber langweiligen Website-Klonen geschaffen hat, und in vielerlei Hinsicht ist Brutalismus eine Reaktion auf Sie Umwelt - Designer sehen Brutalismus als einen Weg, das Webdesign voranzutreiben und die Benutzerfreundlichkeit tatsächlich zu verbessern.
Butin erklärt: "Unkomplizierte brutalistische Elemente können das Gesamterlebnis der Benutzer mit einer App verbessern. UX-Experten wie Luke Wroblewsky zeigen immer wieder, dass beispielsweise das Wort 'Menü' in einer Benutzeroberfläche mehr Engagement erzeugt als das Hamburger-Symbol (wie es geht) das Sprichwort "offensichtlich gewinnt immer"). Aus diesem Grund denke ich nicht, dass Brutalismus im digitalen Design mit einem UX-gesteuerten Ansatz unvereinbar ist. "
Wenn man durch das Pantheon brutalistischer Websites blickt, ist es schwierig, keine Vergleiche mit der Welt des Grafikdesigns anzustellen. Sie können deutliche Parallelen zwischen brutalistischen Websites und der Arbeit von Designern wie David Carson, Stefan Sagmeister und in jüngerer Zeit Richard Turley erkennen, die kühnes und provokatives Design verwendeten, um die stickige alte Bloomberg Businessweek zu einem der am meisten diskutierten Magazine zu machen.
Kornelli stimmt zu, dass es definitiv einen Einfluss auf das Grafikdesign gibt, und Any Studio begrüßt diese Entwicklung. "Bis vor kurzem war Webdesign aus irgendeinem Grund von der langen und großen Tradition des Grafikdesigns losgelöst", erzählt er uns.
"Grafikdesigner behandelten Webdesign als unbekanntes Medium und wussten nicht wirklich, was sie damit anfangen sollten. Jetzt taucht eine neue Generation von Designern auf, die sich in beiden Welten zu Hause fühlen. Webdesign wird vollständig in das Vokabular der Gegenwart integriert Grafikdesigner."
Dies ist wichtig, da Grafikdesign eine ausgereifte Disziplin ist, die sich seit vielen Jahren mit den Problemen befasst und diese löst, mit denen sich Web-Brutalisten jetzt befassen. "Dies ist der Raum, in dem wir normalerweise tätig sind", sagt Paradela. "Wir dekonstruieren und verstehen die visuelle Sprache, damit wir sie zur Verfügung haben, um effektiv zu kommunizieren. Wir sind selbstkritisch gegenüber dem, was um uns herum geschieht."
Wohin geht der Brutalismus-Trend?
Grafikdesign geht wie Brutalismus oft zu provokativen Extremen, aber immer im Namen einer klaren Kommunikation. Während Grafikdesigner in der Regel alles für ihre Portfolios tun, ist die Arbeit, die sie im Tagesgeschäft produzieren, im Allgemeinen viel weniger umfangreich. und so wird der brutalistische Ansatz seinen Einfluss auf das Webdesign im Allgemeinen hinterlassen.
"Ich habe festgestellt, dass eine ganze Reihe brutalistischer Websites klein sind; Designer-Portfolios oder persönliche Projekte", bemerkt Butin. "Dennoch arbeiten immer mehr Designer an (beliebten) mobilen Apps. Es wäre dann nicht verwunderlich, wenn sie diesen Geschmack für Brutalismus / Minimalismus auf die von ihnen entworfenen Produkte übertragen würden."
Kornelli glaubt, dass der Brutalismus seine Relevanz bald etablieren wird und wahrscheinlich noch eine Weile anhalten wird, was den Designern mehr Einfluss gibt, um ein schönes, kommunikatives Web zu schaffen. "Dank der Weiterentwicklung von Schnittstellen und Software können Designer in Kürze erstklassige Websites erstellen, ohne Skizzen an einen Entwickler weitergeben zu müssen. Stattdessen werden die Entwickler die entsprechenden Tools im Voraus bereitstellen."
Dieser Artikel erschien ursprünglich in einer 2017er Ausgabe von Netz, das Magazin für professionelle Webdesigner und Entwickler. Abonnieren Sie net hier.
