Milloin ja miten minimalismia käytetään verkkosivustojen suunnittelussa

Poistetaan ensin väärinkäsitys minimalismista. Se, että siellä on vähemmän nähtävää, ei tarkoita, että se olisi helpompaa. Itse asiassa asia on aivan päinvastoin. Mitä vähemmän sinulla on, sitä enemmän aikaa sinun on käytettävä varmistaaksesi, että jokainen käytettävissäsi oleva elementti on oikea rahalle.

Loppujen lopuksi, jos sinulla on tungosta käyttöliittymä, niin jos jokin on kohdistettu hieman vasemmalle keskeltä tai fontti, joka ei ole aivan optimaalinen käyttämällesi, sitä ei todennäköisesti edes huomata muiden yksityiskohtien joukossa.

Se ei kuitenkaan pidä paikkaansa, jos käytät minimalistista web-suunnittelua, koska virheesi tai huonon valinnan takana ei ole mitään piilotettavaa. Ne erottuvat räikeillä yksityiskohdilla – kuten neonkyltti japanilaisessa talossa. Se tarkoittaa, että jos yrität vain koota sivua, minimalismi ei ole oikea tapa edetä. Minimalismi on perfektionisteille, pakkomielteisille, laserfokusoituneille, pysy-up-til -kolme-aamuna-saa-ot-titteli-just-oikea verkkosuunnittelijalle. Jos se ei ole sinä, se ei ole sinua varten.

Jos se on sitten lue eteenpäin, lue eteenpäin! Menemme alas kaninkolosta.

Negatiivinen tila

Aloitetaan katsomalla, mitä minimalistisella verkkosivustolla on eniten – negatiivista tilaa, vaikka saatat tuntea sen "taustana". Paitsi tietysti, että minimalistisessa suunnittelussa se ei ole "palannut" ollenkaan. Sen sijaan se on edessä ja keskellä, missä sillä on tärkeä rooli, koska se manipuloi käyttäjän visuaalista virtausta.

Negatiivisen tilan voima on siinä, että mitä enemmän sinulla on sitä, sitä enemmän mitä muuta sinulla on sivulla, tulee esiin. Tästä syystä teolliset muotoilijat käyttävät usein minimalistisia ulkoasuja. Näin heidän tuotteensa saavat etsimänsä huomion sen sijaan, että ne haalistuisivat kaikkeen muuhun. Ja koska sitä he yrittävät myydä tai ainakin näyttää, tämä lähestymistapa houkuttelee heitä ja kaikkia muita, joilla on staattisia esineitä esitettävänä, kuten sisustussuunnittelijoille ja valokuvaajille.

Negatiivinen tila voi olla tehokas työkalu rauhallisuuden keitaan luomiseen sekä käyttäjien tuntemattomuuteen. Tästä syystä kylpylät ja wellness-keskukset valitsevat usein tämän tyyppisen asettelun.

Huomaa, että negatiivinen tila ei tarkoita, ettei siellä olisi mitään. Ilmeisesti tila on täytettävä jollakin, ja vaikka valkoinen on ilmeinen valinta, se ei ole kaukana ainoasta. Lisäksi eri väreillä on täysin erilainen vaikutus käyttäjiin, joten varmista, että käytät jonkin aikaa tutkimuksen tekemiseen. Yksi asia, jonka haluaisin huomauttaa, on se, että et valitse ylikylläistä väriä. Tämä on perusvirhe, jonka monet ensikertalaiset suunnittelijat tekevät. Ongelmana on, että se voi olla melko tuskallista käyttäjille, mikä tekee siitä yhden minimalismin suurista eduista mitättömäksi.

Kuvat

Jos vain yksi väri on liian hyvä asia, on tietysti mahdollisuus ottaa jonkinlainen valokuva. Tietysti, jos valitset kuvan, varmista, että se pysyy tavoittelemasi minimalismin hengen kanssa. Kuvan ei tarvitse olla liian kiireinen.

Tarkoitan sitä kahdella tavalla.

1. Varmista tietysti, että valokuva ei ole liian täynnä esineitä tai ihmisiä, sillä tämä tuhoaa minimalistisen suunnittelusi tarkoituksen.
2. Se ei kuitenkaan riitä, sillä nopean liikkeen tai vaaran implikaatiot pystyvät yhtä lailla kiinnittämään katseen kuvaan ja pois pääelementistä, jota yrität näyttää. Itse asiassa jopa negatiivisten tunteiden näyttäminen voi viedä ihmisten huomion pois siitä, mihin haluat heidän keskittyvän.

Tästä syystä surffaillessasi minimalistisilla verkkosivustoilla näet paljon valokuvia, joissa on erittäin neutraali ja staattinen tausta. Tässä on hienoja esimerkkejä.

Typografia

Voit leikata minimalistisesta sivustasi monia asioita, kuten valikkopalkin, sosiaalisen median painikkeita ja mainoksia, mutta yksi asia, jota et voi tehdä ilman, on sanat. Lopulta tarvitset joitain. Mutta miten esität ne? Sinun tulee harkita huolellisesti, mitä fonttia valitset (ja jos päätät tehdä oman), varsinkin kun huomaat, että erilaiset fontit herättävät erilaisia ​​tunteita ja erilaisia ​​mielentiloja.

Esimerkiksi serif-fontit (nämä ovat ne, joissa kiemurtelevat bitit näkyvät rivin ala- ja yläpuolella) luetaan sujuvammin kuin sans serif -fontteja, ja siksi niitä pidetään helpompia ymmärtää. Vastaavasti, koska ohjeet on kirjoitettu puhtaammilla, luettavammilla fonteilla (kuten esimerkiksi Ariel) nähdään ymmärrettävämpiä kuin ne, jotka on kirjoitettu sekavammilla ja kiireisemmillä fonttivalinnoilla, mikä tarkoittaa, että ohjeita pidetään helpompia toteuttaa.

Mutta luettavuus ei tietenkään ole ainoa huomioitava asia, vaan pitää myös miettiä, mitä tunteita kirjasimet herättävät. Kyllä, aivan oikein, eri fontit vaikuttavat ihmisiin eri tavalla, ja kirjasintyypit, kuten Times New Roman, liittyvät useammin tunteisiin, kuten "hauska" ja "vihainen" kuin Ariel.

Varoitin, että minimalismi ei ole heikkohermoisille!

Toinen huomioitava asia on, mitä kirjasintyyppejä käytät, koska sinun ei tietenkään tarvitse käyttää samaa fonttia kaikkialla. Ja koska mikään muu ei häiritse yleisöäsi, jos käytät erilaisia ​​kirjasintyylejä ja typografioita, käyttäjäsi huomaa ne paljon todennäköisemmin.

Tämä voi siksi olla erittäin tehokas strategia saada yleisösi kiinnittämään huomiota tiettyihin alueisiin. Harkitse esimerkiksi sen tekstin kirjoittamista, jonka haluat käyttäjien lukevan ensin lihavoinnilla tyyleillä, paksuilla viivoilla, kun taas osat, joiden oletetaan huomaavan, kirjoitetaan myöhemmin neutraalemmilla kirjasimilla. Käyttäjän katse kiinnittyy välittömästi lihavoitumpaan tekstiin, kun taas muu teksti kuluu myöhemmin.

Kontrasti ja sijoittelu

Yksi tehokkaimmista työkaluista minimalistisen web-suunnittelijan käytettävissä on kontrasti. Jos haluat käyttää kontrastia parhaalla mahdollisella tavalla, sinun on valittava vaaleita taustoja – valkoinen on vallitseva valinta, koska se mahdollistaa parhaan vaikutuksen. Tästä syystä minimalistisilla sivuilla käytetään usein mustaa valkoisella taustalla, koska nämä jyrkät viivat ovat visuaalisesti erittäin houkuttelevia. Tässä on hyvä esimerkki. Lisäksi pieninkin värinpala, kuten keltainen roiske, voi olla erittäin tehokas. Ajattele vain Schindlerin listan tytön takkia.

Suunnittelija voi luoda sopimuksen monista eri asioista, mukaan lukien väri, muoto, sijainti, mittakaava ja koko. Oikein käytettynä se voi olla uskomattoman hyödyllinen ohjattaessa käyttäjäsi niihin osiin, joihin hänen tulisi kiinnittää huomiota ensin (samalla tavalla kuin selitin typografian suhteen edellä, kun keskustelin lihavoiduista ja neutraaleista teksteistä). Se ei kuitenkaan ole helppoa, ja sen käyttäminen parhaalla mahdollisella tavalla edellyttää perusymmärrystä siitä, miten käyttäjät kuluttavat Internet-sivuja.

Silmien liikkeitä koskevat tutkimukset ovat antaneet meille hyvän käsityksen siitä, mihin ihmiset katsovat ensin. He aloittavat yleensä vasemmasta yläkulmasta ja sitten, riippuen siitä, onko tekstiä paljon vai ei, joko skannaavat sivun F-kirjaimella tai ‘Z'-kuvio vastaavasti.

Koska minimalistinen sivusi ei ole raskas teksti, sinun kannattaa järjestää sivusi tärkeimmät osat Z-tyypin malliin siten, että asiat, jotka käyttäjien tulisi huomata ensin (olet valikkovaihtoehdot) yleensä ottavat huomioon. asento enemmän sivusi vasenta yläkulmaa kohti, kun taas ne asiat, jotka tulisi huomata myöhemmin (esim. tekijänoikeusvaatimuksenne), tulevat alas ja kauemmaksi oikealle. Tällä tavalla teet sivusi kuluttamisesta sujuvampaa ja luonnollisempaa.

Hampurilaispainike ja muut asettelut

Yksi asia, joka on tärkeää muistaa minimalistisessa suunnittelussa, on se, että se, että sivulla ei ole paljon nähtävää, ei tarkoita, etteikö sisältöä olisi paljon. suurimman osan ajasta kaikki tiedot ovat vain piilossa alivalikoissa ja sivusivuilla. Yksi suosittu (vaikkakin kiistanalainen) tapa tehdä tämä on niin kutsuttu "hampurilaispainike" tai kolme riviä, jotka näet nyt kaikkialla, kuten kromi oikeassa yläkulmassa sekä iPhonessa. Ja kyllä, jos olet juonut pari juomaa, se näyttää tavallaan hampurilaiselta (en keksinyt nimeä).

Henkilökohtaisesti en ole suuri fani, koska tämä on vastoin minimalistisia vaistojani. Mitä järkeä on luoda selkeä sivu, jos aiot sitten luoda sekalaisen valikon surffataksesi muualla verkkosivustossasi? Minulle paljon parempi strategia on jakaa hampurilaispainike useisiin valikkovaihtoehtoihin, jotka ovat ilmeisiä ja helposti ymmärrettäviä ja jotka kiinnostavat lukijasi, mutta viime kädessä se on sinun.

Yksi tärkeä tekijä, joka on otettava huomioon, kun harkitset useiden valikkokohtien luomista vai yhden painikkeen käyttöä, on yleisösi ikä. Mitä vanhempia he ovat, sitä vähemmän he tuntevat tämän mallin ja sitä todennäköisemmin he eivät löydä alivalikkoasi, mikä voi tehdä sivustasi hyödyttömän. Onko sivusi siis suunnattu pääasiassa milleniaaleille? Mene eteenpäin ja käytä sitä. Palveletko eläkeläisiä? On varmaan viisasta miettiä uudestaan.

Visuaalinen tyyli

Ja sitten on, miten sivusi pitäisi olla aseteltu. Kun päätät valita minimalistisen tyylin, sinun on valittava yksi asettelutyyli ja pysyttävä siinä. Tämä johtuu siitä, että yleisösi alkaa välittömästi tehdä tiedostamattomia oletuksia verkkosivusi yhteensopivuudesta, ja jos rikot näitä oletuksia, käyttäjät tuntevat sivusi olevan "sotkuinen" ja "järjestämätön". Se on kuolinisku minimalismille (ja useimmat muutkin sivut, totta puhuen).

Tästä syystä sinun on valittava ruudukko, joka tarkoittaa periaatteessa sarakkeita, joihin olet jakanut sivusi, ja pysyä siinä. Kuinka monta saraketta haluat? Miten ne sijoitetaan? Kuinka paljon negatiivista tilaa jää niiden väliin? Nämä ovat kaikki tärkeitä kysymyksiä, joihin sinun on vastattava ennen kuin aloitat sivun asettamisen.

Ideana ei ole se, että kuvat eivät voi ylittää näiden ruudukkoviivojen rajoja. Usein kuvat levittävät koko sivusi. Tässä tapauksessa alla olevaa kuvaa koskeva teksti järjestettäisiin valitsemillesi sarakkeille. Vastaavasti, jos sivullasi on useita kuvia, niiden tulee noudattaa luomaasi ruudukkoa, jotta sivusi näyttää kokonaisuudessaan siistiltä ja ammattimaiselta.

Onko minimalismiin siirtyminen sen arvoista?

Se riippuu rehellisesti siitä, mitä yrität tehdä (ja tietysti sivusi aiheesta). Jos yrität vähentää työtäsi, niin kuten jo sanottiin, minimalismi ei ole sinua varten. Jos toisaalta tällainen asettelu vetoaa sinuun vaistomaisesti ja sopii käytettävään tuotteeseen, se on tie eteenpäin.

Asia on siinä, että minimalismi vaatii erilaisia ​​taitoja kuin vakiomuotoilu, sillä et voi vain käyttää tavanomaisia ​​​​kappaleita ja liittää niitä yhteen sivun luomiseksi. Jos yrität tehdä niin, päädyt johonkin, joka ei ole visuaalisesti houkutteleva tai kaikkea niin informatiivinen. Pahin, toisin sanoen, molemmista maailmoista.

Sen sijaan sinun on käytettävä jonkin aikaa oppiaksesi kumoamaan perusvaistosi, jotka olet poiminut aiemmista sivusuunnitelmistasi. Sitten sinun täytyy istua alas ja selvittää, mikä on olennaista sivullesi.

Ja sinun on päästävä käsiksi sopimuksiin, kirjasintyyppeihin ja valokuviin, kuten et ole koskaan ennen tehnyt. On melkein kuin opettelisit uutta suunnittelukieltä. Se voi olla vaikeaa.

Uuden kielen oppimisessa on kuitenkin se, että se saa sinut ymmärtämään alkuperäisessä kielessäsi asioita, joita et ole koskaan aiemmin huomannut. Ja tämä pätee myös minimalistisen web-suunnittelun oppimiseen. Jo se, että yrität oppia suunnittelemaan tällä tavalla, saa sinut ymmärtämään asioita, joita et koskaan tiennyt suunnittelusta.

Ja se saattaa tehdä kaiken hikoilun ja kovan työn sen arvoiseksi.

Unohda hetkeksi, että minimalistiset sivut ovat tietysti yksinkertaisesti kauniita.