Tasapaino suunnittelussa on suunnittelun elementtien jakautumista. Balance on visuaalinen tulkinta painovoimasta suunnittelussa. Suuret, tiheät elementit näyttävät painavilta, kun taas pienemmät elementit näyttävät kevyemmiltä. Voit tasapainottaa malleja kolmella tavalla:
- symmetrinen tasapaino
- epäsymmetrinen tasapaino
- epäharmoninen tai epätasapainoinen
Tasapainon käyttö suunnittelussa
Verkkosuunnittelun tasapaino löytyy ulkoasusta. Elementtien sijainti sivulla määrittää, kuinka tasapainoiselta sivu näyttää. Suuri haaste visuaalisen tasapainon saavuttamiseksi web-suunnittelussa on taitto. Voit suunnitella asettelun, joka on täysin tasapainossa ensimmäisessä näkymässä, mutta lukijan selaaessa sivua se voi muuttua epätasapainoiseksi.
Tasapainon sisällyttäminen verkkosuunnitteluun
Yleisin tapa sisällyttää tasapaino web-suunnitteluun on ulkoasu. Mutta voit myös käyttää float style -ominaisuutta elementtien sijoittamiseen ja niiden tasapainottamiseen sivulla. Yleinen tapa tasapainottaa asettelua symmetrisesti on keskittää teksti tai muut elementit sivulla. Suurin osa verkkosivuista on rakennettu ruudukkojärjestelmään, ja tämä luo välittömästi sivulle jonkinlaisen tasapainon. Asiakkaat voivat nähdä ruudukon, vaikka siinä ei olisi näkyviä viivoja. Verkkosivut sopivat hyvin ruudukkomalleihin verkkomuotojen neliömäisyyden vuoksi.
symmetrinen tasapaino
Symmetrinen tasapaino saavutetaan sijoittamalla elementit suunnitteluun erittäin tasaisesti. Jos sinulla on suuri raskas elementti oikealla, sinulla on vastaava raskas elementti vasemmalla. Keskittäminen on helpoin tapa saada symmetrisesti tasapainotettu sivu. Mutta ole varovainen, sillä voi olla vaikeaa luoda keskitetty malli, joka ei näytä tasaiselta tai tylsältä. Jos haluat symmetrisesti tasapainoisen mallin, on parempi luoda tasapaino useilla elementeillä – kuten kuva vasemmalla ja suuri lohko raskaampaa tekstiä sen oikealla puolella.
Epäsymmetrinen tasapaino
Epäsymmetrisesti tasapainotetut sivut voivat olla haastavampia suunnitella, koska niillä ei ole yhteensopivia elementtejä suunnittelun keskiviivalla. Voit esimerkiksi sijoittaa suuren elementin hyvin lähelle kuvion keskilinjaa. Tasapainottaaksesi sitä epäsymmetrisesti, sinulla voisi olla pieni elementti kauempana keskilinjasta. Jos uskot, että mallisi on keinulla tai keinulla, kevyempi elementti voi tasapainottaa raskaampaa elementtiä siirtymällä kauemmas painopisteestä. Voit myös käyttää värejä tai tekstuuria tasapainottamaan epäsymmetristä muotoilua.
Epäsopiva tai epätasapainoinen
Joskus suunnittelun tarkoitus saa epätasapainoisen tai ristiriitaisen suunnittelun toimimaan hyvin. Epätasapainoiset mallit ehdottavat liikettä ja toimintaa. Ne saavat ihmiset tuntemaan olonsa epämukavaksi tai epämukavaksi. Jos suunnittelusi sisällön on myös tarkoitus olla epämukavaa tai saada ihmiset ajattelemaan, dissonanttisesti tasapainoinen muotoilu voi toimia hyvin.