Brutalism inom webbdesign: vad gör det populärt?

1

Varje designer strävar efter att bjuda över allt konventionellt när det kommer till webbdesign. För att attrahera och engagera, hoppar designers ibland av bästa webbdesignpraxis och tar till något som kallas webbdesignbrutalism.

Den relativt nya designprincipen innebär att man förkastar traditionella metoder som intuitivt användargränssnitt till förmån för något som är helt störande.

Dechiffrera den brutala webbdesignprincipen

Brutalistisk webbdesign kom in i bilden när Pascal Deville introducerade denna designtrend på webbdesignarenan. Som grundare av en onlineportfölj av brutalistiska webbplatser, dokumenterar han webbdesigner som visar en brist på omsorg om att se lätt eller bekväm ut.

Faktum är att brutalism inom webbdesign kan ses inspirerad av en arkitekturrörelse på 1970-talet där arkitekter lämnade betongkonstruktioner av byggnader utsatta för att skildra robusthet och råhet. Samma princip inom webbdesign är vad brutalism handlar om – ett tillvägagångssätt som beskrivs som en kännetecknande reaktion hos nästa generations webbdesigners mot minimalism och optimistisk design.

Allanyu.nyc: En vanlig brutalistisk webbplats

Brutalism inom webbdesign kan vara en ny praxis men det var en vanlig stil under 50- och 60-talen att designa tryckt grafik, konst och affischer.

Brutalism och modernt digitalt landskap

I en tid med minskande uppmärksamhet kan brutalism betyda affärer för varumärken som vill locka kundernas uppmärksamhet. Eftersom brutalistiska webbplatser avvisas till absoluta nödvändigheter, är designen känd för att främja enkel navigering, snabb laddning och färre distraktioner för besökare.

I huvudsak tar brutalistisk webbdesign bort onödiga element från en webbsida som video, högupplöst grafik och långsamt laddande CMS för att lova en snabb webbplats som bara erbjuder det som behövs av besökaren. Brutalistisk design trimmar överdrivet designfett för att förbättra webbplatsens prestanda och minska sidladdningstiden.

Avgränsa gränserna mellan brutalistisk webbdesign och antidesign

Asymmetri har övertygat människor att blanda ihop brutalismprinciper med antidesign. Det finns dock anmärkningsvärda skillnader och brutalism kan inte bara avskrivas som antidesign.

Brutalism handlar om att lämna en mycket personlig och icke-standardiserad identitet till en webbsida – en övergång från mallbaserade och standardiserade webbdesigner som dominerar internet idag. Det handlar inte bara om kaos, det handlar snarare om originalitet som är inspirerad av en svunnen arkitektonisk designprincip.

Jämför man detta med anti-design, observeras att anti-design bara handlar om att ta bort användargränssnittet för att skapa desorienterande eller fula gränssnitt. Även om dessa också använder hårda färger och desorienterande mönster, är antidesign tänkt att distrahera, vilket är raka motsatsen till brutalism.

Brutalism är en konkret princip med ett arv. Det är inte frånvaron av design utan ett annorlunda förhållningssätt till design som förbättrar webbsidors prestanda genom att ta bort allt som är onödigt. Även om det kan verka fult för alla som ser det för första gången, är brutalistisk webbdesign något som har varit kärnan på några av de största webbplatserna som Craigslist i världen.

Brutalistiska webbdesigners skyhöga popularitet

Brutalistiska webbdesigners använder sig av grafik från 90-talet och handkodad HTML för att skapa ramverk för webbplatser. Eftersom brutalistisk design skildrar ärlighet, praktisk och realism, blir den allt mer populär bland användare, trots den dåliga grafiken. Out-of-place text och klibbig grafik tenderar att fånga uppmärksamheten mer effektivt än minimalistisk och strömlinjeformad design. Hela idén med brutalism är att bryta mot konventionerna och sticka ut.

Dessutom, som diskuterats ovan, snabbar brutalistisk design upp webbplatsen. I det moderna sammanhanget är detta extremt fördelaktigt eftersom webbplatser med högre sidhämtningstid lider av höga avhoppsfrekvenser. Så i sin tur leder möjligheten till högre konverteringar till en ökad popularitet för brutalism inom webbdesign.


Craigslist: Den mest populära och framgångsrika webbplatsen med en brutal webbdesign

Över hela världen kommer fler och fler varumärken och företag fram för att prova brutalistisk design. Craigslist är ett strålande exempel på en populär webbplats som har antagit brutalism i sitt kärnutbud.

Bästa brutala metoder för webbdesign

Även om du kanske inte är övertygad om effektiviteten av brutalistisk webbdesign, finns det tusentals entusiaster och brutalistiska förespråkare i webbdesignens ekosystem. Om du också är nyfiken på fördelarna med brutalistisk design och vill använda den för ditt nästa projekt, här är några bästa metoder för att följa den brutalistiska designprincipen:

  • Använd framträdande och distinkt bakgrund i svart eller vitt utan skuggning eller texturer
  • Dike designförfining som skuggor, övertoningar eller mönster
  • Använd ett enstaka teckensnitt på hela webbplatsen eller typografi med monospace
  • Följ ett trångt designmönster med icke vadderade element och tätt placerade texter
  • Använd inte en distinkt hierarki för innehållsplacering
  • Överlappa element på ett sätt som verkar oavsiktligt
  • Använd designelement i analog stil från svunnen tid
  • Följ asymmetriska mönster och ramar, överallt
  • Olika vanlig färgpalett som ger grönt och rött framträdande plats
  • Undvik animationer och gå till förmån för icke-konformistiska bilder
  • Följ ensidig design med enkel eller ingen navigering
  • Använd distinkta bilder i monotona nyanser eller svartvitt
  • Förbind dig att designa en webbplats som verkar ha många visuella inkonsekvenser och misstag som övertryck och icke-justering

Komma igång med brutalistisk webbdesign: vad och hur man gör?

Nu när du känner till de bästa metoderna kan du tänka dig att implementera detta designkoncept i ditt nästa projekt. På grund av praktiska aspekter, skulle du inte vilja gå för en grov brutalistisk design helt och hållet för ett projekt eftersom din kund/företag kanske inte gillar detsamma. Istället kan du tänka dig att experimentera med olika brutalistiska element och integrera dem i professionella eller affärswebbplatser. Brutalism handlar om personalisering och att lägga till en känsla av personlighet till en webbsida genom att klippa bort alla onödiga element. Så tänk på en webbsida som din duk och börja skapa ett mästerverk utantill.

Du kan satsa på brutalistisk webbdesign på två sätt. Antingen kan du välja ett brutalt WordPress-tema för en webbplats som din grund eller så kan du handkoda din webbplats från grunden med hjälp av ett sidbyggarverktyg. Båda tillvägagångssätten har sina egna för- och nackdelar.

Använder brutala WordPress-teman

WordPress-teman sparar tid, ansträngning och investeringar för en designer eller ett företag eftersom det erbjuder färdiga element för att kickstarta webbdesignprocessen. Även om det kan vara en bra idé, men det finns inte många alternativ när det kommer till brutalistiska teman. Några teman som du kan prova är FlowMag, Brutal och Glitch.

Men det är bättre att du snickrar din egen brutalistiska webbdesign. På så sätt kommer du att kunna anpassa varje element. Ta ett minimalistiskt tema som bas och börja handsnidera din design genom att koda under huven.

Handkoda en webbplats från grunden

Att handkoda en webbplats kan vara tidskrävande, men om du vill gå med brutalistisk webbdesign kan detta vara din bästa insats. Alternativt, om du inte vill lägga ner en stor mängd ansträngningar, kan du använda ett kraftfullt sidbyggarverktyg som Elementor för att fullända en brutalistisk webbdesign. Det finns mer än en anledning till detta val.

För det första presenterar den ett standardtema med blankt blad som ger dig kraften att anpassa och perfekta din design från början. För det andra erbjuder den många anpassningsalternativ som ger dig fri hand att experimentera med olika element på sidan.

Användbara brutalismtips för webbdesigners

Lär känna din målgrupp

Även om det inte finns några hårda och snabba regler när det kommer till brutalism, måste du förstå och känna din publik på djupet. Brutalism är inte för alla företag eller varumärken. Du bör bara anta brutalism om du litar på att designstrategin överensstämmer med dina affärsmål. Om en sådan design avvisar din publik, bör du avstå från din kärlek till brutalistisk design.

Obalans. Obalans. Obalans!

Förmodligen är det första du kanske har lärt dig att balansera de vita utrymmena för att skapa en lugnande och intuitiv webbdesign för slutanvändare. Men om du vill prova din praktiska brutalism, måste du obalansera de vita utrymmena på en webbsida genom att använda olika och stora färgblock. Du kommer att behöva glömma alla konventioner när det kommer till estetisk behaglighet.

Dike skönhet framför praktisk

Brutalism handlar om att vara pragmatisk. Om du vill skapa den perfekta brutalistiska webbdesignen måste du undvika designklyschorna och fokusera på bara en enda sak – konvertering. Undvik att använda snygga element på din webbsida och håll i stället allt enkelt och rakt på sak.

Använd olika former

Brutalistiska webbdesigner är inspirerade av 1900-talets arkitektoniska trender som använde sig av excentriska och abstrakta former av alla storlekar. Under mitten av 1900-talet var olika former i enfärgade toner populära när det kom till byggnader. Detsamma gäller modern brutalistisk webbdesign. När du följer den brutalistiska metoden, använd olika former.

Spännande verkliga exempel på brutalistisk webbdesign

Brutalistisk design passar inte in i standardprinciperna för webbdesign. Vissa företag, webbplatser och populära plattformar har dock använt detta koncept med stor framgång. Bortsett från exemplen som nämns ovan, här är några fler verkliga exempel. Även om dessa kanske inte verkar attraktiva, har alla dessa implementerat brutalistiska principer med absolut perfektion.

1 Hacker News


news.ycombinator.com

Hacker News är en populär plattform som framgångsrikt har tagit bort de skrymmande delarna på sin webbplats för att göra den grov, skarp och tydlig. Du kan se hur brutalistisk design fungerar för dem genom att titta på interaktions- och engagemangsnivån.

2 Anläggning22


plant22.com

Plant22 har framgångsrikt antagit ett alternativt förhållningssätt till brutalism genom att använda färgglada modulära tegelstenar. Den rutnätsbaserade brutalistiska designen är i trenden och gör underverk för lyhördhet. Sådan sorts brutalism som snabbar upp webbplatsen utan att vara hård mot ögonen är något värt att anamma.

3 BILD(ER) NU


picturesnow.org

Pictures Now -webbplatsen kan man se flera inslag av brutalism som en solid bakgrundsfärg, icke-hierarkisk förtjusning och överdimensionerad text i mitten av webbsidan. Alla dessa representerar grundläggande brutalismprinciper.

Brutalistisk webbdesign: Avslutande kommentarer

Även om brutalistisk webbdesign lovar ett högre antal konverteringar på grund av dess kraftiga inverkan, är den inte lämplig för alla företag eller varumärken. Nyckelelementet i beslutet för eller emot brutalistisk webbdesign är att göra en djupgående analys av för- och nackdelar, se om brutalism stämmer överens med din varumärkesimage, bransch du arbetar i och din målgrupps ambitioner.

Även om många företag inom design och utveckling av anpassade webbapplikationer sprider det brutala tillvägagångssättet, är det viktigt att fatta ett klokt beslut genom att utvärdera alla aspekter relaterade till dina moderna webbdesignkrav. Och när du är i en förändring, se till att komma i kontakt med någon expert som kan hjälpa dig att fatta ett välgrundat beslut. Skynda inte bara in i hypen. Var klok och välj något som tillför värde till ditt företags onlinefotavtryck. Så vad väntar du på? Börja tänka på brutalistisk design redan idag och se om det verkligen kan vara användbart för din webbplats.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More