Slik lager du Whitespace på nettet
Begrepet hvitt rom brukes noen ganger utveksling med negativ plass, og konseptet er det samme. Selv om begrepet refererer til "hvitt" rom spesielt, trenger ikke det aktuelle området å være hvitt i det hele tatt. Det er bare den tomme plassen rundt elementene i et websidelayout.
Plass som dette kan komme i mange forskjellige former, for eksempel mellomrom mellom bilder og grafikk, takrenner, marginer, kolonner og like linjer av typen. Mens det ser ut til å være laget av "ingenting" - bare fordi ingen andre designelementer okkuperer, skal rom-hvitt rom ikke behandles på den måten. Å behandle det som "ingenting" kan føre til tapte muligheter i å designe noe virkelig estetisk og tiltalende.
Hvit plass, gjort riktig, kan faktisk gi en god fordel for webdesign. I stedet for å redusere hvit plass i webdesign, gå mot kornet og sørg for å øke det hvite rommet på en nettside. Noen kjente og populære merkevarer beveger seg allerede i denne retningen, og det er på tide at flere designere fulgte ledelsen.
Mer hvit plass er et mer luksuriøst merke og nettsted
Klienter vil vanligvis at designere skal bruke så mye plass som mulig på et nettsted siden det kan være kostbart å betale for eiendomsmegling, og det er grenseverdier for hvor meldinger kan inkluderes. Men gjør det motsatte økende hvite rom - be om at designeren skal lage en smartere merkevaremelding i et mer restriktivt rom.
I tillegg vil oppfatningen være at et nettsted med mer hvitt plass er en hvis innhold er viktigere enn skjermområdet. Som et resultat synes et merke mer luksuriøst fordi det ser ut til å ofre mer skjermrom for å fokusere på innholdsmeldingen i stedet.
Luksus merkevarer har ikke klart å forstå dette fenomenet og bruker regelmessig mer hvitt plass for å oppnå denne nøyaktige effekten. Pottery Barn er en kjent forhandler av mer oppskalere hjemmeinnredning, og nettstedets smarte bruk av hvitt rom reflekterer dette til en tee. Hvit plass dominerer på hjemmesiden, med mye av det som finnes på sidene av siden, for bedre å rette besøkendes oppmerksomhet på tilbud og kampanjer midt på siden. Selv merkevaren selv har generøs hvitt mellomrom mellom tegnene øverst på siden.
Hvit plass for å fremme jevne søk
En enkel, men ideell demonstrasjon av den effektive enkelheten av hvitt rom kan ses i to store søkemotorer: Google og Yahoo Search .
Google forstår nettopp at brukere som ser etter et bestemt søkeemne, ikke vil bli distrahert med høye bakgrunn og annonser. Derfor dominerer den hvite plassen hele Google-søkemotorens side, med det faktiske søket bare opptar et tynt spalt av mellomrom midt på siden. På samme måte uttrykker Yahoo Search denne smarte bruken av hvit plass også. Mens nettsiden har en ganske lang menylinje øverst, er ideen den samme: mye hvit plass, slik at brukeren kan konsentrere seg om søket og ingenting annet enn søket.
Lesbarhet og lesbarhet får et velfortjent boost
Lesbarhet og lesbarhet på et hvilket som helst nettsted blir styrket når den hvite plassen er smart brukt. Hvis teksten på en side knuses sammen for mye, vil den komme i vei for en behagelig leseropplevelse, noe som hemmer den generelle brukeropplevelsen. Mer hvitt mellomrom forbedrer leseopplevelsen ved å gjøre tekst lettere å skanne, og legger også til forståelse.
En persons nettsted som har et håndtak på dette prinsippet er Informasjon Highwayman , som er stedet for D Bnonn Tennant, en tekstforfatter og markedsfører. Som noen som skryter, vet han hva flott webinnhold kan gjøre for enhver liten bedrift, det er trygt å se at Tennant praktiserer det han preger på sitt eget nettsted. Avstanden mellom tegn i overskriftskopi, tekst og menylinje bidrar til å sikre lesbarhet og lesbarhet.
Hvit plass kan også brukes mellom ulike seksjoner av innhold, ikke bare for å forbedre leserfaringen, men for å bryte opp ulike deler av innholdet for lettere opptak av informasjon. Andrew Lucas 'Siden demonstrerer dette pent. Han er webdesigner fra London, og han bruker hvit plass effektivt på sin hjemmeside.
Det gjør farger mer levende
Kanskje den mest direkte, men enkleste, fordelen med hvit plass er at det gjør andre farger på et nettsted ut til det punktet at de er lysere enn noensinne. Dette er veldig nyttig for å fange øyet til besøkende på nettstedet, da fargens dybde, rikdom og jevn intensitet blir vektlagt mer enn noensinne.
Webdesigneren bak Jeg er Dan Nettstedet får dette så bra at han epitomiserer dette konseptet på sin hjemmeside med sin sparsomme bruk av farge. Mye av hans nettside er bare hvitt rom som er brutt opp av det sjeldne sprutet av rødt. På grunn av denne taktikken skiller de røde farger som markerer lenker til porteføljen sin, og inviterer besøkende til å bla gjennom sitt nettsted skiller seg ut effektivt, og dermed øker sjansene for at besøkende vil fullføre oppfordringen.
Zurb er et webdesign firma som også demonstrerer hvordan hvit plass kan gjøre farger skiller seg ut. Hjemmesiden hans er preget av en solid farge øverst på hjemmesiden og fargerike ikoner til forskjellige nettsider (rett ved brettet). Bortsett fra denne minimal bruk av farge, har hele utformingen av hjemmesiden hvit plass.
Enkle farger som grønn, oransje og rød vil få det til å skape et utseende som er både hyggelig og godt fokusert. Begge de nevnte nettstedene tar en minimalistisk tilnærming til farge fordi det er så mye hvitt plass. Som et resultat er fargene brukt svært dårlige, noe som gjør at brukerne setter pris på dem enda mer.
Hvit plass er ikke bortkastet plass
Webdesignere må i stadig større grad bevege seg bort fra feilaktig tro på at de må kramme hvert element og farge mulig inn i skjermen når du designer et nettsted. Som illustrert i eksemplene ovenfor kan hvitt rom gi en kraftig innvirkning når den brukes på en slik måte å fremheve innholdet i et merke, øke lesbarheten og lesbarheten og gjøre minimalistiske farger skiller seg ut.
Uttrykket "mindre er mer" gjelder egentlig for hele konseptet av hvitt rom, uansett hvordan du ser på det. I en bredere forstand, dette tar på seg minimalisme i webdesign har også blitt populært i det siste, og det er absolutt en trend som vil fortsette.