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.

Kuvitus: Outcrowd

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.

Illustration: Outcrowd

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.

Laskusivu – Aasialaista keittiötä

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

Kuvitus: Outcrowd

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.

Kuvitus: Outcrowd

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.

Vastaa

Sähköpostiosoitettasi ei julkaista.