Jokainen suunnittelija yrittää ylittää kaiken perinteisen web-suunnittelun suhteen. Houkutellakseen ja sitoutuakseen suunnittelijat luopuvat parhaista web-suunnittelukäytännöistä ja turvautuvat verkkosuunnittelun brutalismiksi kutsuttuun käytäntöön.

Suhteellisen uusi suunnitteluperiaate sisältää perinteisten käytäntöjen, kuten intuitiivisen käyttöliittymän, luopumisen täysin häiritsevän asian hyväksi.

Brutalistisen verkkosuunnitteluperiaatteen purkaminen

Brutalist Web Design tuli kuvaan, kun Pascal Deville esitteli tämän suunnittelutrendin web-suunnitteluareenalla. Brutalististen verkkosivustojen online-portfolion perustajana hän dokumentoi web-malleja, jotka kuvaavat huolen puutetta näyttääkseen helpolta tai mukavalta.

Itse asiassa web-suunnittelun brutalismi voidaan nähdä inspiraationa 1970-luvun arkkitehtuuriliikkeestä, jossa arkkitehdit jättivät rakennusten betonirakentamisen alttiina kuvaamaan karua ja karkeutta. Brutalismissa on kyse samasta periaatteesta web-suunnittelussa – lähestymistapa, joka on hahmoteltu seuraavan sukupolven web-suunnittelijoiden tunnusomaiseksi reaktioksi kohti minimalismia ja optimistisia malleja.

Allanyu.nyc: yhteinen brutalistinen verkkosivusto

Brutalismi web-suunnittelussa saattaa olla uusi käytäntö, mutta se oli yleinen tyyli 50- ja 60-luvuilla painografiikan, taiteen ja julisteiden suunnittelussa.

Brutalismi ja moderni digitaalinen maisema

Huipuvan huomion aikakaudella brutalismi voi tarkoittaa liiketoimintaa brändeille, jotka haluavat herättää asiakkaiden huomion. Koska brutalistiset verkkosivustot on hylätty vain välttämättömyyksiin, suunnittelun tiedetään edistävän helppoa navigointia, nopeaa latausta ja vähemmän häiriötekijöitä vierailijoille.

Pohjimmiltaan brutalistinen web-suunnittelu poistaa verkkosivulta tarpeettomat elementit, kuten videot, korkearesoluutioiset grafiikat ja hitaasti latautuvat sisällönhallintajärjestelmät, mikä lupaa nopean verkkosivuston, joka tarjoaa vain sen, mitä vierailija tarvitsee. Brutalistinen suunnittelu karsii liiallisen suunnittelun tehokkuuden parantamiseksi ja sivun latausajan lyhentämiseksi.

Rajat rajaaminen brutalistisen verkkosuunnittelun ja anti-designin välillä

Epäsymmetria on saanut ihmiset sekoittamaan brutalismin periaatteet muotoilun vastaisuuteen. On kuitenkin huomattavia eroja, eikä brutalismia voida kirjata vain muotoilun vastaiseksi.

Brutalismissa on kyse erittäin henkilökohtaisen ja epätyypillisen identiteetin jättämisestä verkkosivulle – siirtyminen pois mallipohjaisista ja standardoiduista web-malleista, jotka hallitsevat Internetiä nykyään. Kyse ei ole vain kaaoksesta, vaan omaperäisyydestä, joka on saanut inspiraationsa menneestä arkkitehtonisesta suunnitteluperiaatteesta.

Verrattaessa tätä anti-design, on havaittu, että anti-design on vain riisua käyttöliittymä luomaan hämmentäviä tai rumia käyttöliittymiä. Vaikka niissä käytetään myös rajuja värejä ja hämmentäviä kuvioita, suunnittelun vastainen tarkoitus on häiritä, mikä on päinvastoin kuin brutalismi.

Brutalismi on konkreettinen periaate, jolla on perintö. Se ei johdu suunnittelun puuttumisesta, vaan erilaisesta lähestymistavasta suunnitteluun, joka parantaa verkkosivujen suorituskykyä poistamalla kaiken tarpeettoman. Vaikka se saattaa näyttää rumalta kenelle tahansa, joka näkee sen ensimmäistä kertaa, brutalistinen web-suunnittelu on jotain, joka on ollut joidenkin maailman suurimpien verkkosivustojen, kuten Craigslistin, ytimessä.

Brutalististen verkkomallien huiman suosio

Brutalistiset web-suunnittelijat käyttävät 90-luvun grafiikkaa ja käsin koodattua HTML:ää luodakseen verkkosivuston kehyksiä. Brutalistinen muotoilu edustaa rehellisyyttä, käytännöllisyyttä ja realismia, ja siitä on tulossa yhä suositumpi käyttäjien keskuudessa huonosta grafiikasta huolimatta. Sopimaton teksti ja tahmea grafiikka kiinnittävät huomiota tehokkaammin kuin minimalistiset ja virtaviivaiset mallit. Koko brutalismin idea on rikkoa sopimuksia ja erottua joukosta.

Lisäksi, kuten edellä mainittiin, brutalistinen suunnittelu nopeuttaa verkkosivustoa. Nykyaikaisessa kontekstissa tämä on erittäin hyödyllistä, koska verkkosivustot, joilla on korkeampi sivun latausaika, kärsivät korkeista poistumisprosenteista. Joten vuorostaan suurempi tulosten mahdollisuus johtaa brutalismin suosion kasvuun web-suunnittelussa.

Craigslist: Suosituin ja menestynein verkkosivusto brutaalilla web-suunnittelulla

Yhä useammat brändit ja yritykset tulevat ympäri maailmaa kokeilemaan brutalistisia malleja. Craigslist on loistava esimerkki suositusta verkkosivustosta, joka on omaksunut brutalismia ydintarjontaansa.

Parhaat brutalistiset verkkosuunnittelukäytännöt

Vaikka et ehkä olekaan vakuuttunut brutalistisen web-suunnittelun tehokkuudesta, web-suunnittelun ekosysteemissä on tuhansia harrastajia ja brutalistisia kannattajia. Jos olet myös kiinnostunut brutalistisen suunnittelun eduista ja haluat käyttää sitä seuraavassa projektissasi, tässä on joitain parhaita käytäntöjä brutalistisen suunnittelun periaatteen noudattamiseen:

Käytä näkyvää ja erottuvaa mustaa tai valkoista taustaa ilman varjostuksia tai tekstuureja
Ohita suunnittelun hienostuneisuus, kuten varjot, kaltevuudet tai kuviot
Käytä yhtä fonttia koko verkkosivustolla tai yksivälistä typografiaa
Seuraa tungosta suunnittelukuviota, jossa on pehmustettomia elementtejä ja tiiviisti sijoitettuja tekstejä
Älä käytä erillistä hierarkiaa sisällön sijoittelussa
Liitä elementtejä päällekkäin tavalla, joka vaikuttaa tahattomalta
Käytä menneen aikakauden analogisia sisustuselementtejä
Seuraa epäsymmetrisiä kuvioita ja kehyksiä kaikkialla
Erilainen yleinen väripaletti, joka korostaa vihreää ja punaista
Vältä animaatioita ja suosi epäkonformistista visuaalia
Seuraa yhden sivun suunnittelua yksinkertaisella tai ilman navigointia
Käytä erillisiä kuvia monotonisissa sävyissä tai mustavalkoisina
Sitoudu suunnittelemaan verkkosivusto, jossa näyttää olevan paljon visuaalisia epäjohdonmukaisuuksia ja virheitä, kuten päällepainatus ja epätasaisuus

Brutalist Web Designin käytön aloittaminen: mitä ja miten tehdä?

Nyt kun tiedät parhaat käytännöt, voit harkita tämän suunnittelukonseptin toteuttamista seuraavassa projektissasi. Käytännöllisyydestä johtuen et halua mennä projektille kokonaan karkeaan brutalistiseen suunnitteluun, koska asiakkaasi/yrityksesi ei ehkä pidä samasta. Sen sijaan voit kokeilla erilaisia brutalistisia elementtejä ja integroida ne ammatti- tai yrityssivustoihin. Brutalismissa on kyse personoinnista ja persoonallisuuden tunteen lisäämisestä verkkosivulle leikkaamalla pois kaikki tarpeettomat elementit. Ajattele siis web-sivua kankaaksesi ja aloita mestariteoksen luominen ulkoa.

Voit valita brutalistisen web-suunnittelun kahdella tavalla. Voit joko valita verkkosivustollesi brutalistisen WordPress-teeman perustaksesi tai voit koodata verkkosivustosi käsin alusta alkaen sivunrakennustyökalulla. Molemmilla tavoilla on omat hyvät ja huonot puolensa.

Brutalist WordPress-teemojen käyttäminen

WordPress-teemat säästävät suunnittelijan tai yrityksen aikaa, vaivaa ja investointeja, koska se tarjoaa valmiita elementtejä web-suunnitteluprosessin käynnistämiseen. Vaikka se saattaa olla hyvä idea, mutta brutalististen teemojen suhteen ei ole monia vaihtoehtoja. Jotkut teemat, joita voit kokeilla, ovat FlowMag, Brutal ja Glitch.

Mutta on parempi, että luot oman brutalistisen web-suunnittelun. Tällä tavalla voit mukauttaa jokaista elementtiä. Ota pohjaksi minimalistinen teema ja aloita mallin veistäminen käsin koodaamalla konepellin alle.

Sivuston koodaaminen käsin tyhjästä

Verkkosivuston käsin koodaus saattaa viedä aikaa, mutta jos haluat käyttää brutalistista web-suunnittelua, tämä saattaa olla paras vaihtoehto. Vaihtoehtoisesti, jos et halua ponnistella paljon, voit käyttää tehokasta sivunrakennustyökalua, kuten Elementoria, viimeistelemään brutalistista verkkosuunnittelua. Tälle valinnalle on useita syitä.

Ensinnäkin se esittelee tyhjän pöydän oletusteeman, joka antaa sinulle mahdollisuuden muokata ja viimeistellä suunnitteluasi alusta alkaen. Toiseksi se tarjoaa monia mukautusvaihtoehtoja, jotka antavat sinulle vapaan käden kokeilla erilaisia sivuelementtejä.

Hyödyllisiä brutalismivinkkejä verkkosuunnittelijoille

Tunne yleisösi

Vaikka brutalismissa ei ole tiukkoja sääntöjä, sinun on ymmärrettävä ja tunnettava yleisösi perusteellisesti. Brutalismi ei sovi jokaiselle yritykselle tai tuotemerkille. Sinun tulisi käyttää brutalismia vain, jos luotat siihen, että suunnittelustrategia vastaa liiketoimintatavoitteitasi. Jos tällainen muotoilu kääntää yleisösi pois, sinun tulee hylätä rakkautesi brutalistisia malleja kohtaan.

Epätasapaino. Epätasapaino. Epätasapaino!

Luultavasti ensimmäinen asia, jonka olet ehkä oppinut, on tasapainottaa tyhjät välit luodaksesi rauhoittavan ja intuitiivisen web-suunnittelun loppukäyttäjille. Mutta jos aiot kokeilla käytännön brutalismiasi, sinun on tasapainotettava verkkosivun valkoiset kohdat käyttämällä erilaisia ja suuria värilohkoja. Sinun täytyy unohtaa kaikki esteettisen miellyttävyyden periaatteet.

Jätä kauneus käytännöllisyyden edelle

Brutalismissa on kyse pragmaattisuudesta. Jos haluat luoda täydellisen brutalistisen web-suunnittelun, sinun on vältettävä suunnittelun kliseitä ja keskityttävä vain yhteen asiaan – muuntamiseen. Vältä kauniin näköisten elementtien käyttöä verkkosivullasi ja pidä sen sijaan kaikki yksinkertaisena ja täsmällisenä.

Käytä erilaisia muotoja

Brutalistiset verkkosuunnittelut ovat saaneet inspiraationsa 1900-luvun arkkitehtuuritrendeistä, joissa hyödynnettiin kaikenkokoisia eksentrinen ja abstraktien muotoja. 1900-luvun puolivälissä erilaiset muodot yksivärisissä sävyissä olivat suosittuja rakennuksissa. Sama koskee nykyajan brutalistista web-suunnittelua. Kun noudatat brutalistista lähestymistapaa, käytä yhteensopimattomia muotoja.

Kiehtovia tosielämän brutalistisia web-suunnitteluesimerkkejä

Brutalistiset mallit eivät sovi tavallisiin web-suunnitteluperiaatteisiin. Jotkut yritykset, verkkosivustot ja suositut alustat ovat kuitenkin käyttäneet tätä konseptia suurella menestyksellä. Edellä mainittujen esimerkkien lisäksi tässä on muutamia esimerkkejä tosielämästä. Vaikka nämä eivät ehkä vaikuta houkuttelevilta, kaikki nämä ovat toteuttaneet brutalistisia periaatteita täydellisesti.

1 Hakkeriuutiset

news.ycombinator.com

Hacker News on suosittu alusta, joka on onnistuneesti poistanut isot elementit verkkosivuiltaan tehdäkseen siitä karkeita, teräviä ja selkeitä. Näet kuinka brutalistinen suunnittelu toimii heidän kohdallaan tarkastelemalla vuorovaikutusta ja sitoutumistasoa.

2 Kasvi 22

plant22.com

Plant22 on onnistuneesti omaksunut vaihtoehtoisen lähestymistavan brutalismiin käyttämällä värikkäitä modulaarisia tiiliä. Grid-pohjainen brutalistinen muotoilu on trendissä ja tekee ihmeitä reagoivuuden suhteen. Tällainen brutalismi, joka nopeuttaa verkkosivustoa ilman, että se on ankaraa silmille, on omaksumisen arvoinen.

3 KUVA(T) NYT

imagesnow.org

Pictures Now -sivustolla näkyy useita brutalismin elementtejä, kuten tasainen taustaväri, ei-hierarkkinen ihastus ja ylimitoitettu teksti verkkosivun keskellä. Kaikki nämä edustavat brutalismin ydinperiaatteita.

Brutalist Web Design: Loppuhuomautukset

Vaikka brutalistiset web-suunnittelut lupaavat suuremman määrän tuloksia terävän vaikutuksensa vuoksi, se ei sovellu jokaiselle yritykselle tai brändille. Avaintekijä päätettäessä brutalistisen web-suunnittelun puolesta tai vastaan on tehdä perusteellinen analyysi eduista ja haitoista, jotta näet, sopiiko raakuus brändikuvaasi, toimialallesi ja kohdeyleisösi toiveisiin.

Vaikka monet mukautetun web-sovellusten suunnittelu- ja kehitysyritykset levittävät brutalistista lähestymistapaa, on tärkeää tehdä viisas päätös arvioimalla kaikki nykyaikaisiin web-suunnitteluvaatimuksiisi liittyvät näkökohdat. Ja kun vaiva on, muista ottaa yhteyttä asiantuntijaan, joka voi auttaa sinua tekemään tietoon perustuvan päätöksen. Älä vain kiirehdi hypetykseen. Pysy viisaana ja valitse jotain, joka lisää arvoa yrityksesi verkkojalanjäljelle. Joten, mitä sinä odotat? Ala miettiä brutalistista suunnittelua jo tänään ja katso, voiko siitä olla hyötyä verkkosivustollesi.

Brutalismi Web-suunnittelussa: mikä tekee siitä suositun?