Kaikilla termeillä, jotka saavat meidät suunnittelukoulutuksen aikana (olimme itse tai instituutisesti opettaneet), on helppo ymmärtää, miksi jotkut maat katsovat vain puhaltaa tuskin tunkeutumalla psykeihimme.

Ne, jotka pian häviävät täyden ymmärryksen alueelta ilman, että heille jatkuvasti vahvistetaan ja kiinnitetään huomiota. Mitä me haluamme tehdä tänään, kiinnitä vähän huomiota verkon suunnitteluun, negatiiviseen tilaan.

Mikä on negatiivinen tila?

Niille, jotka tarvitsevat muistutuksen, ottakaamme hetken rikkoen sen perusasiat: muotoilussa on kaksi erilaista tilaa, positiivinen ja negatiivinen tila. Positiivinen tila sisältää kaikki sivustosi sisällöt, sisällön, navigoinnin, kuvien jne. Negatiivisen tilan (jota kutsutaan usein välilyönniksi) on kaikki tyhjä tila välissä, sisältöä ympäröivässä tilassa, joka auttaa jäsentämään ja määritellä, miten käyttäjä vuorovaikuttaa positiivisessa tilassa olevan sisällön kanssa.

Nyt kun meillä on tämä, siirrymme eteenpäin, vai mitä? Myös negatiivisen tilan, mikro- ja makrotason kahden tyyppisiä. Mikroaaltotila on muotoilun pienempien elementtien välinen tila. Asiat, kuten kappaleiden välinen tila, yksittäiset linjat, aina kirjainten ja sanojen väliseen tilaan asti. Makro-negatiiviset tilat ovat suurempien, elementtien ydinelementtien, kuten otsikon ja alatunnisteen välinen tila.

Yeedor

yeedor

Ystävyys Hampuri

friendshiphamburg

Moving Things Design Company

movingthings

Mikro-negatiivinen tila

Ensin tarkastellaan taajuuden pienempää päätä. Pidä mielessä, että koko ei merkitse mikropuolta minimaaliseen asemaan. Kaukana siitä. Suuri määrä välilyöntejä tekstilohkossa voi viedä paljon pitemmälle kohti sivuston luettavuutta, helpompaa skannausta ja jopa auttaa ihmisiä ymmärtämään, mitä he lukevat paremmin.

Puhumme Mikroa, joten tämä keskittyminen ja ylläpito on syvällä. Meidän on huolehdittava siitä, että kaikki tekstilohkojen negatiivinen tila on tiukka. Ei tungosta, mutta tiukka esteettisesti tasapainoisella ja avoimella tavalla. Sait sen, eikö? Tämä merkitsee otsikoiden ja kappaleiden välistä tilaa. Erityistä huomiota kohtien rivien korkeuksiin. Varmista, että luettelojen rivikohtien välinen tila ei ole ohi tai on tehty. Jopa välilyönti sanojen ja kirjainten välillä.

Tämä ei ole aina helppo tehtävä. Päättäminen marginaaleista ja pehmusteista tällaiselle mikro-negatiivisen tilan säätämiselle on herkkä taidetta. Yksi, joka on laadittava kunkin yksittäisen sivuston kanssa. Jokaisella sivustolla on oma tasapaino löytää. Vaikka et halua liian vähän tyhjää tilaa, sillä liiallinen vaikutus vaikuttaa luettavuuteen aivan yhtä kielteisesti.

Information Highway

informationhighway

Sulattaa

sulattaa

MakeMatter

makematter

Makro negatiivinen tila

Nyt voimme kasvattaa soveltamisalaamme hieman ja keskittyä tämän taajuusalueen makro-puolelle. Vaikka tämä puoli on sellainen, johon pyrimme kiinnittämään enemmän huomiota, emme vielä usein anna sille avointa tilaa hengittää. Ihmiset haluavat räpäyttää otsikot kaiken, mitä he mahdollisesti pystyvät, koska se on ensimmäinen asia, jonka kävijät näkevät. Sen sijaan yrittää säilyttää tämä alue muutamiin keskeisiin elementteihin, jotta käyttäjät tietävät tarkalleen, missä he ovat, eivätkä tukahduteta heti, kun he saapuvat sivustoon.

Kuten otsikko, se on melko helppo ansaan osua katselemaan alatunnisteet ja sivupalkit mallia kuin jotain sisältöä catch-all. Paikka, jolla saadaan mahdollisimman paljon tietoa ja hävittäminen. Toisin kuin otsikko, on totta, että näillä alueilla voidaan päästä enemmän sisältöä, mutta huolellisesti on kuitenkin huolehdittava siitä, että voimme jättää runsaasti välilyöntejä sekä näiden osien ympärillä että niiden sisällä.

Mitä enemmän jätämme riittävän huoneen ja välimatkan, sitä tarkoituksenmukaisemmat sulkeutumme näyttävät. Se, että me tyrmistyvät (ellet ole tyylillisesti muotoiltu, mikä on helppo erottaa siitä, mistä puhumme täällä), että me usein antavat vaikutelman siitä, että emme antaneet riittävästi huomiota suunnitteluvaiheisiin. Hyväksytään, että kun häiritsemme, voimme varmasti panna suuren osan syyttää asiakkaistamme, tietäen, että paljon pilaantumista tehdään heidän käskynsä mukaan. Kohta, josta päästään ja katetaan pian.

Joten haluamme olla varma, että tilaa on runsaasti jokaisen lohkoelementin ympärillä, koko osion ympärillä (varmista, että sivupalkkia ei siirretä suoraan sivun pääosaan). Erityistä huomiota on kiinnitettävä siihen, että kaikki toimintapyynnöt ympäröivät runsaasti tilaa. Anna CTA: n erottua.

Viva Audio

suullinen tentti

tavarat

tavarat

Tee Backflip

takaperin voltti

Miksi negatiiviset tilat ovat tärkeitä

Negatiivisen tilan käyttö on valtava rooli käytettävyydessä. Me olemme viitanneet koko ajan. Käyttäjien ei vain tarvitse lukea helposti kaikkia sivuston sisältöä, vaan heidän on myös voitava helposti löytää etsimäsi sisältö. Clutter pitää tämän helppoa tehtävää. Monet ihmiset, etenkin asiakkaat, haluavat tavata kaikki käytettävissä olevat näyttötulkimet informaatioineen ja sitten ihmetellä, miksi sivusto näyttää niin sekavalta ja epämukavalta. Ja lisäksi, miksi käyttäjillä näyttää olevan vaikeuksia navigoida kyseistä sivustoa.

Ja tämä on paikka, jossa vallitsevat voimavaramme ja luottamuksemme suunnitteluominaisuuksissamme. Suunnittelijoina meidän on saatava heidät ymmärtämään, miksi tämä negatiivinen tila on niin tärkeä ja miksi valintoja siitä, mitä sisältöä heidän sivustolleen sisällytetään on yhtä tärkeä. Tämä ei ole heidän rahansa tuhlausta. Se ei ole myöskään näytön tilaa. Mutta sen sijaan tarvitaan elementti, kun tärkeät tiedot näkyvät näytöllä puhtaassa ja ammattimaisessa ympäristössä. Meidän on saatava heidät näkemään sen.

Voimme silti sovi kaikkiin tarpeisiin sivustossa. Varmista vain antaa sille kaikki tilaa hengittää. On okei, että ihmiset joutuvat selattamaan sivustoa, itse asiassa se on odotettavissa. "Taitoksen yläpuolella" ei enää ole valtaa, jota se käytti. On kuitenkin tärkeää muistaa, että sisältö (erityisesti etusivun sisältö) on valittava viisaasti. Mitä useampia vaihtoehtoja annetaan alkuperäisellä sivulla, sitä vaikeampi käyttäjä on päättänyt valita, mihin mennä seuraavaksi, ilman että hän joutuu kärsimään ja mahdollisesti luovuttamaan sivuston kaikki yhdessä.

Pure Fix Cycles

PureFix

Nurun

nurun

Lähes mahdotonta

nearlyimpossible

Miten käytät negatiivista tilaa kuvioissasi? Onko 'negatiivinen' oikea välilyönnin termi? Kerro meille mielipiteesi kommentteihin.