Brutalism în web design: ce îl face popular?

Fiecare designer se străduiește să depășească tot ceea ce este convențional atunci când vine vorba de design web. Pentru a atrage și a se angaja, uneori designerii renunță la cele mai bune practici de design web și recurg la ceva numit brutalism al designului web.

Principiul relativ nou de design implică renunțarea la practicile tradiționale, cum ar fi interfața intuitivă, în favoarea a ceva care este complet perturbator.

Descifrarea principiului Brutalist Web Design

Brutalist Web Design a intrat în imagine când Pascal Deville a introdus această tendință de design în arena web designului. În calitate de fondator al unui portofoliu online de site-uri web brutaliste, el documentează design-uri web care prezintă o lipsă de preocupare pentru a arăta ușor sau confortabil.

De fapt, brutalismul în designul web poate fi văzut inspirat de o mișcare de arhitectură din anii 1970, în care arhitecții au lăsat construcțiile din beton expuse pentru a descrie asprime și brut. Același principiu în design web este ceea ce înseamnă brutalismul - o abordare care este subliniată ca o reacție distinctă a designerilor web de nouă generație față de minimalism și design optimist.

Allanyu.nyc : Un site web brutalist comun

Brutalismul în designul web ar putea fi o practică nouă, dar a fost un stil obișnuit în anii 50 și 60 de a proiecta grafică tipărită, artă și postere.

Brutalism și peisaj digital modern

Într-o epocă de scădere a atenției, brutalismul poate însemna afaceri pentru mărcile care doresc să atragă atenția clienților. Deoarece site-urile web brutaliste sunt refuzate pentru strictul necesar, se știe că designul promovează navigarea ușoară, încărcarea rapidă și mai puține distrageri pentru vizitatori.

În esență, designul web brutalist elimină elementele inutile dintr-o pagină web, cum ar fi video, grafică de înaltă rezoluție și CMS cu încărcare lentă, pentru a promite un site web rapid care oferă doar ceea ce este necesar vizitatorului. Designul brutal reduce grăsimea excesivă de design pentru a îmbunătăți performanța site-ului și a reduce timpul de încărcare a paginii.

Delimitarea granițelor dintre Brutalist Web Design și Anti-design

Asimetria i-a convins pe oameni să confunde principiile brutalismului cu anti-design. Cu toate acestea, există diferențe remarcabile și brutalismul nu poate fi considerat doar anti-design.

Brutalismul înseamnă lăsarea unei identități foarte personalizate și nestandardizate unei pagini web - o îndepărtare de design-urile web standardizate și bazate pe șabloane care domină internetul în prezent. Nu este vorba doar despre haos, ci mai degrabă despre originalitate, care este inspirată de un principiu de design arhitectural trecut.

Comparând acest lucru cu anti-design, se observă că anti-design se referă doar la eliminarea interfeței de utilizare pentru a crea interfețe dezorientatoare sau urâte. Deși acestea folosesc, de asemenea, culori dure și modele dezorientatoare, anti-designul este menit să distragă atenția, ceea ce este chiar opusul brutalismului.

Brutalismul este un principiu concret cu o moștenire. Nu este vorba de absența designului, ci de o abordare diferită a designului care îmbunătățește performanța paginilor web prin eliminarea a tot ceea ce este inutil. Deși ar putea părea urât pentru oricine îl vede pentru prima dată, designul web brutal este ceva care a stat la baza unora dintre cele mai mari site-uri web precum Craigslist din lume.

Popularitatea crescândă a design-urilor web brutaliste

Designerii web brutali folosesc grafica din epoca anilor 90 și codul HTML manual pentru a crea cadre pentru site-uri web. Pe măsură ce designul brutalist prezintă onestitate, caracter practic și realism, acesta devine din ce în ce mai popular în rândul utilizatorilor, în ciuda graficii proaste. Textul deplasat și grafica neplăcută tind să atragă atenția mai eficient decât designurile minimaliste și simplificate. Întreaga idee a brutalismului este să încalci convențiile și să ieși în evidență.

Mai mult, așa cum sa discutat mai sus, designul brutalist accelerează site-ul. În contextul modern, acest lucru este extrem de benefic, deoarece site-urile web cu timpi mai mari de încărcare a paginii suferă de rate ridicate de abandon. Deci, la rândul său, posibilitatea unor conversii mai mari duce la o popularitate crescută a brutalismului în design web.

Craigslist : Cel mai popular și de succes site web cu un design web brutal

Peste tot în lume, tot mai multe mărci și companii vin înainte pentru a încerca modele brutaliste. Craigslist este un exemplu glorios al unui site web popular care a adoptat brutalismul în oferta sa de bază.

Cele mai bune practici brutaliste de web design

Deși s-ar putea să nu fii convins de eficacitatea designului web brutalist, există mii de entuziaști și susținători brutaliști în ecosistemul designului web. Dacă sunteți, de asemenea, intrigat de beneficiile designului brutalist și doriți să îl utilizați pentru următorul proiect, iată câteva dintre cele mai bune practici pentru a respecta principiul designului brutalist:

• Utilizați fundal proeminent și distinctiv în alb sau negru, fără umbrire sau texturi
• Renunță la sofisticarea designului, cum ar fi umbre, degrade sau modele
• Utilizați un singur font pe întregul site web sau o tipografie monospațiată
• Urmați un model de design aglomerat, cu elemente necăptușite și texte apropiate
• Nu utilizați o ierarhie distinctă pentru plasarea conținutului
• Suprapune elemente într-un mod care pare neintenționat
• Folosiți elemente de design în stil analogic din epoca trecută
• Urmați modele și cadre asimetrice, peste tot
• Paletă de culori comună diferită, care dă proeminență verde și roșu
• Evitați animațiile și mergeți în favoarea imaginilor nonconformiste
• Urmăriți designul de o pagină cu navigare simplă sau fără navigare
• Utilizați imagini distincte în nuanțe monotone sau alb-negru
• Angajați-vă să proiectați un site web care pare să aibă multe inconsecvențe vizuale și greșeli precum supratipărirea și nealinierea

Începeți cu designul web brutalist: ce și cum să faceți?

Acum că cunoașteți cele mai bune practici, vă puteți gândi să implementați acest concept de design în următorul dvs. proiect. Datorită aspectelor practice, nu ați dori să alegeți un design brutalist cu totul pentru un proiect, deoarece clientului/companiei dvs. s-ar putea să nu-ți placă același lucru. În schimb, vă puteți gândi să experimentați cu diverse elemente brutaliste și să le integrați în site-uri web profesionale sau de afaceri. Brutalismul înseamnă personalizare și adăugarea unui sentiment de personalitate unei pagini web prin tăierea fiecărui element inutil. Așadar, gândiți-vă la o pagină web ca la pânza dvs. și începeți să creați o capodoperă pe de rost.

Puteți alege un web design brutal în două moduri. Fie puteți alege o temă brutalistă WordPress pentru un site web ca bază, fie vă puteți codifica manual site-ul de la zero, folosind un instrument de creare a paginii. Ambele abordări au propriile lor avantaje și dezavantaje.

Folosind teme WordPress brutaliste

Temele WordPress economisesc timp, efort și investiții din partea unui designer sau a unei companii, deoarece oferă elemente gata făcute pentru a porni procesul de design web. Deși ar putea fi o idee bună, dar nu există multe opțiuni când vine vorba de teme brutaliste. Unele teme pe care le puteți încerca sunt FlowMag , Brutal și Glitch .

Dar este mai bine să vă sculptați propriul design web brutalist. Astfel vei putea personaliza fiecare element. Luați ca bază o temă minimalistă și începeți să vă sculptați manual designul prin codificare sub capotă.

Codarea manuală a unui site web de la zero

Codarea manuală a unui site web poate consuma mult timp, dar dacă doriți să utilizați un design web brutal, acesta ar putea fi cel mai bun pariu. Alternativ, dacă nu doriți să depuneți eforturi mari, puteți utiliza un instrument puternic de generare a paginilor, cum ar fi Elementor , pentru a perfecționa un design web brutal. Există mai multe motive pentru această alegere.

În primul rând, prezintă o temă implicită de tip blank-slate care vă oferă puterea de a vă personaliza și a vă perfecționa designul de la început. În al doilea rând, oferă multe opțiuni de personalizare care vă oferă o mână liberă pentru a experimenta diferite elemente de pe pagină.

Sfaturi utile de brutalism pentru web designeri

Cunoaște-ți publicul

Deși nu există reguli stricte și rapide când vine vorba de brutalism, trebuie să înțelegeți și să vă cunoașteți publicul în profunzime. Brutalismul nu este pentru orice afacere sau brand. Ar trebui să adoptați abordarea brutalismului doar dacă aveți încredere că strategia de design se aliniază obiectivelor dvs. de afaceri. Dacă un astfel de design vă îndepărtează publicul, ar trebui să renunțați la dragostea pentru designurile brutaliste.

Dezechilibra. Dezechilibra. Dezechilibra!

Probabil, primul lucru pe care l-ați învățat este să echilibrați spațiile albe pentru a crea un design web liniștitor și intuitiv pentru utilizatorii finali. Dar dacă doriți să încercați brutalismul practic, va trebui să dezechilibrezi spațiile albe dintr-o pagină web folosind blocuri de culori diferite și mari. Va trebui să uiți de toate convențiile când vine vorba de plăcerea estetică.

Renunță la frumusețe la practic

Brutalismul înseamnă a fi pragmatic. Dacă doriți să creați designul web brutalist perfect, trebuie să evitați clișeele de design și să vă concentrați doar pe un singur lucru - conversia. Evitați să utilizați elemente frumoase pe pagina dvs. web și, în schimb, păstrați totul simplu și la obiect.

Utilizați forme diferite

Design-urile web brutaliste sunt inspirate de tendințele arhitecturale din secolul al XX-lea, care au folosit forme excentrice și abstracte de toate dimensiunile. La mijlocul secolului al XX-lea, formele diferite în tonuri de culoare unică erau populare când era vorba de clădiri. Același lucru este valabil și pentru designul web brutalist modern. Când urmați abordarea brutalistă, utilizați forme nepotrivite.

Exemple fascinante de design web brutalist din viața reală

Design-urile brutaliste nu se încadrează în principiile standard de design web. Cu toate acestea, unele companii, site-uri web și platforme populare au folosit acest concept cu mare succes. În afară de exemplele menționate mai sus, iată câteva exemple din viața reală. Deși acestea ar putea să nu pară atractive, toate acestea au implementat principiile brutaliste cu perfecțiune absolută.

1. Știrile hackerilor

news.ycombinator.com

Hacker News este o platformă populară care a eliminat cu succes elementele voluminoase de pe site-ul său web pentru a-l face brut, clar și clar. Puteți vedea cum funcționează designul brutalist pentru ei, analizând interacțiunile și nivelul de implicare.

2. Planta22

plant22.co

Plant22 a adoptat cu succes o abordare alternativă a brutalismului folosind cărămizi modulare colorate. Designul brutalist bazat pe grilă este în tendințe și face minuni pentru receptivitate. Un asemenea tip de brutalism care accelerează site-ul web fără a fi dur asupra ochilor este ceva ce merită adoptat.

3. IMAGINĂ(E) ACUM

picturesnow.org

Pe site-ul Pictures Now , se pot vedea mai multe elemente de brutalism, cum ar fi o culoare de fundal solidă, fond neierarhic și text supradimensionat în mijlocul paginii web. Toate acestea reprezintă principiile de bază ale brutalismului.

Brutalist Web Design: Observații finale

Deși design-urile web brutaliste promit un număr mai mare de conversii datorită impactului său puternic, nu este potrivit pentru fiecare afacere sau marcă. Elementul cheie în a decide pentru sau împotriva designului web brutalist este de a efectua o analiză aprofundată a argumentelor pro și contra, pentru a vedea dacă brutalismul se aliniază cu imaginea mărcii dvs., industria în care lucrați și aspirațiile publicului țintă.

Deși o mulțime de companii de design și dezvoltare de aplicații web personalizate propagă abordarea brutalistă, este important să luați o decizie înțeleaptă, evaluând toate aspectele legate de cerințele dvs. moderne de design web. Și atunci când vă aflați într-un flux, asigurați-vă că luați legătura cu un expert care vă poate ajuta să luați o decizie în cunoștință de cauză. Nu te grăbi doar în hype. Rămâi înțelept și alege ceva care adaugă valoare amprentei online a afacerii tale. Deci ce mai aștepți? Începeți să vă gândiți la design brutalist, astăzi și vedeți dacă poate fi cu adevărat util pentru site-ul dvs.