Sommittelu

Mitä sommittelu on visuaalisessa designissa?

Sommittelu on elementtien järjestämistä kehyksen sisällä — miten asiat sijoitetaan suhteessa toisiinsa ja reunoihin. Hyvä sommitelma tuntuu väistämättömältä: mitään ei voisi siirtää ilman että kokonaisuus heikkenee.

Jokainen tämän sivuston sivu on sommitelma. Hero-otsikko, osiot, jakajat, alatunniste — kaikki ovat sijoitettuja, eivät vain pinottuja. Vaihtele tyylejä ja katso miten samat elementit järjestyvät uudelleen: keskitettynä Art Decossa, vasempaan tasattuna Swiss Internationalissa, koko leveydeltä Web-brutalismissa.

Miten symmetria luo muodollisuutta?

Symmetrinen sommitelma — elementtien peilaaminen keskiakselin yli — luo järjestyksen, auktoriteetin ja seremonian tunteita. Se on luonnostaan muodollista, koska se vaatii tarkoituksen: luonto tuottaa harvoin täydellistä symmetriaa.

Art Deco on tämän sivuston symmetrisin tyyli. Jokainen otsikko on keskitetty. Jokainen koriste peilaa itsensä. Sivulla on selkäranka — pystyakseli, josta kaikki riippuu.

Victorian saavuttaa muodollisuuden ilman keskitystä — raskaat reunat, koristeelliset kehykset ja tiheä kerrostus luovat seremoniallisen rakenteen vasempaan tasatussa asettelussa. Koristeen paino tarjoaa sen arvokkuuden, jonka Art Deco saavuttaa symmetrian kautta.

Rajoitus: symmetria voi tuntua staattiselta. Mikään ei liiku täysin tasapainoisessa sommitelmassa. Dynaamisuus vaatii epäsymmetriaa.

Miten epäsymmetria luo dynaamisuutta?

Epäsymmetrinen sommitelma sijoittaa elementit pois keskeltä, luoden jännitettä ja liikettä. Katse vedetään sommitelman läpi sen sijaan että se lepäisi keskellä.

Art Nouveau saavuttaa tasapainon epäsymmetrian kautta — kuin valoa kohti kallistuva kasvi. Elementtejä ei peilata vaan vastapainotetaan.

Swiss International käyttää epäsymmetrisiä gridejä — vasempaan tasattu teksti luo vahvan vasemman reunan samalla kun oikea reuna on rosoinen ja vapaa. Sommitelma on ankkuroitu toiselta puolelta ja avoin toiselta.

Memphis käyttää tarkoituksellista epätasapainoa — ei tasapainoista epäsymmetriaa vaan aktiivista epävakautta. Tämä luo maksimienergian rauhan kustannuksella.

Mitä visuaalinen paino on ja miten se vaikuttaa sommitelmaan?

Visuaalinen paino on se, kuinka 'raskaalta' elementti tuntuu — kuinka paljon huomiota se vaatii. Tummat elementit ovat raskaampia kuin vaaleat. Suuret elementit ovat raskaampia kuin pienet. Tekstuuriset elementit ovat raskaampia kuin sileät.

Sommittelussa raskaammat elementit vetävät katsetta. Pieni, tumma elementti voi tasapainottaa suurta, vaaleaa — kuin keinulauta jossa raskaampi lapsi istuu lähempänä keskustaa.

Dark Luxury on enimmäkseen 'kevyt' (ohut teksti, vähän elementtejä) yhdellä 'raskaalla' aksentilla (kulta tai ruusu). Aksentin raskautta vahvistaa sitä ympäröivä keveys.

Victorian on tasaisesti raskas — paksut reunat, lihava teksti, tiheä koriste. Kun kaikki on raskasta, hierarkian on tultava suhteellisesta painosta absoluuttisen painon sijaan.

Miten kehyksen reuna vaikuttaa sommitelmaan?

Kehys — näkymän tai säiliön reunat — ei ole neutraali. Reunan lähellä olevat elementit tuntevat jännitettä sen kanssa. Keskellä olevat elementit tuntevat vakautta. Sisällön ja reunan välinen suhde määrää sommitelman energian.

Leveät marginaalit (Art Deco, Dark Luxury) eristävät sisällön reunasta. Sisältö kelluu tilan ympäröimänä. Tämä luo fokuksen ja luksuksen.

Kapeat marginaalit (Victorian, Memphis) työntävät sisällön kohti reunoja. Sisällön ja kehyksen välinen jännite luo energian ja tiheyden.

Ei marginaaleja (Web-brutalismi) poistaa kehyksen kokonaan. Sisältö koskettaa reunaa — tai oikeammin, reunaa ei ole olemassa. Näkymä ei ole kehys; se on vain se, mihin sisältö sattuu loppumaan.