Innhold
- 01. Bruk et rutenett
- 02. Velg et enkelt fokuspunkt
- 03. Bruk regelen om tredjedeler
- 04. Bruk hvite mellomrom
- 05. Gjenta designelementer
- 06. Bruk hierarki
- 07. Bruk skala, kontrast og harmoni
Hovedmålet med et sidelayout du designer, enten det er for en trykt brosjyre eller den nyeste webappen, er å kommunisere informasjon tydelig og effektivt til leseren. En av de beste måtene å sikre at nøkkelmeldingene blir levert til leseren, er å lage et balansert sidelayout.
Sidelayoutdesign innebærer vanligvis mye plassering, omorganisering og formatering av elementer. Mange designere nærmer seg denne prosessen organisk og føler seg til et gledelig sluttresultat. Selv om dette kan føre til noen gode lykkelige ulykker, er det en risiko for at bruk av friformmetodikk kan resultere i mangel på visuell balanse på siden.
En god sidesammensetning skal både være behagelig for øyet, og også kommunisere disse nøkkelbudskapene tydelig til det tiltenkte publikum. Vi har samlet noen av de beste tipsene for å hjelpe deg med å sikre at utformingen av sidelayouten din har balanse (en god nettstedsbygger vil også hjelpe). Disse tilnærmingene vil fungere godt for å gi en struktur for balanse, uavhengig av hvilket medium du jobber med.
For mer nettspesifikke råd, se vår guide for å lage perfekte nettstedsoppsett.
01. Bruk et rutenett
En av de enkleste måtene å sikre at siden din har en viss balanse, er å bruke et rutenettsystem. Nettverk pleide å være den eneste bevaringen av den trykte siden, men mye arbeid har blitt fullført online de siste årene for å bidra til å migrere konseptet med rutenettet til det digitale mediet.
Ved å bruke et rutenett for å informere plasseringen til forskjellige elementer på en side, oppretter du en forbindelse mellom de forskjellige elementene som utgjør siden din. Dette kan bidra til å gi en følelse av orden i layoutet ditt, og gir leseren en klar strukturell referanse å falle tilbake på, og øke suksessen til siden din.
Dette er viktig fordi når alle sideelementene dine har en følelse av tilkobling til hverandre, føles den generelle effekten mer behagelig for leseren, noe som bidrar til å gjøre dem rolige og letter tilgangen til viktige ting: innholdet.
02. Velg et enkelt fokuspunkt
En av de mest effektive måtene å gi en følelse av balanse er å velge et enkelt fokuspunkt for layoutdesignet ditt. Et godt eksempel på dette i praksis er bruken av et stort bilde som det største enkeltelementet på en side.
Et sterkt visuelt kan gi en kraftig måte å lede leseren inn på siden din (som ekspertanalysen av den ideelle webhotelltjenesten), og gir også et nyttig strukturelt element for å ordne det gjenværende innholdet i layoutet ditt. Hvis du har flere visuelle elementer, kan du bruke nærhetsprinsippet til Gestalt Theory for å gruppere dem, og justere dem på samme måte.
Det er også verdt å huske på at du kan bruke en overskrift eller trekke tilbud på samme måte; en god visningsoverskrift kan tilby like mye visuell interesse som et bilde, mens du fortsetter å gi strukturen som vil hjelpe deg med å sikre et balansert oppsett.
03. Bruk regelen om tredjedeler
En av de beste måtene å gi en følelse av balanse er å bruke designerens favoritt Rule of Thirds eller Golden Ratio. Forenklet sagt sier tredjedelsregelen at hvis du deler siden din i tredjedeler både vertikalt og horisontalt, gir punktene der rutenettene krysser de naturlige fokuspunktene til en komposisjon.
Ved å tilpasse nøkkelelementene dine til disse fire punktene, oppnår du en mer behagelig sammensetning enn om du for eksempel sentrerer elementene på siden perfekt.
I seg selv vil tredjedelsregelen ikke magisk gi balansen til oppsettet, men ved å utvide prinsippet er det enkelt å bruke denne tendensen mot et naturlig fokuspunkt for å informere balansen i oppsettet ditt.
En vanlig tilnærming er å plassere de viktigste elementene på siden din i øvre (eller nedre) tredjedel av siden, med det primære fokuspunktet justert for å matche et av kryssene. Har du mange eiendeler å lagre for nettstedet ditt? Sjekk ut disse skylagringsalternativene.
04. Bruk hvite mellomrom
Det er vanlig for nybegynnere å bruke hver eneste bit plass på en side og fylle inn innhold til hvert hull er fylt. De mer erfarne vet at noen ganger den beste biten av design innebærer å la elementer være ute, snarere enn å skåre dem inn.
I det trykte mediet er den vanligste måten å benytte hvite mellomrom på, ved å forstørre sidemargene og takrennene. På nettet kan det å gi rikelig med pusterom rundt elementer bidra til å gjøre layoutdesignet ditt sammensatt og balansert.
Å bruke negativ plass fungerer best når du har en klar struktur som forankrer innhold sammen (for eksempel det som er gitt av et rutenett), da risikoen for hvite mellomrom kan være en følelse av frakobling mellom sideelementene hvis de innføres tilfeldig.
05. Gjenta designelementer
Gjentagelse kan også gi en sterk følelse av koblet design og balanse i en komposisjon. Tanken er at ved å identifisere og bruke et motiv eller en designbehandling gjennom hele oppsettet ditt, kan du gi en referanse til leseren slik at ulike områder føles forbundet og en del av den samme generelle sammensetningen.
Du kan også bruke denne teknikken til å gi et fokuspunkt i designet ditt, samtidig som du beholder en total balanse, ved å forsiktig bryte mønsteret av likhet introdusert gjennom repetisjon.
06. Bruk hierarki
En av de viktigste tilnærmingene for å oppnå sidelayout nirvana er en klar følelse av struktur og hierarki. Vi har allerede berørt strukturen, men det er viktig å også formidle den relative betydningen av forskjellige deler av innholdet på siden din. En overskrift, for eksempel, bør nesten alltid være mer visuelt viktig enn innholdet i brødteksten.
Se på de forskjellige elementene som utgjør layoutdesignet ditt, og bestem hvilket element som er det viktigste. Bruk dette elementet til å gi en strukturell krok for de gjenværende elementene på siden, og hold det viktigst.
07. Bruk skala, kontrast og harmoni
Til slutt kan bruk av skala være en veldig effektiv metode for å oppnå en god visuell balanse i layoutet ditt. Ved å gjøre noen elementer større enn andre, vil en følelse av orden og hierarki dukke opp. Dette bidrar til å skape et komfortabelt oppsett fordi betrakteren automatisk ser på de større elementene i oppsettet først, og går videre til de mindre elementene når de leser.
Dette prinsippet fungerer også med økt kontrast, slik at ved å isolere et element på siden gjennom kontrast, får øyet til å fokusere på det punktet først. Dette gir en vei inn på siden, og igjen gir det et nyttig strukturelt poeng å utvikle layoutet ditt fra.
Både skala og kontrast fungerer best når de gjelder et element, slik at det skiller seg ut fra de andre delene av oppsettet ditt. Bruk harmoniprinsippene for å få de andre til å føle seg tilknyttet og fremheve fokuspunktet.
