Hvorfor Negativ er positiv i Web Design
Med alle de vilkår, der bliver kastet på os i løbet af vores designuddannelse (bliver vi selv eller institutionelt undervist), er det let at forstå, hvorfor nogle lande kun glider blæser med knapt nogen indtrængen i vores psyke.
De der snart vil falme fra vores rige af fuld forståelse uden den konstante forstærkning og opmærksomhed, der er viet dem. Det er det, vi ønsker at gøre i dag, læg lidt opmærksomhed på et hæfteklimat af webdesign, negativt rum.
Hvad er negativ plads?
For dem der har brug for en påmindelse, lad os tage et øjeblik at bryde det ned til det grundlæggende: Der er to typer plads i design, positivt og negativt rum. Positivt rum indeholder alle de elementer i dit websted, indhold, navigation, billeder osv. Negativt rum (ofte omtalt som hvide rum) er alt det tomme mellemrum, mellemrummet omkring indholdet, der adskiller elementerne og hjælper med at strukturere og definere måden brugeren interagerer med indholdet i det positive rum.
Nu da vi har det, lad os gå videre, skal vi? Der er også to typer af negative rum, mikro og makro. Mikro-negativt rum er mellemrummet mellem de mindre elementer i designet. Ting som mellemrummet mellem stykker, individuelle linjer af typen, helt ned til mellemrummet mellem bogstaver og ord. Makro-negativt mellemrum er mellemrummet mellem de større kerneelementer i designet, såsom dit overskrift og sidefod.
Yeedor
Venskab Hamburg
Moving Things Design Company
Micro-negativt rum
Først vil vi se på den mindre ende af spektret. Husk at størrelse ikke betegner mikrosiden til en position af minimal betydning. Langt fra. At opretholde en god mængde hvidt indhold inden for vores tekstblokke kan gå langt i retning af at gøre et websted mere læseligt, lettere at scanne, og det kan endda hjælpe folk med at forstå, hvad de læser bedre.
Og vi taler Micro, så denne fokus og vedligeholdelse skal gå dybt. Vi skal passe på at sikre, at hele det negative rum i vores tekstblokke er stramt. Ikke på en overfyldt måde, men tæt på en æstetisk afbalanceret og åben måde. Det har du ret i? Det betyder at tackle mellemrummet mellem overskrifter og afsnit. Vær særlig opmærksom på linjens højder inden for afsnitene. Sørg for, at mellemrummet mellem linjeposter i lister ikke er over eller under færdig. Selv mellemrummet mellem ord og bogstaver.
Dette er ikke altid en nem opgave. Beslutning om margener og polstring for denne type mikro-negativ pladsjustering er en delikat kunst. En der skal udformes med hvert enkelt websted, vi bygger. Hvert websted vil have sin egen balance at finde. Mens du ikke vil have for lille whitespace, har for meget, vil påvirke læsbarheden lige så negativt.
Information Highway
Fordøje
MakeMatter
Makro-negativ plads
Lad os nu vokse vores omfang lidt og fokusere på makrosiden af dette spektrum. Selv om denne side er den, vi plejer at være mere opmærksom på, giver vi stadig ikke ofte mere åbent rum til at trække vejret ind. Folk kan lide at rodde deres headers med alt, hvad de muligvis kan passe, da det er det første, de besøgende ser. I stedet forsøge at holde dette område til nogle få nøgleelementer, så brugerne både ved præcis, hvor de er og bliver ikke kvalt, så snart de kommer ind på webstedet.
Ligesom hovedet er det ret en nem fælde at falde i at se fodfødderne og sidebjælkerne i et design som noget som et indholdsfangst-alt. Et sted at skubbe og bortskaffe så mange oplysninger som muligt. I modsætning til overskriften er det rigtigt, at man kan komme væk med mere indhold på disse områder, men det skal stadig være meget vigtigt at sørge for, at vi forlader rigelig hvide rum både omkring og inden for disse elementer.
Jo mere vi forlader tilstrækkeligt rum og mellemrum, jo mere målbevidste ser vores indeslutninger ud. Det er, når vi roter (medmindre det er gjort stilistisk, hvilket er let at skelne fra det vi taler om her), at vi ofte giver indtryk af, at vi ikke gav tilstrækkelig opmærksomhed til vores planlægningsfaser. Tilladt, når vi rodrer, kan vi helt sikkert lægge stor del af skylden på vores kunder, idet vi ved at meget af cluttering er gjort efter deres ønske. Et punkt vi kommer til og dækker kort tid.
Så vi vil være sikre på, at rummet er rigeligt omkring hvert blokelement, rundt hele sektionen (sørg for, at dit sidebjælke ikke er skubbet lige op mod hovedindholdet på webstedet). Vær særlig opmærksom på at sikre, at der er god plads omkring alle opfordringer til handling. Lad CTA'erne skille sig ud.
Viva Audio
Gods
Gør en backflip
Hvorfor negativ plads betyder noget
Brug af negativt rum spiller en stor rolle i brugervenlighed. Som vi har peget på hele tiden. Brugere skal ikke kun kunne læse alt indhold på webstedet komfortabelt, men de skal også nemt kunne finde det, de leder efter. Clutter holder det fra at være en nem opgave. Mange mennesker, især kunder, har lyst til at udstyre alle tilgængelige tommer af skærmen med information, så undre sig over, hvorfor webstedet ser så rodet og ubehageligt ud. Og desuden, hvorfor brugerne synes at have problemer med at navigere siden.
Og det er her vores overbevisningsbeføjelser og tillid til vores designfølelser kommer ind. Som designere skal vi få dem til at forstå, hvorfor dette negative rum er så vigtigt, og hvorfor at tage valg om, hvad indhold der skal inkluderes på deres websted, er lige så vigtigt. Dette er ikke spild af deres penge. Det er heller ikke spild af skærmrum. Men i stedet et nødvendigt element i at gøre de vigtige oplysninger allerede på skærmen skiller sig ud i et rent og professionelt miljø. Vi skal få dem til at se det.
Vi kan stadig passe alt, hvad der er nødvendigt på webstedet. Bare sørg for at give det hele plads til ånde. Det er okay for folk at skulle rulle gennem webstedet, det forventes faktisk. "Over folden" holder ikke længere den kraft, den plejede at bruge. Det er dog stadig vigtigt at huske, at indhold (især indhold på forsiden) skal vælges klogt. Jo flere muligheder der gives på den indledende side, desto mere er det vanskeligt for brugeren at vælge, hvor de skal gå næste, uden at blive overvældet og muligvis give op på hjemmesiden alt sammen.
Pure Fix Cycles
Nurun
Næsten umuligt
Hvordan bruger du negativt rum i dine designs? Er 'negativ' det korrekte udtryk for whitespace? Lad os vide dine tanker i kommentarerne.