Hvorfor Negativ er positiv i Webdesign
Med alle de vilkårene som blir kastet på oss i løpet av vår designutdanning (blir vi selv eller institusjonelt undervist), er det lett å forstå hvorfor noen land bare blinker blåser med knapt noen penetrasjon i våre psyker.
De som snart vil falme fra vårt rike av full forståelse uten at den konstante forsterkningen og oppmerksomheten blir viet til dem. Som det vi ønsker å gjøre i dag, legg litt oppmerksomhet til et stift av webdesign, negativ plass.
Hva er negativ plass?
For de som trenger en påminnelse, la oss ta et øyeblikk for å bryte det ned til grunnleggende: det er to typer plass i design, positiv og negativ plass. Positiv plass inneholder alle elementene på nettstedet ditt, innhold, navigasjon, bilder, etc. Negativ plass (ofte referert til som hvitt plass) er alt tomt mellomrom, mellomrommet rundt innholdet som skiller elementene og bidrar til å strukturere og definer måten brukeren kommuniserer med innholdet i det positive rommet.
Nå som vi har det, la oss gå videre, skal vi? Det er også to typer negativ plass, mikro og makro. Mikro negativ plass er mellomromet mellom de mindre elementene i designet. Ting som mellomrom mellom stykker, individuelle linjer av typen, helt ned til mellomrom mellom bokstaver og ord. Makro-negativ plass er mellomrommet mellom de større kjerneelementene i designet, for eksempel topptekst og bunntekst.
Yeedor
Vennskap Hamburg
Moving Things Design Company
Mikro negativ plass
Først vil vi ta en titt på den mindre enden av spektret. Husk at størrelsen ikke betegner mikrosiden til en posisjon av minimal betydning. Langt ifra. Å opprettholde en god mengde mellomrom innenfor tekstblokkene våre kan gå langt for å gjøre et nettsted mer lesbart, enklere å skanne, og det kan til og med hjelpe folk å forstå hva de leser bedre.
Og vi snakker Micro, så dette fokus og vedlikehold trenger å gå dypt. Vi må passe på at all negativ plass i tekstblokkene våre er stram. Ikke på en overfylt måte, men stramt på en estetisk balansert og åpen måte. Det har du rett i? Dette betyr å takle mellomrommet mellom overskrifter og avsnitt. Gi spesiell forsiktighet til linjene i avsnittene. Sørg for at mellomromet mellom linjeposter i lister ikke er over eller under ferdig. Selv mellomrom mellom ord og bokstaver.
Dette er ikke alltid en enkel oppgave. Det er en delikat kunst å bestemme seg for margene og polstring for denne typen mikro-negativ plassjustering. En som må utformes med hvert enkelt nettsted vi bygger. Hvert nettsted vil ha sin egen balanse å finne. Mens du ikke vil ha for lite mellomrom, har det for mye å påvirke lesbarheten like negativt.
Informasjon Highway
Fordøye
MakeMatter
Makro negativ plass
La oss nå vokse vårt omfang litt, og fokusere på makrosiden av dette spekteret. Selv om denne siden er den vi pleier å gi mer oppmerksomhet, gir vi fortsatt ikke ofte det mer åpent rom å puste inn. Folk liker å rote sine hoder med alt de kan passe, siden det er det første besøkende ser. I stedet prøver å holde dette området til noen få viktige elementer, slik at brukerne både vet nøyaktig hvor de er og ikke blir kvalt så snart de kommer inn på nettstedet.
I likhet med toppteksten er det ganske enkelt en felle å falle i å se fotfotene og sidebjørene i et design som noe som et innholdsfangst-alt. Et sted å skyve og avhende så mye informasjon som mulig. I motsetning til toppteksten er det sant at man kan komme seg unna med mer innhold på disse områdene, men det må likevel gjøres forsiktighet for å sikre at vi forlater rikelig med mellomrom både rundt og innenfor disse elementene.
Jo mer vi forlater tilstrekkelig rom og avstand, jo mer hensiktsmessige våre inneslutninger virker. Det er når vi roter (med mindre det er stilistisk, noe som er lett å skille fra det vi snakker om her) at vi ofte gir inntrykk av at vi ikke har gitt nok oppmerksomhet til planleggingsstadiene våre. Gitt, når vi roter, kan vi helt sikkert legge mye av skylden på våre kunder, og vet at mye av cluttering er gjort etter deres ønske. Et poeng vi kommer til og dekker kort tid.
Så vi vil være sikre på at plassen er rikelig rundt hvert blokkelement, rundt hele seksjonen (sørg for at sidebjørken ikke skyves rett opp mot hovedinnholdet på nettstedet). Gi spesiell forsiktighet for å sikre at det er god plass rundt alle anrop til handling. La CTA skille seg ut.
Viva Audio
Varer
Gjør en backflip
Hvorfor negativ plass betyr noe
Bruken av negativ plass spiller en stor rolle i brukbarheten. Som vi har pekt på hele tiden. Brukerne trenger ikke bare å kunne lese alt innholdet på nettstedet komfortabelt, men de må også enkelt finne det de leter etter. Clutter holder det fra å være en enkel oppgave. Mange mennesker, spesielt klienter, har lyst til å utgjøre alle tilgjengelige tommers skjerm med informasjon, og lurer på hvorfor nettstedet ser så rotete og utilsiktende ut. Og dessuten, hvorfor brukerne synes å ha problemer med å navigere siden.
Og det er her vår overbevisningskapasitet og tillit til våre designfølelser kommer inn. Som designere må vi få dem til å forstå hvorfor denne negative plassen er så viktig, og hvorfor å gjøre valg om hvilket innhold som skal inkluderes på deres nettsted, er like viktig. Dette er ikke sløsing med pengene sine. Det er heller ikke sløsing med skjermplass. Men i stedet et nødvendig element i å gjøre den viktige informasjonen allerede på skjermen skiller seg ut i et rent og faglig miljø. Vi må få dem til å se det.
Vi kan fortsatt passe alt som er nødvendig på nettstedet. Bare sørg for å gi det hele rommet å puste. Det er greit for folk å måtte bla gjennom nettstedet, det er faktisk forventet. "Over fold" holder ikke lenger kraften som den pleide å bruke. Det er imidlertid viktig å huske at innholdet (spesielt innhold på forsiden) skal velges klokt. Jo flere valgmuligheter som er gitt på den første siden, desto vanskeligere brukeren kommer til å velge hvor du skal gå neste uten å bli overveldet og muligens gi opp på siden alt sammen.
Pure Fix Cycles
Nurun
Nesten umulig
Hvordan bruker du negativ plass i designene dine? Er "negativ" det riktige uttrykket for hvitt plass? Gi oss beskjed om dine tanker i kommentarene.