Balans i design är fördelningen av element i designen. Balans är en visuell tolkning av gravitationen i designen. Stora, täta element verkar vara tyngre medan mindre element verkar vara lättare. Du kan balansera mönster på tre sätt:
- symmetriskt saldo
- asymmetriskt saldo
- discordant eller off-balance
Bottom Line
Balans i webbdesign finns i layouten. Elementens placering på sidan avgör hur balanserad sidan ser ut. En stor utmaning för att uppnå visuell balans i webbdesign är vecket. Du kan designa en layout som är perfekt balanserad i den första vyn, men när läsaren rullar på sidan kan den komma ur balans.
Hur man inkluderar saldo i webbdesign
Det vanligaste sättet att införliva balans i webbdesign är i layouten. Men du kan också använda egenskapen flytstil för att placera element och balansera dem över sidan. Ett mycket vanligt sätt att balansera en layout symmetriskt är att centrera texten eller andra element på sidan.
De flesta webbsidor är byggda på ett rutsystem, och detta skapar en form av balans för sidan direkt. Kunder kan se rutnätet, även om det inte finns några synliga linjer. Webbsidor är väl lämpade för rutnätsdesign på grund av webbformernas kvadratiska karaktär.
Bottom Line
Symmetrisk balans uppnås genom att placera element på ett mycket jämnt sätt i designen. Om du har ett stort, tungt element på höger sida, har du ett matchande tungt element till vänster. Centrering är det enklaste sättet att få en symmetriskt balanserad sida. Men var försiktig, eftersom det kan vara svårt att skapa en centrerad design som inte ser platt eller tråkig ut. Om du vill ha en symmetriskt balanserad design är det bättre att skapa balansen med olika element - som en bild till vänster och ett stort block med tyngre text till höger om den.
Asymmetrisk balans
Asymmetriskt balanserade sidor kan vara mer utmanande att designa – eftersom de inte har element som matchar designens mittlinje. Till exempel kan du ha ett stort element placerat mycket nära designens mittlinje. För att balansera det asymmetriskt kan du ha ett litet element längre bort från mittlinjen. Om du tänker på din design som på en vipp eller gungbräda, kan ett lättare element balansera en tyngre genom att vara längre bort från tyngdpunkten. Du kan också använda färg eller struktur för att balansera en asymmetrisk design.
Discordant eller Off-Balance
Ibland gör syftet med designen att en obalanserad eller disharmonisk design fungerar bra. Design som är ur balans föreslår rörelse och handling. De gör människor obekväma eller oroliga. Om innehållet i din design också är tänkt att vara obekvämt eller få folk att tänka, kan en disharmoniskt balanserad design fungera bra.
