Zijn brutalistische sites het punkrockmoment van het web?

Inhoud

• De oorsprong van web brutalisme
• Kenmerken van web brutalisme definiëren
• Hoe brutalistische sites te bouwen
• De voordelen van brutalisme
• Meer dan punkrock?
• Waar gaat de brutalistische trend naartoe?

Dit bericht is oorspronkelijk gepubliceerd in 2017.

Vernoemd naar de brutalistische architectuurbeweging van het midden tot het einde van de 20e eeuw, negeert web brutalisme vrolijk alle website-opmaak en best practices die de afgelopen 20 jaar zijn vastgesteld. In plaats daarvan is het werk weggooien dat inventief, opwindend en uitdagend is - zelfs confronterend. Brutalistische websites variëren van opzettelijk chaotisch tot hardnekkig minimaal, maar ze worden verenigd door een afwijzing van reguliere webtrends.

Er komt een tijd in elke creatieve beweging dat sommige van haar beoefenaars besluiten om terug te dringen tegen de geaccepteerde manier om dingen te doen en de regels te overtreden, meestal tot grote verontwaardiging van het establishment.

De oorsprong van web brutalisme

Brutalistische architectuur maakt zich niet druk om er aantrekkelijk uit te zien, en het is dit - evenals het idee dat brutalisme werd bedacht als een reactie op de meer frivole architectuur van de jaren dertig en veertig - dat leidde tot Pascal Deville, mede-oprichter en creatief directeur van Freundliche Grüsse om de term te coöpteren.

"Ik heb sinds het begin van het web een grote interesse in digitaal ontwerp en de webontwerpgemeenschap", vertelt hij ons. "In de afgelopen jaren heb ik een trend opgemerkt naar gestroomlijnde, bijna geneutraliseerde interfaces die elk gevoel van merkattributen of kenmerken met betrekking tot de inhoud of het doel die ze dienen volledig misten."

Deville merkte ook dat ontwerpers begonnen te experimenteren met een soort anti-trend voor webdesign: een ruwe en back-to-basics benadering van hoe websites buiten een perfecte UX-wereld zouden kunnen werken, en het is dit aspect dat hem deed denken aan de oorspronkelijke brutalisten.

Sindsdien beheert Deville Brutalistwebsites.com, waar hij sites verzamelt die passen bij zijn ideeën over web brutalisme en hun makers interviewt. "Het dient als een inspirerend platform voor jonge ontwerpers", zegt hij, "ik wil iets terugdoen voor de gemeenschap."

Kenmerken van web brutalisme definiëren

Een trawl door Brutalistwebsites.com zal snel aantonen dat het een breed scala aan stijlen en esthetiek omvat; toch zijn er enkele overeenkomsten.

Interactieve ontwerper Bruno Landowski, die in 2013 werkte aan een vroeg voorbeeld van een brutalistische site voor de 13e Biënnale van Istanbul, vat de brutalistische benadering als volgt samen: "Het maakt gebruik van grote lettertypen, effen kleurenachtergronden, geometrische vormen en ruwe kenmerken ... geef niet om het grote publiek. "

Jakob Kornelli van Any Studio in Berlijn, die een glorieus brutalistische website vol emoji's heeft, wijst ook op het gebruik van gedurfde en ietwat radicale typografie door de beweging. "Maar zelfs meer dan dat", vertelt hij ons, "wij geloven dat een brutalistische website de grenzen van zijn medium verlegt, vooral op het gebied van interactie. Ook al bestaat webdesign al een tijdje, de interactieve en esthetische mogelijkheden van het wordt zelden optimaal benut. "

De Franse multidisciplinaire ontwerper Pierre Butin heeft naam gemaakt met zijn Brutalist Redesigns-project, waarin hij populaire apps als Tinder, Google Maps en zelfs Candy Crush tot een opvallend effect herwerkte. Hij heeft zijn eigen theorieën over brutalisme: "Sommigen lijken het te definiëren als een grove benadering, terwijl anderen deze losse definitie neigen te omarmen", zegt hij.

"Dit zette me aan het denken: gaat brutalisme in digitaal ontwerp meer over Zwitsers minimalisme of gewoon onbewerkte codering? Om deze reden heb ik verschillende stijlen uitgeprobeerd die als brutalistisch kunnen worden beschouwd. Ik gebruikte systeemlettertypen, basiswebkleuren, een eenvoudig kleurenschema en vastgehouden aan de originele UX van de app. Mijn doel was om een ​​gesprek te beginnen over wat er op het gebied van de gebruikersinterface komt en hoe het moet worden gedaan. "

Voor Giacomo Miceli, wiens monochrome portfoliosite een meesterwerk is in Courier, gaat het om vereenvoudiging en is er niets nieuws aan. "Kijk maar naar de homepage van Google", merkt hij op. "17 jaar geleden was AltaVista een ding en de startpagina stond vol met nutteloze dingen. Google kwam met een website die één ding deed, het heel goed deed, en zich er niet druk om maakte om er mooi uit te zien. Google besteedt zeker meer aandacht aan deze dagen, maar de kern bleef hetzelfde. "

Het is de in Detroit gevestigde ontwerper Kikko Paradela die web brutalisme het meest bondig samenvat: "Typografisch. Content-gedreven. Rechttoe rechtaan."

Hoe brutalistische sites te bouwen

Misschien is een groot deel van de aantrekkingskracht van brutalisme dat je alle initiële voorbereidingen die traditioneel gepaard gaan met het bouwen van een site, netjes kunt omzeilen en er gewoon mee door kunt gaan. Veel makers van brutalistische sites zijn er duidelijk trots op dat ze vrijwel al hun ontwerp- en ontwikkelingswerk doen in die eerbiedwaardige Windows-steunpilaar, Kladblok.

Landowski vat zijn brutalistische proces snel samen: "Steen-papier-schaar om keuzes te maken, een pen om ze te schetsen, Photoshop CC en Illustrator CC om ze te specificeren, en een teksteditor om ze tot leven te brengen." Hoewel, zegt hij, dit niet een benadering is die voor iedereen zou werken; hij komt uit een grafische ontwerpachtergrond die hem gevoeliger maakt voor gebruikerservaring, zegt hij.

Kornelli is het daarmee eens, en merkt op dat veel van het werk van Any Studio zich richt op sterke typografie, duidelijke boodschappen en af ​​en toe een onverwachte wending om dingen interessant te houden. "De website die we onlangs ontwierpen voor het filmproductiebedrijf Very Film laat deze benadering zien", vertelt hij ons, "met zijn gewaagde en scherpe zwart-wittypografie gecombineerd met slechts één onderscheidende interactie die doet denken aan een gordijn dat sluit en opent. "

En in het geval van Paradela worden zowel zijn site als zijn praktijk beïnvloed door waar hij woont en werkt. Hij legt uit dat zijn site 'een weerspiegeling is van mijn ontwerpbenadering en -denken. Ik heb me altijd afgestemd op de anti-mainstream of' anti-Jezus'-esthetiek omdat het conventionele en handige waarheden uitdaagt, waaronder de mijne. Deze benadering is ook relevant voor de huidige sociale en politieke omgeving van Detroit, waar ik woon en mijn praktijk baseer. "

De voordelen van brutalisme

De filosofie van Paradela resoneert met veel van de redenen die ontwerpers ons hebben gegeven voor het bouwen van websites die zo sterk ingaan tegen de kern van modern webdesign. Dus wat zijn de voordelen van dit concept?

Daan Lucas is van mening dat er een eerlijkheid in brutalisme schuilt die misschien ontbreekt in meer gepolijste, zakelijke aanbiedingen. "Ik denk dat brutalisme bedoeld is om de kern te laten zien en deze af te leiden van afleiding", zegt hij.

"Dat vind ik leuk. Ik denk dat het tegenwoordig ook het juiste is om te doen. Mensen weten wanneer ze onzin zijn. In ons werk proberen we altijd een echte band met mensen te maken. Laat ze zich afvragen, nodig ze uit om te spelen. mensen zullen ze weglopen en geïrriteerd raken. "

Je kunt de speelsheid van brutalisme zien op sites zoals de homepage van Bong, met een gigantische wieg van Newton en links naar het werk van het bureau die langs de rand scrollen. Het druist misschien in tegen de regels, maar het is een andere en opwindende ervaring voor gebruikers, en Any Studio wil graag de mogelijkheden van deze benadering van webdesign benutten.

"Het niet spelen volgens een bepaalde set regels of het toepassen van verschillende regels - zoals klassieke Zwitserse modernistische regels voor grafisch ontwerp - heeft het voordeel dat de resultaten unieker en daarom boeiender zijn voor de gebruiker", zegt Kornelli.

"Ook de instroom van avant-garde grafisch ontwerp opent het veld voor tal van nieuwe en opvallende esthetische mogelijkheden, die op hun beurt meer interessante ervaringen opleveren voor gebruikers en klanten."

Meer dan punkrock?

Dus misschien is dit meer dan alleen een punkrockmoment. Hoewel er een zekere mate van is - Kornelli wijst erop dat er de afgelopen jaren een overvloed is geweest aan saai UX-gestuurd webontwerp, het creëren van een omgeving van functionele maar saaie website-klonen, en in veel opzichten is brutalisme een 'fuck you' reactie daarop omgeving - ontwerpers zien brutalisme als een manier om webdesign vooruit te helpen en de bruikbaarheid daadwerkelijk te vergroten.

Butin legt uit: "Rechttoe rechtaan brutalistische elementen kunnen de algehele ervaring van gebruikers met een app verbeteren. UX-experts zoals Luke Wroblewsky laten keer op keer zien dat bijvoorbeeld het woord 'Menu' in een interface meer betrokkenheid genereert dan het hamburgersymbool. het gezegde 'duidelijk wint altijd'). Om deze reden denk ik niet dat brutalisme in digitaal ontwerp onverenigbaar is met een UX-gedreven benadering. "

En als je door het pantheon van brutalistische sites kijkt, is het moeilijk om geen vergelijkingen te maken met de wereld van grafisch ontwerp. Je kunt duidelijke parallellen zien tussen brutalistische sites en het werk van ontwerpers zoals David Carson, Stefan Sagmeister en meer recentelijk Richard Turley, die een gedurfd en provocerend ontwerp gebruikten om de bedompte, oude Bloomberg Businessweek te veranderen in een van de meest besproken tijdschriften.

Kornelli is het ermee eens dat er zeker een grafische ontwerpinvloed is, en Any Studio juicht deze ontwikkeling toe. "Tot voor kort stond webdesign om de een of andere reden nogal los van de lange en grote traditie van grafisch ontwerp", vertelt hij ons.

"Grafisch ontwerpers behandelden webdesign als een onbekend medium en wisten niet echt wat ze ermee moesten doen. Nu is er een nieuwe generatie ontwerpers die zich thuis voelt in beide werelden. Webdesign wordt volledig geïntegreerd in het vocabulaire van de hedendaagse grafische ontwerpers."

Dit is belangrijk, omdat grafisch ontwerp een volwassen discipline is die al jaren de problemen aanpakt en oplost die web brutalisten nu aanpakken. "Dit is de ruimte waar we meestal opereren", zegt Paradela. "We deconstrueren en begrijpen beeldtaal zodat we deze tot onze beschikking kunnen hebben om effectief te communiceren. We zijn zelfkritisch over wat er om ons heen gebeurt."

Waar gaat de brutalistische trend naartoe?

Net als brutalisme gaat grafisch ontwerp vaak tot provocerende uitersten, maar altijd in naam van duidelijke communicatie. Hoewel grafisch ontwerpers de neiging hebben om alles uit de kast te halen voor hun portfolio's, is het werk dat ze in de dagelijkse praktijk produceren over het algemeen een stuk minder vol; en dit is hoe de brutalistische benadering zijn invloed zal uitoefenen op webdesign in het algemeen.

"Ik ontdekte dat een behoorlijk aantal brutalistische websites kleinschalig zijn; portfolio's van ontwerpers of persoonlijke projecten", merkt Butin op. "Toch werken steeds meer ontwerpers aan (populaire) mobiele apps. Het zou dan ook niet verbazen als ze deze smaak voor brutalisme / minimalisme over zouden brengen op de producten die ze ontwerpen."

Kornelli gelooft dat brutalisme op het punt staat zijn relevantie vast te stellen en waarschijnlijk nog een tijdje zal blijven bestaan, waardoor ontwerpers steeds meer de touwtjes in handen krijgen om een ​​mooi, communicatief web te creëren. "Dankzij de evolutie van interfaces en software zullen ontwerpers binnenkort in staat worden gesteld om eersteklas websites te maken zonder schetsen aan een ontwikkelaar over te dragen - de ontwikkelaars zullen in plaats daarvan vooraf de juiste tools leveren."

Dit artikel is oorspronkelijk verschenen in een uitgave van 2017 netto-, het tijdschrift voor professionele webdesigners en ontwikkelaars. Abonneer u hier op het net.