Tasapaino on yksi sommittelun tärkeimmistä elementeistä.
Tasapaino on elementtien vastakkainasettelu, joka luo tasapainoa ja harmoniaa. Tasapainon tila on katsojalle intuitiivisesti miellyttävä.
Ihmiskeho on pystysuunnassa symmetrinen, ja visuaalinen vastaanottomme vastaa tätä. Pidämme esineistä, jotka ovat tasapainossa pystyakselin suhteen. Meillä on aina taipumus tasapainottaa yksi voima toisen kanssa.
Suunnittelun yhteydessä tasapaino perustuu elementtien visuaaliseen painoon. Visuaalinen painoarvo on katsojan kuvaan kiinnittämän huomion kesto. Jos verkkosivusto on tasapainoinen, kävijät tuntevat olonsa alitajuisesti mukavaksi. Verkkosivuston tasapaino koetaan sen elementtien visuaalisesti oikeasuhtaisena järjestelynä.
Miten saat verkkosivustosi näyttämään tasapainoiselta?
Symmetrinen (staattinen) tasapaino
Yleisin esimerkki tasapainosta on symmetria.
Symmetria on visuaalisesti miellyttävää alitajunnan tasolla, se näyttää järjestetylle ja harmoniselle. Symmetrinen tasapaino syntyy, kun elementit sijoitetaan tasaisesti vaaka- tai pystysuoran keskiakselin molemmille puolille. Toisin sanoen sivun keskellä kulkevan kuvitteellisen viivan molemmat puolet ovat itse asiassa toistensa peilikuvia. Joidenkin mielestä symmetrinen tasapaino on tylsä ja ennalta-arvattava, mutta se on kestänyt aikojen koettelemuksen ja on edelleen yksi parhaista tavoista luoda sivulle viihtyisyyden ja terveellisyyden tunnetta.
Asymmetrinen (dynaaminen) tasapaino
Kompositio, jonka molemmilla puolilla on epätasainen painoarvo, on epäsymmetrinen tasapaino.
Dynaaminen tasapaino on aina mielenkiintoisempi kuin staattinen, joka ei jätä mielelle työtä. Tasapainon puuttuessa katseemme alkaa refleksinomaisesti etsiä vastapainoa, ja tämä on oiva tilaisuus kiinnittää huomio sivun osaan, joka voisi jäädä huomaamatta. Painotus tulisi sijoittaa tähän – ja huomio tarttuu siihen kuin pelastusköyteen.
Yleensä tällaisena ”vastapainona” on painike ja/tai otsikko.
Tärkeää tietoa (tai kehotusta toimintaan) tulisi käyttää ”vastapainona”.
Mitä jyrkempi epäsymmetria on, sitä enemmän katsoja pyrkii selvittämään sen syyn (tutkimaan vastapainoja). Ihmiset tutkivat vaistomaisesti tällaista kuvaa tavallista tarkemmin. Tässä tarvitaan kuitenkin suhteellisuudentajua – liian eksentristä sommittelua ei aina hahmoteta hyvin.
Radiaalinen tasapaino
Tasapainotyyppi, jossa visuaaliset elementit säteilevät yhteisestä keskipisteestä. Säteittäistä tasapainoa ei käytetä suunnittelussa kovin usein. Sen etuna on, että huomio löytää ja pitää helposti keskipisteen – juuri keskellä. Tämä on yleensä sommittelun huomattavin osa.
Mosaiikkitasapaino
Tämä on tasapainoinen kaaos, kuten Jackson Pollockin maalauksissa. Tällaisessa sommitelmassa ei ole näkyviä polttopisteitä, ja kaikki elementit ovat yhtä lailla vastuussa. Hierarkian puute muodostaa ensisilmäyksellä visuaalisen kohinan, mutta kaikki elementit sopivat yhteen ja muodostavat yhtenäisen kokonaisuuden.
Visuaalisen tasapainon salaisuudet
Puhuttaessa kokoonpanon voimatasapainosta tehdään usein vertailuja fyysisen maailman voimiin: painovoimaan, vipuvaikutukseen, painoihin ja tukipisteeseen. Aivomme ja silmämme havaitsevat tasapainon hyvin samankaltaisessa muodossa kuin mekaniikan lait. Meidän on helppo kuvitella kuva tasaiseksi pinnaksi, joka on tasapainossa jossakin kohdassa, kuten vaaka ja kulho. Jos lisäämme kuvan johonkin reunaan elementin, se menettää tasapainonsa, ja tunnemme tarvetta korjata se. Sillä ei ole väliä, onko elementti joukko sävyjä, värejä tai pisteitä. Tavoitteena on löytää kuvan visuaalinen ”massakeskipiste”, sen painovoimakeskipiste.
Valitettavasti ei ole olemassa tarkkaa menetelmää kohteen visuaalisen massan määrittämiseksi. Yleensä suunnittelijat luottavat intuitioonsa. On kuitenkin olemassa hyödyllisiä havaintoja, jotka voivat auttaa:
- Koko
Suuret kohteet painavat aina.
- Muoto
Epäsäännölliset elementit vaikuttavat kevyemmiltä kuin säännöllisen muotoiset elementit.
- Väri
Lämpimät värit tuntuvat painavammilta kuin kylmät.
- Sävy
Tummemmat esineet painavat painavammilta kuin vaaleat.
- Tekstuuri
Tekstuurilla varustetut esineet näyttävät painavammilta.
- 3D
Tekstuurilla varustetut esineet näyttävät painavammilta.
- Lokaatio
Mitä kauempana esine on keskipisteestä, sitä suurempi on sen visuaalinen paino.
- Orientaatio
Pystysuorat elementit vaikuttavat painavammilta kuin vaakasuorat.
- Tiheys
Monet pienet elementit tasapainottavat yhtä suurta.
- Sisäinen kiinnostavuus
Kohteen monimutkaisuus antaa sille enemmän visuaalista painoarvoa.
- Tilan täyttyminen
Positiiviset muodot painavat enemmän kuin negatiivinen tila.
- Fyysisen painon havaitseminen
Kuvassa näkyvä käsipaino vaikuttaa painavammalta kuin kynä.
Kiinnitetään yhteenvetoa
Kun käytetään symmetriaa, lopputulos osoittaa ammattitaitoa ja vakavaa, kestävää lähestymistapaa. Epäsymmetrian menetelmät herättävät kiinnostusta, ilmaisevat yksilöllisyyttä ja luovuutta, kiinnittävät huomiota.