10 site-uri brutaliste pentru a vă inspira următorul proiect de proiectare web

Publicat: 2017-10-11

Tendințele de design web se schimbă tot timpul. Până când găsiți un designer cu care puteți lucra, decideți un aspect cu care toată lumea poate fi de acord, să efectueze munca și, în cele din urmă, să intrați în direct, ceea ce este cool, proaspăt și la modă s-a schimbat. Intrați pe site-uri brutale.

Ce e asta, întrebi? Este momentul în care respingeți tendințele și vă proiectați în mod intenționat site-ul web pentru a fi urât. Și dacă nu este urât, este cel puțin lipsit de elemente de design frivole / de prisos.

Site-urile brutaliste sunt un lucru relativ nou printre designurile intenționate, dar multe dintre ele se inspiră din primele zile ale internetului. Zilele în care Angelfire și Geocities au fost apogeul awesomeness. Zilele în care singurul cod HTML pe care trebuia să îl cunoașteți era href și img src .

Web-ul a continuat de atunci, dar un design bun (sau poate bine-rău?) Nu. Pe de o parte, brutalismul se referă la funcție peste formă. Dacă funcționează, lasă-l să funcționeze. Pe de altă parte, este să fii punk af și să faci ca utilizatorul să lucreze pentru orice iese din site-ul tău.

Indiferent de felul în care vrei să mergi cu el, sunt sigur că poți găsi o modalitate de a-ți brutaliza următorul proiect de design după ce ai verificat aceste glorioase monstruozități.

1. craigslist.org

site-uri web brutaliste

Voi, Craigslist este urât. Nu, nu-l apăra. Este un monstru. Text negru, link-uri albastre, fundal alb. Nu este frumos. Dar nu trebuie să fie.

Pentru că funcționează. Asta este important. O parte a brutalismului este UX, iar CL are asta în jos. Puteți găsi ceea ce aveți nevoie pentru a cumpăra sau a vinde fără niciun fel de agitație sau muss sau piese mobile străine.

2. Konsept83.com

site-uri web brutaliste

La fel ca Craigslist, Konsept83 se uită la primele zile ale internetului pentru inspirație. Fundal gri, font de mașină de scris (un site de bază brutalist) și toate linkurile care explică exact ceea ce faceți clic.

Paginile interioare sunt la fel de libere - au doar imagini încorporate.

3. pictureshow.tv

site-uri web brutaliste

Pictureshow.tv funcționează numai în modul peisaj pe mobil (sau pe desktopuri). Este o serie video concepută să arate și să se simtă ca o bandă VHS veche. Faceți chiar clic în celelalte pagini și acestea acționează ca și cum ar fi meniuri de configurare a VCR.

Dar tu stii ce? Site-ul funcționează, știi ce să faci și nu ești pierdut nicio clipă.

Dar omule. Este urât. Și frumos la vremea aceea. Și cea mai bună parte este că nu aveți nicio întrebare cu privire la modul de utilizare.

4. chris.bolin.co

site-uri web brutaliste

Ați văzut vreodată un site offline? Nu? Nici eu. Și apoi am găsit această frumusețe.

Chris Bolin a proiectat acest site pentru a fi cât mai brutal pentru utilizatorii web: trebuie să vă deconectați pentru a vă conecta. În mod automat, conținutul apare și vedeți un mesaj simplu despre simplitate prezentat simplu.

Brutalism, omule.

site-uri web brutaliste

site-uri web brutaliste

4. stephaniemarx.com/talks

site-uri web brutaliste

Una dintre discuțiile ei (și modul în care am făcut cunoștință cu munca ei) se numește Tot ce am învățat despre web design, Am învățat din Geocities .

Nu cred că trebuie să spun altceva.

5. wolftonechambers.com

site-uri web brutaliste

Vorbește despre brutal. Există conținut aici. Mult. Informații bune, bine scrise. Dar este aproape ascuns de noi de o mare de ASCII.

Nu poți spune că acest lucru este atrăgător din punct de vedere vizual și nici nu este teribil de funcțional. Dar este memorabil. Este ciudat de curat, în ciuda tuturor aglomerațiilor, iar cel mai ciudat aspect este că, după ce derulați puțin, vedeți cum funcționează și cum puteți găsi informații fără direcții. Ceea ce înseamnă că, din nou ciudat, așa ar trebui să funcționeze UX.

#shrugemoji

site-uri web brutaliste

6. allanyu.nyc

site-uri web brutaliste

O parte din frumusețea scrisului și publicării pe web este că utilizatorii dvs. nu văd reviziile și modificările pe care le faceți lucrurilor dvs. Puteți pune conținut nou acolo sau ajusta conținut vechi și nimeni nu va fi mai înțelept (cu excepția cazului în care verifică arhivele Wayback Machine).

Totuși, Allan Yu folosește brutalismul pentru a arăta reviziile pe care le face site-ului său ca și cum ar fi revizuiri fizice într-un caiet. Face ca experiența generală să fie mai puțin curată în general, dar dezordinea se adaugă la experiența utilizatorului, astfel încât toată lumea este conștientă că nu numai că crește în stil, ci și abilitate și creativitate.

Nu un design pe care l-ați găsi într-un magazin important de știri (nu ar fi doar distractiv să vedeți mărci editoriale pe CNN?), Dar pentru un designer sau agenție care are actualizări relativ lente, acest stil ar funcționa probabil bine.

7. Reproiectări brutaliste

site-uri web brutaliste

Realizarea de site-uri web brutale este mult, mult mai dificilă decât ai crede. Pentru că este ușor să faci un site urât. De asemenea, este ușor să simplificați un site web. Și este ușor să faci un site web să pară datat.

Dar este greu să le faci pe toate deodată. Deci, Pierre Buttin a luat unele dintre cele mai curate și mai populare aplicații (precum Facebook și Instagram și Snapchat) și le-a reproiectat ca exemple despre modul în care puteți menține forma și funcționarea în timp ce eliminați blițul superflu care nu adaugă nimic experienței.

8. morgane.com/pixel- lab

site-uri web brutaliste

http://morgane.com/pixel-lab
(Poate poze noi pe laptopul întregii pagini.)

Dezvoltatorii de jocuri video independenți sunt o grămadă ciudată. Oamenii de la Pixel Labs nu se abat de la această descriere. Site-ul lor web este o singură pagină care pare că a fost scrisă la începutul anilor '90, iar paleta de culori probabil că era .

Acestea fiind spuse, știu ce fac. Au o prezentare a muncii lor, o invitație la serverul lor Slack și dorința de a ajuta alți oameni.

Utilizarea lor de design web elimină orice obstacole între ei și publicul lor.

9. wekflatm.kr

site-uri web brutaliste

Cred că acesta poate fi site-ul web perfect. Serios. Mă gândesc serios să fac ca pagina care prezintă romanele mele să funcționeze astfel.

Este comerțul electronic cel mai fundamental și perfect: Iată un scaun. Cumpar-o. Vrei o canapea? Bine. Le puteți cumpăra acolo.

Fără liste de dorințe, fără căutări, fără variante sau recenzii ale utilizatorilor. Doar articol, preț, cumpărare.

Nu este frumos, dar nici urât. E simplu. Și are personalitate. Este tot ce aveți nevoie într-un site web și nimic nu aveți.

10. keyaar.in

site brutalist

Pun pariu că primul lucru pe care l-ați face pe acest site este să faceți clic pe o formă. Pentru că formele. Apoi veți citi etichetele - care nu vă spun prea multe.

Lucrul este, totuși, că știi cam ce este fiecare când dai clic pe el. Munca este o galerie de lucrări, ați ghicit-o. NSFW este un blog, dar chiar și înainte de asta, știi că te bagi în ceva personal, dacă nu intim. Și KL11 ? Agenția de design în sine. Toate informațiile de care aveți nevoie sunt acolo.

Ce mai doriți voi de pe un site web?

Brutal, shmutal

Este posibil să nu doriți o suită de site-uri web brutaliste în portofoliul dvs. Asta e bine. Această schemă de proiectare nu este absolut pentru toată lumea, iar unii clienți sunt siguri că se descurcă atunci când lansați un site urât.

Dar există o mulțime de lecții de design pe care le puteți învăța de pe aceste site-uri.

Te provoc, totuși, să încerci să creezi un site brutalist. Fierberea întregului lucru până la esențial vă va face să vă confruntați preconcepțiile, precum și punctele tari și punctele slabe. Sigur, va fi brutal, dar veți ieși dintr-un designer mai puternic.

Și poate și o persoană mai puternică.

Ce părere aveți despre site-urile brutaliste? Spuneți-ne părerile dvs. despre această tendință în comentarii

Miniatură articol de Kaleo / shutterstock.com