Viktiga lärandemål

Efter att ha slutfört detta delkapitel kommer du att kunna:

• Förstå begreppet visuell balans inom webbdesign;
• Lära dig hur balans används för att skapa en harmonisk webbplatslayout;
• Identifiera exempel på välbalanserade webbplatser.

Balans är avgörande för att skapa en harmonisk webbplats. Visuell balans säkerställer att element är jämnt fördelade, vilket gör designen stabil och behaglig för ögat. Det finns tre typer av balans:

• Symmetrisk balans: Lika fördelning av element på vardera sidan av en central axel;
• Asymmetrisk balans: Olik fördelning, där balans uppnås genom kontrast och skala;
• Radiell balans: Element utgår från en central punkt.

Symmetrisk balans skapar ett formellt och organiserat intryck, vilket kan vara lugnande och förutsägbart. Asymmetrisk balans, som är mer dynamisk, kräver noggrann planering för att elementen ändå ska kännas balanserade. Radiell balans kan användas för mer iögonfallande och unika designer, ofta förekommande i logotyper eller fokusområden.

Exempel på webbplats: Apple är ett utmärkt exempel på symmetrisk balans. Elementen är nästan en spegelbild längs mittaxeln. Detta ger ett rent, elegant och innovativt intryck.

Exempel på webbplats: The Museum of Modern Art eller MOMA är ett utmärkt exempel på asymmetrisk balans. Elementen ser nästan ut att vara utspridda, på samma sätt som en konstnär arbetar. Detta ger ett unikt, nyskapande och modernt intryck.

Exempel på webbplats: Vlog.it är ett utmärkt exempel på hur radiell balans kan användas. Webbplatsens animationer och interaktivitet utgår från centrum. Detta gör det möjligt för webbplatsen att förmedla sitt varumärkesbudskap.