Sådan oprettes afbalancerede sidelayouts
Det primære mål for ethvert sidelayout, du designer, hvad enten det er til en trykt brochure eller den nyeste webapp, er at kommunikere oplysninger tydeligt og effektivt til læseren. En af de bedste måder at sikre, at nøglebeskederne leveres til læseren, er at skabe et afbalanceret sidelayout.
Sidelayoutdesign involverer typisk meget placering, omarrangering og formatering af elementer. Mange designere nærmer sig denne proces organisk og føler sig vej til et behageligt slutresultat. Selvom dette kan føre til nogle fremragende glade ulykker, er der en risiko for, at brug af en fri formmetode kan resultere i manglende visuel balance på siden.
En god sidesammensætning skal både være behagelig for øjet og også kommunikere disse nøglebudskaber tydeligt til det tilsigtede publikum. Vi har samlet nogle toptips, der hjælper dig med at sikre, at dine sidelayoutdesign har balance (en god webstedsbygger vil også hjælpe). Disse tilgange vil fungere godt for at give en struktur for balance, uanset hvilket medium du arbejder med.
For mere webspecifik rådgivning, se vores guide til at skabe perfekt webstedslayouter .
01. Brug et gitter
En af de nemmeste måder at sikre, at din side har en vis balance, er at bruge en netsystem . Gitre plejede at være den eneste bevarelse af den udskrevne side, men meget arbejde er afsluttet online i de sidste par år for at hjælpe med at migrere konceptet med gitteret til det digitale medium.
Ved at bruge et gitter til at informere placeringen af forskellige elementer på en side opretter du en forbindelse mellem de forskellige elementer, der udgør din side. Dette kan hjælpe med at give en følelse af orden i dit layout, hvilket giver læseren en klar strukturel reference til at falde tilbage på og øger succesen på din side.
Dette er vigtigt, for når alle dine sideelementer har en følelse af forbindelse til hinanden, føles den samlede effekt mere behagelig for læseren, hvilket hjælper med at gøre dem rolige og letter deres adgang til de vigtige ting: indholdet.
02. Vælg et enkelt knudepunkt
En af de mest effektive måder at give en følelse af balance er at vælge et enkelt fokuspunkt til dit layoutdesign. Et godt eksempel på dette i praksis er brugen af et stort billede som det største enkeltelement på en side.
En stærk visuel kan give en effektiv måde at lede læseren ind på din side (ligesom ekspertanalysen af idealet webhosting service) og leverer også et nyttigt strukturelt element, hvor det resterende indhold kan arrangeres i dit layout. Hvis du har flere visuelle elementer, skal du bruge nærhedsprincippet Gestaltteori at gruppere dem sammen og tilpasse dem på samme måde.
Det er også værd at huske på, at du kan bruge en overskrift eller trække et tilbud på samme måde; en god skærmoverskrift kan tilbyde lige så stor visuel interesse som et billede, samtidig med at den fortsætter med at give den struktur, der hjælper dig med at sikre et afbalanceret layout.
03. Brug reglen om tredjedele
En af de bedste måder at skabe balance på er at bruge designerens favorit Regel af tredjedele eller Golden Ratio . Forenklet sagt siger tredjedelsreglen, at hvis du deler din side i tredjedele både lodret og vandret, giver de punkter, hvor gitterlinjerne krydser hinanden, de naturlige knudepunkter for en komposition.
Ved at tilpasse dine nøgleelementer til disse fire punkter opnår du en mere behagelig sammensætning, end hvis du f.eks. Perfekt centrerer elementer på din side.
I sig selv vil tredjedelsreglen ikke magisk give dit layout balance, men ved at udvide princippet er det let at bruge denne tendens mod et naturligt kontaktpunkt for at hjælpe med at informere balancen i dit layout.
En almindelig tilgang er at placere de vigtigste elementer på din side i den øverste (eller nederste) tredjedel af siden med det primære fokuspunkt justeret til at matche et af krydsene. Har du masser af aktiver at gemme til dit websted? Tjek disse Sky lagring muligheder.
04. Brug hvidt rum
Det er almindeligt for uerfarne designere at bruge hver eneste bit plads på en side og fylde indhold, indtil hvert hul er udfyldt. De mere erfarne ved, at den bedste del af design undertiden involverer at lade elementer være ude snarere end at skore dem ind.
I det trykte medium er den mest almindelige måde at gøre brug af hvidt rum på ved at forstørre sidemargener og tagrender. På nettet kan simpelthen at give masser af vejrtrækningsrum omkring elementer hjælpe med at få dit layoutdesign til at føles sammensat og afbalanceret.
Ved brug af negativ plads fungerer bedst, når du har en klar struktur, der forankrer indhold sammen (såsom det, der leveres af et gitter), da risikoen for hvidt rum kan være en følelse af afbrydelse mellem sideelementer, hvis de introduceres tilfældigt.
05. Gentag designelementer
Gentagelse kan også give en stærk følelse af forbundet design og balance i en komposition. Ideen er, at ved at identificere og genbruge et motiv eller designbehandling i hele dit layout, kan du give en reference til læseren, så forskellige områder føler sig forbundet og en del af den samme samlede sammensætning.
Du kan også bruge denne teknik til at give et fokuspunkt i dit design, mens du opretholder en samlet balance ved forsætligt at bryde det mønster af lighed, der er introduceret gennem gentagelse.
06. Brug hierarki
En af de vigtigste tilgange til at opnå sidelayout nirvana er en klar fornemmelse af struktur og hierarki. Vi har allerede berørt strukturen, men det er vigtigt også at formidle den relative betydning af forskellige indholdsstykker på din side. En overskrift skal for eksempel næsten altid være mere visuelt vigtig end indhold af brødtekst.
Se på de forskellige elementer, der udgør dit layoutdesign, og beslut hvilket element der er det vigtigste. Brug dette element til at tilvejebringe en strukturel krog til de resterende elementer på siden, hvilket holder det vigtigste.
07. Brug skala, kontrast og harmoni
Endelig kan brug af skala være en meget effektiv metode til at opnå en god visuel balance i dit layout. Ved at gøre nogle elementer større end andre, vil en følelse af orden og hierarki opstå. Dette hjælper med at skabe et behageligt layout, fordi seeren automatisk ser på de større elementer i layoutet først og går videre til de mindre elementer, når de læser.
Dette princip fungerer også med øget kontrast, så ved at isolere et element på siden gennem kontrast får øjet til at fokusere på det punkt først. Dette giver en vej ind på siden og giver igen et nyttigt strukturelt punkt at udvikle dit layout fra.
Både skala og kontrast fungerer bedst, når de gælder for et element, så det skiller sig ud fra de andre dele af dit layout. Brug harmoniprincipperne til at få de andre til at føle sig forbundet og fremhæve fokuspunktet.
Relaterede artikler:
