Innehåll
- 01. Använd ett rutnät
- 02. Välj en enda kontaktpunkt
- 03. Använd regeln om tredjedelar
- 04. Använd vitt utrymme
- 05. Upprepa designelement
- 06. Använd hierarki
- 07. Använd skala, kontrast och harmoni
Det främsta målet för varje sidlayout du utformar, oavsett om det är för en tryckt broschyr eller den senaste webbappen, är att kommunicera information tydligt och effektivt till läsaren. Ett av de bästa sätten att säkerställa att nyckelmeddelanden levereras till läsaren är att skapa en balanserad sidlayout.
Sidlayoutdesign innebär vanligtvis mycket placering, omarrangemang och formatering av element. Många designers närmar sig denna process organiskt och känner sig till ett tilltalande slutresultat. Även om detta kan leda till några utmärkta glada olyckor, finns det en risk att användning av en friformsmetod kan leda till brist på visuell balans på sidan.
En bra sidkomposition bör vara både tilltalande för ögat och även kommunicera dessa nyckelbudskap tydligt till den avsedda publiken. Vi har samlat några topptips som hjälper dig att se till att dina sidlayoutdesigner har balans (en bra webbplatsbyggare hjälper också). Dessa tillvägagångssätt fungerar bra för att ge en struktur för balans, oavsett vilket medium du arbetar med.
För mer webbspecifika råd, se vår guide för att skapa perfekta webbplatslayouter.
01. Använd ett rutnät
Ett av de enklaste sätten att se till att din sida har en viss balans är att använda ett rutnät. Rutnät var tidigare den enda utskriften för den utskrivna sidan, men mycket arbete har slutförts online under de senaste åren för att migrera konceptet med nätet till det digitala mediet.
Genom att använda ett rutnät för att informera placeringen av olika element på en sida skapar du en koppling mellan de olika elementen som utgör din sida. Detta kan hjälpa till att ge en känsla av ordning i din layout, vilket ger läsaren en tydlig strukturell referens att falla tillbaka på och ökar framgången för din sida.
Det här är viktigt för att när alla dina sidelement har en känsla av anslutning till varandra känns den övergripande effekten bekvämare för läsaren, vilket hjälper till att göra dem lugna och underlättar deras tillgång till viktiga saker: innehållet.
02. Välj en enda kontaktpunkt
Ett av de mest effektiva sätten att skapa en känsla av balans är att välja en enda kontaktpunkt för din layoutdesign. Ett bra exempel på detta i praktiken är användningen av en stor bild som det största enskilda elementet på en sida.
En stark visual kan ge ett kraftfullt sätt att leda läsaren in på din sida (liksom expertanalysen av den idealiska webbhotellstjänsten), och ger också ett användbart strukturellt element för att ordna det återstående innehållet i din layout. Om du har flera visuella element, använd närhetsprincipen för Gestaltteori för att gruppera dem och rikta in dem på samma sätt.
Det är också värt att komma ihåg att du kan använda en rubrik eller dra offert på samma sätt; en bra visningsrubrik kan erbjuda lika mycket visuellt intresse som en bild, samtidigt som du fortsätter att tillhandahålla strukturen som hjälper dig att säkerställa en balanserad layout.
03. Använd regeln om tredjedelar
Ett av de bästa sätten att skapa en känsla av balans är att använda designerns favorit Rule of Thirds eller Golden Ratio. Enkelt uttryckt säger regeln om tredjedelar att om du delar upp din sida i tredjedelar både vertikalt och horisontellt så ger de punkter där nätlinjerna skär varandra de naturliga fokuspunkterna för en komposition.
Genom att anpassa dina nyckelelement till dessa fyra punkter uppnår du en mer tilltalande komposition än om du till exempel perfekt centrerar element på din sida.
I själva verket kommer tredjedelsregeln inte att ge din layout magiskt balans, men genom att utöka principen är det lätt att använda denna tendens mot en naturlig kontaktpunkt för att informera balansen i din layout.
Ett vanligt tillvägagångssätt är att placera de viktigaste delarna på din sida i den övre (eller nedre) tredjedelen av sidan, med den primära kontaktpunkten inriktad för att matcha en av korsningarna. Har du massor av tillgångar att lagra för din webbplats? Kolla in dessa molnlagringsalternativ.
04. Använd vitt utrymme
Det är vanligt för nybörjare att använda varje plats på en sida och fylla i innehåll tills varje lucka har fyllts. De mer erfarna vet att ibland den bästa biten av design innebär att man lämnar element utanför, snarare än att skora dem.
I det tryckta mediet är det vanligaste sättet att använda vitt utrymme genom att förstora sidmarginalerna och rännorna. På webben kan du helt enkelt ge gott om andningsrum runt elementen för att göra din layoutdesign känd sammansatt och balanserad.
Att använda negativt utrymme fungerar bäst när du har en tydlig struktur som förankrar innehåll tillsammans (som den som tillhandahålls av ett rutnät), eftersom risken för vitt utrymme kan vara en känsla av koppling mellan sidelement om de införs slumpmässigt.
05. Upprepa designelement
Upprepning kan också ge en stark känsla av ansluten design och balans i en komposition. Tanken är att genom att identifiera och återanvända ett motiv eller en designbehandling i hela din layout kan du ge en referens för läsaren så att olika områden känns anslutna och en del av samma övergripande komposition.
Du kan också använda denna teknik för att ge en kontaktpunkt i din design, samtidigt som du behåller en total balans, genom att medvetet bryta det likhetsmönster som introduceras genom upprepning.
06. Använd hierarki
En av de viktigaste metoderna för att uppnå sidlayout nirvana är en tydlig känsla av struktur och hierarki. Vi har redan berört strukturen, men det är viktigt att också förmedla den relativa vikten av olika innehållsdelar på din sida. En rubrik, till exempel, bör nästan alltid vara mer visuellt viktig än innehållet i brödtexten.
Titta på de olika elementen som utgör din layoutdesign och bestäm vilket element som är det viktigaste. Använd det här elementet för att skapa en strukturell krok för de återstående elementen på sidan, vilket håller det viktigaste.
07. Använd skala, kontrast och harmoni
Slutligen kan användning av skala vara en mycket effektiv metod för att uppnå en bra visuell balans i din layout. Genom att göra vissa element större än andra kommer en känsla av ordning och hierarki fram. Detta hjälper till att skapa en bekväm layout eftersom tittaren automatiskt tittar på de större elementen i layouten först och går vidare till de mindre elementen när de läser.
Denna princip fungerar också med ökad kontrast, så att genom att isolera ett element på sidan genom kontrast får ögat att fokusera på den punkten först. Detta ger ett sätt in på sidan och återigen ger en användbar strukturell punkt att utveckla din layout från.
Både skala och kontrast fungerar bäst när de tillämpas på ett element, vilket gör att det sticker ut från de andra delarna av din layout. Använd harmoniprinciperna för att få de andra att känna sig anslutna och framhäva kontaktpunkten.
