Ui-Suunnittelu
Brutalistinen verkkosivujen suunnittelu, minimalistinen verkkosuunnittelu ja Web UX: n tulevaisuus
Ovatko verkkosivustot kaoottisempia, sekaisin ja puhdistamattomampia? Onko hyvän suunnittelun sääntöjä rikottu? Onko verkko tulossa ruma? Onko tämä uusi suuntaus?
Jos olet kuin useimmat suunnittelijat ja kiinnität tarkkaa huomiota siihen, mitä tapahtuu, olet kuullut sanan julma vapautetaan hetkeksi. Brutalistiset verkkosivustot ovat siirtymässä pois helppokäyttöisistä rajapinnoista, jotka ovat jo pitkään olleet alan parhaita käytäntöjä ja keskittyvät sen sijaan epätäydellisiin käsin koodattuihin HTML-sivustoihin. Näyttää siltä, että suunnittelijat pudottavat UX: n säännöt, kun tunnemme ne, jättäen kaiken tunteen hieman kaoottiseksi.
Tyylikäs, nykyaikainen muotoiluperiaate on niin yleistä, että emme tuskin ajattele niitä tyylivalintana. 'Hyvä' web-suunnittelu tarkoittaa yleensä minimalismin sääntöjä noudattavaa. Puhtaat, yksinkertaiset ja selkeät käyttöliittymät - mutta näin ei ole aina ollut. Anna kellon kääntyä muutama vuosikymmen taaksepäin.
Verkon syntymä
Verkkosuunnittelu on edennyt pitkälle vuodesta 1991, jolloin ensimmäinen verkkosivusto . Internet-vallankumous alkoi ensimmäisillä puhtaasti tekstipohjaisilla verkkosivustoilla, jotka käyttivät HTML: n ensimmäistä sukupolvea.
Sitten tuli Flash kaikkien niiden hullujen animoitujen sivustojen kanssa, jotka kaikki varmasti muistavat. CSS: n (CSS-tyylisivut) kehitys saapui, tarjoten web-suunnittelijat vieläkin enemmän hallintaa parannuksista, kuten taustaväri, tekstin koko ja tekstityylit koodissa. JavaScript antoi meille avattavat valikot, edistyneen navigoinnin ja virheen tarkistavat verkkolomakkeet.
Alussa kukaan ei tiennyt, mitä 'verkkosuunnittelu' todella tarkoittaa, ja verkon edelläkävijät loivat suunnittelumallit kokeilemalla ja erehdyksellä. Verkkosuunnittelun primitiivinen aikakausi käytti malleja, joissa ei kiinnitetty juurikaan huomiota muodolliseen semantiikkaan ja esteettömyyteen ja jotka valitsivat enemmän estetiikkaa kuin rakennetta.
Asettelujen rakentamiseksi ja rakentamiseksi suunnittelijat luottivat voimakkaasti HTML-elementteihin, kuten taulukoihin, sisäkkäisiin taulukoihin ja näkymättömiin 1-pikselin välitiedostoihin, antaen heille mahdollisuuden luoda monimutkaisempia monisarakkeisia asetteluja. Tein melko tylsiä käyttöliittymiä.
2000-luvun puolivälissä sivustot syntyivät huolellisemmin ajattelemalla niiden rakennetta. Navigointi oli selaimesi yläosassa, ja luokat sijoitettiin vasempaan palkkiin. Verkkosivut pidettiin lyhyinä ja kapeina, ja sisältö jakautui monille sivuille, jotta käyttäjiä ei pakotettaisi vierittämään. Suunnittelijat oppivat, mikä toimi, ja alkoivat rakentaa parempia sivustoja, asettaa standardeja ja parhaita käytäntöjä matkan varrella.
Yhä useamman suunnitteluvaihtoehdon mukana tuli sekoitus meluisia käyttöliittymiä, jotka olivat täynnä kuvia ja tekstiä. Jotkut kurinalaiset suunnittelijat valitsivat kuitenkin edelleen minimalismin.
Minimalistinen esteettisyys
Suunnittelutrendit tulevat ja menevät; Minimalismi on kuitenkin muotoilukieli, joka on ollut ajan myötä. Se on muotoilufilosofia, joka keskittyy muodon yksinkertaistamiseen, joka saavutetaan käyttämällä yksinkertaisimpia ja olennaisimpia elementtejä suunnittelussa.
Minimalismi ei ole ainutlaatuinen verkkosuunnittelulle. Ajattele kaikkia ympärilläsi olevia elementtejä, jotka käsittävät tuon designideaalin; minimalistisia malleja on helppo yhdistää Nesteen, Appleen, Herman Milleriin ja moniin muihin, jotka ovat innoittaneet monia [minimalistisia suunnittelijoita] (https://www.toptal.com/designers/digital).
Mikä tekee Herman Millerin suunnittelusta hienoa tänään? Ne ovat yksinkertaisesti hyvin suunniteltuja esineitä, joilla on ajaton ilme. Hänen suunnitelmansa istuvat loistavasti nykyaikaisissa kodeissa ja sisätiloissa, ne tuntuvat edelleen raikkaina ja moderneina. Monet hänen kappaleistaan on suunniteltu minimalistisella ulkoasulla, eikä niitä voida sitoa tiettyyn muotiin. He kestävät edelleen ajan testin.
Yhden aikansa tunnetuimpien graafisten suunnittelijoiden minimalistiset mallit, Josef Müller-Brockmann , ovat hyvin samanlaisia kuin Hermanin. Miller: ajaton . Müller-Brockmann omaksui ja hallitsi minimalismia 1940- ja 1950-luvuilla sveitsiläinen muotoilu .
Kaikki ylimääräiset tai vieraat koristeet poistettiin hänen graafisesta suunnittelustaan; jokaisella suunnittelun elementillä oli tarkoitus. Tämän lähestymistavan taustalla oleva muotoiluajattelu saa minimalistiset digitaaliset mallit toimimaan niin hyvin tänään.
Kuinka minimalismi vakiintui digitaaliaikaan
Historia löytää aina tavan tavoittaa meidät. Kuten painosuunnittelussa, sen takana oleva minimalismi ja filosofia sovitettiin web-suunnitteluun ja muihin digitaalisiin esineisiin. Ajattele, miltä verkkosivustot näyttivät vain pari vuotta sitten hehkuvilla painikkeilla, viivoilla ja tekstikappaleilla, jotka kaikki huutavat huomiota.
Sitten tuli skeuomorfinen trendi missä suunnittelijat suunnittelivat elementtejä, jotka matkivat tosielämän esineitä digitaalisessa tilassa. Muistatko nahkapehmusteet sisään iCal de Apple ?
Pienimmät mallit ovat todella tarkoituksellisia. Se on suunnittelutapa, joka poistaa kaiken tarpeettoman ja keskittyy elementteihin, joiden oletetaan herättävän eniten huomiota - asettamista painotetaan sisältöä .
Minimalistisen muotoilun edut
Minimalistinen muotoilutapa kiinnittyi moniin muihin syihin kuin vain ulkonäköön. Parempi ymmärrys käyttäjien käyttäytymisestä, prosessista muotoiluajattelu ja ensimmäiset sisällön suunnitteluprosessit ovat auttaneet edistämään tätä ajattelua. Matkapuhelinkäyttäjien viimeaikainen massiivinen kasvu on ollut voimakas kiihtyvyys kohti minimalismia, keskittyen enemmän käyttöliittymään ja käytettävyyteen.
Nyt kun käyttäjät käyttävät Internetiä milloin tahansa, tuotesuunnittelijat heidän tulisi keskittyä tarjoamaan sitä, mikä on ehdottoman välttämätöntä hetkessä: oikeat asiat oikealla tavalla ja oikeaan aikaan, kun muotoilu tulee alas sen perusominaisuuksiin.
Mobiilikäyttö edustaa nyt yli puolet kaikista verkkokäynneistä , ja tämä korko vain kasvaa. Reagoiva muotoilu on ollut pelinvaihtaja ja pakko suunnittelijat 'ajatella toisin'. Reagoiva tai mukautuva muotoilu on nykyään enemmän kuin koskaan mobiililaitteiden maailmassa välttämätöntä, kun minimalistinen suunnittelutapa on ratkaisevan tärkeä.
Keskivertokäyttäjälle minimalismi näyttää olevan helpoin muotoilla. Täydellisen tasapainon löytäminen pienimmällä määrällä visuaalista sisältöä ja keskittyminen vain peruselementteihin äärimmäisen tyylikkäästi on todella, erittäin vaikeaa.
Minimalismin tulevaisuus
Meidän pitäisi ajatella minimalismia ajattomana konseptina, joka säteilee eleganssia ja hienostuneisuutta pikemminkin kuin varsinainen trendi tai yksinkertainen hyväksymisvaihe. Vaikka ajaton ja klassinen, se kehittyy ja paranee, kuten olemme jo nähneet sen käyttöönoton jälkeen 1900-luvun alussa.
Esimerkiksi, Google Material Design se oli yksi ensimmäisistä suurimmista kehityksistä minimalismin innoittamassa 'tasaisessa' suunnittelussa. Googlen suunnittelijat pitivät asiat yksinkertaisina ja vähäisinä, mutta paransivat suunnittelukieliään varjoefektit sekä liikkeen ja syvyyden käsitteet . Materiaali sisältää litteän muotoilun tietyllä tavalla: se jäljittelee materiaaleja todellisessa maailmassa.
Minimalismin haittapuoli
Kuten muidenkin elämän elementtien kohdalla, meidän on aina tarkasteltava hyviä ja huonoja puolia. Monet väittävät, että nykypäivän verkkosivustoilta puuttuu maku ja ne ovat enimmäkseen samat. Tiedätkö, iso sankarikuva tai video, jossa on tekstikerros, rivi kuvakkeita tekstillä jne. Kuka tahansa voi viedä muutaman minuutin ajastaan ja keksiä 10 sivustoa, jotka näyttävät paljon toisiltaan. Heijastaaeko tämä jatkuvasti muuttuvaa verkkokäyttäytymistämme ja mieltymyksiämme?
Suunnittelun ja suunnittelun johdonmukaisuus yleisen käyttäjän käyttäytymisen kannalta on erittäin tärkeää kaikissa malleissa, mutta emme voi unohtaa ainutlaatuisuuden olemisen arvoa. Onko meistä tullut laiskoja vai olemmeko siirtäneet ajatuksemme ainutlaatuisuudesta tehokkaampaan käyttökokemusstrategiaan?
Brutaali web-suunnittelussa
Brutalismi on sen vahvuus ja huolen puute, että se näyttää mukavalta tai helpolta, voidaan nähdä nuoremman sukupolven reaktiona nykypäivän läsnäolevan minimalistisen verkkosuunnittelun keveyyteen, optimismiin ja keveyteen.
Jotkut rakastavat sitä, toiset vihaavat sitä, ja monet muut eivät vain saa sitä: julma verkkosivustot .
Ottaa Craigslist Esimerkiksi. Craigslistia on pidettävä brutalististen verkkosivustojen 'isoisänä'. Se ei ole esteettisesti miellyttävä eikä koskaan näy www.awwwards.com . Musta teksti, siniset linkit, valkoinen tausta. Se ei ole söpö. Sen ei tarvitse olla, koska se toimii - ja se toimii todella hyvin. Löydä mitä tarvitset ostaa tai myydä ilman hälinää tai sekaannusta, eikä mitään outoja liikkuvia osia.
Perustamisestaan lähtien vuonna 1996 Craigslist on pysynyt suosittuna huolimatta - tai ehkä sen takia - äärimmäisen utilitaristisesta suunnittelustaan. Suunnittelu ei ole muuttunut merkittävästi viimeisten 20 vuoden aikana.
Ehkä Craigslistin esimerkin innoittamana brutalistinen tyyli tekee paluun. Seuraavassa on erinomaisia esimerkkejä hyvin toteutetuista malleista, joissa käytetään brutalistista tyyliä.
Nämä brutaaliset verkkosivustot ovat kiinni suurella tavalla. Miksi nämä sivustot ovat yhtäkkiä niin suosittuja? Johtuuko se siitä, että jotkut suunnittelijat kyllästyivät homogenoimaan verkkoa?
Päivinä, jolloin käyttöliittymäsuunnittelu on ensiarvoisen tärkeää, kun käyttäjien käyttäytyminen ja sisällön painopiste on ensin, näiden sivustojen käyttöliittymä on huono (tarkoituksella). Vastoin minimalismin periaatteita, nämä mallit kohtaavat kollaaseja tekstistä ja kuvista, joissa suunnittelu on kaikkialla (jälleen tarkoituksella).
Lyhyt brutalismin historia
Brutalistinen muotoilu ei ole uusi. Nopea haku Wikipedia kertoo teille, että tyyli tulee itse asiassa brutalistisesta arkkitehtuurista 1950-luvulta 1970-luvun puoliväliin julma on seurannut modernistinen arkkitehtoninen liike missä minimalismi se oli avain.
Le corbusier hän oli yksi tämän liikkeen suurimmista tienraivaajista. Hänen uransa kesti viisi vuosikymmentä Euroopassa, Japanissa, Intiassa sekä Pohjois- ja Etelä-Amerikassa suunnitelluilla rakennuksilla.
Termi tulee ranskankielisestä sanasta ' ällöttävä 'Raakana', kuten Le Corbusier kuvaili materiaalivalintaa ' karkea sementti ”, Raakabetoni. Hyperfunktionaalinen muotoilu näytti olevan suunniteltu vain tarjoamaan hyötyä, ei miellyttämään, ikään kuin kättelemällä modernismia.
Brutalismi yrittää vastustaa massatuotettua yhteiskuntaa, ja se vetää raakaa runoutta hämmentyneistä ja voimakkaista voimista. Tähän asti brutaalisuudesta on keskusteltu tyylillisesti, kun taas sen ydin on eettinen. - Alison ja Peter Smithson, Uusi julmaisuus, arkkitehtisuunnittelu (huhtikuu 1957)
Brutalistinen muotoilu hylkää ehdottomasti ulkonäön ja valitsee toiminnon muodon sijaan. Brutalistisuunnittelijat ovat ylpeitä suunnittelunsa toteuttamisesta pienellä vaivalla ja halvimmat saatavilla olevat materiaalit , saavuttaa rehellisempi ja porvarillisempi tulos.
Brutaali digitaalisella aikakaudella
Bloomberg on omaksunut tyylin omalla tavallaan uutissivustollaan. Suunnittelu on melkein huomiota herättävä ja keskittyy selvästi raakaan toimivuuteen.
Brutaali on vankka paluu. Ruma, karkea, ei tavanomaisia malleja, jännittäviä vaikutuksia ja pinnallisia koristeita on kaikkialla. Monet puristit pitävät tätä suuntausta ankarana, ankarana, karuina, epämukavina, vastakkainasettelevina ja kyynisinä. Se on tarkoitettu.
Brutalismi lähestyy suunnittelua primitiivisemmin ja kohdistaa uudelleen verkkosuunnittelun ytimen: sen koodin. Brutalismi kuvataan usein 'rumana' muotoilutrendinä, mutta meidän on katsottava sitä pidemmälle. Brutalistisen liikkeen takana oleva filosofia ei ole tehdä asioista 'ruma', vaan raa'at ja koristamattomat.
Voisimme sanoa, että nykypäivän brutalistiset sivustot perustuvat 90-luvun DIY-verkkoon, jossa keskitytään sisäänpäin suuntautuvaan lähestymistapaan sen sijaan, että piilotettaisiin toimivuus kauniin julkisivun taakse.
Käyttöliittymäsuunnittelu suositulle sosiaalisen median jakosivustolle Reddit Se on anteeksiantamattomasti raaka ja laatikkoinen, täynnä 90-luvun loppupuolen verkkotyyppejä, puhdistamatonta raskasta valvontaa ja melkein ei ole tilaa hengittää pystysuunnassa.
Suunnittelija Pierre Buttin on ottanut brutalismin uuteen äärimmäisyyteen uudistettujen mobiilisovellusten avulla. Viimeisimmässä projektissaan julma suunnittelija Buttin tekee Facebookista, Instagramista, Twitteristä ja muista suosituista sovelluksista brutalistista tyyliä, raskailla teksti-asettelulla ja litistetyllä asettelulla.
Brutalismi vs. Minimalismi
Brutaalisuutta ja minimalismia ei pitäisi nähdä vertailevana, vaan uutena tapana tarkastella asioita ja toisena lähestymistapana suunnitteluun. Brutalismi on impulssi nykyisten sivustojen ja sovellusten homogenisointia vastaan, mutta aikaisemmin suunnittelijat He voivat jopa aloittaa verkkosivuston suunnittelun käyttämällä brutalistista lähestymistapaa, heidän on ensin tiedettävä, mitä sääntöjä he rikkovat.
Tavanomaista ja minimalistista muotoilua ei korvata brutaalisuudella. Meidän on pidettävä brutaalisuutta muotoilukulttuurina, joka haastaa status quon, kulttuurin, joka on kyllästynyt kertomaan, mikä on 'parasta'.
Ei ole oikeaa tai väärää, kun valitset näiden tyylien välillä seuraavassa projektissasi. Ennen kuin lopetat liiketoiminnan ja suunnittelet seuraavan verkkosivustosi tai sovelluksesi brutalistisella tyylillä, varmista, että tunnet yleisösi. Ota riski, jos luulet yrityksen ja yleisösi arvostavan sitä.
Brutaali verkkosivujen suunnittelu herättää huomiota, ja tuotemerkkitietoisuus kasvaa valtavasti nopeasti. Säännöt on tehty rikottaviksi. Uskalla antaa verkon olla verkko. Uskalla erottua ja olla hieman rohkea, vaikka se olisi hieman outoa.
