Symmetria on turvallinen. Se on mukava, ei uhkaava ja esteettisesti miellyttävä. Se voi olla myös erittäin tylsää. Epäsymmetrisen tasapainon käyttäminen voi tehdä asioista mielenkiintoisemmaksi, mutta silti pitää kiinni ruudukossa, jotta asiat järjestetään. Suunnittelussa, kuten monissa muissakin asioissa, sitä suuremmat riskit ovat suuremmat mahdolliset palkinnot.

Symmetriaa on pitkään pidetty hyvänä juuri siksi, että se on esteettisesti miellyttävä ja epämiellyttävä silmään. Sanan symmetria on peräisin kreikkalaisista komponenteista, jotka kääntävät "mitattuna"; symmetria on suhteellisuus ja tasapaino, laadullinen samankaltaisuus kuin identtinen samanlaisuus. Epäsymmetria olisi siis tasapainon tai suhteellisuuden puute, epätasaisuus.

Visuaalisessa kontekstissa useimmat meistä kuitenkin, vaikka emme muistan perusgeometrian oppituntien ottamista (älä koskaan miele, mitä siinä oli), ajattelevat symmetriaa, jolla on rajoitetumpi määritelmä.

Jos jokin on symmetrinen [on symmetria] , siinä on kaksi puolikkaata, jotka ovat täsmälleen samat, paitsi että toinen puoli on peilikuva toisesta.

-Collins-sanakirja

Eräs erittäin kuuluisa esimerkki lähes täydellisestä symmetriasta on Rorschach Test -kortit. Heidän kahdenvälisen symmetriansa oli heidän elämänsä tarkoituksellinen ja tärkeä näkökohta: Hermann Rorschach totesi, että monet potilaat hylkäsivät epäsymmetrisiä kuvia. Vaikka syyt tähän saattavat olla kiinnostava tutkimusalue itsessään, se on koko muu artikkeli. Kaikki mitä tarvitsemme on: symmetria mukava; Epäsymmetria ei ole niin mukava.

Kaikki mitä tarvitsemme on: symmetria mukava; Epäsymmetria ei ole niin mukava

Epäsymmetrinen tasapaino on visuaalisessa suunnitteluympäristössä sellainen, jossa kaksi tai useampia elementtejä kummallakin puolella on eri, mutta joilla on sama visuaalinen paino. Yksinkertainen esimerkki olisi kuva toisella puolella toisella tekstillä, joka on kokoa ja muotoiltu tasapainottamaan toisiaan.

Kaksi työkalua, jota käytämme symmetrian luomiseen ja epäsymmetrinen tasapaino, ovat verkko ja silmä. Ristikko, kuten tiedämme, on hyvin 1900-luvun puolivälissä keksitty keksintö, mutta samalla tavoin, että painovoima oli jo kauan ennen kuin omena putosi Isaac Newtonin päähän, niin voimme nähdä todisteita verkkoon perustuvasta asettelusta joissakin vanhimmista eloonjääneistä käsikirjoituksia meillä: Kuolleenmeren säärittelyt on kirjoitettu tasaisiin sarakkeisiin, joilla on säännölliset marginaalit ja johtavat; käsikirjoituksen ja tekstin paikannus varhaisen keskiajan käsikirjoituksissa, kuten Kellsin 8. vuosisadan kirja, viittaa verkon käyttöön.

Verkko on modernin graafisen suunnittelun kallioperä, ja se on ollut jo vuosisatojen ajan joissakin muodoissaan tai kauempaakin, ennen kuin graafisen suunnittelun tarkoitus on keksitty. Verkko takaa tasapainon suunnittelussa hajottamalla "sivun" tasavertaisiin tai suhteellisiin osioihin.

Vaikka verkko on objektiivinen ja jakaa tilaa ylöspäin tarkkojen matemaattisten suhteiden perusteella, ihmissilmä on subjektiivinen. Suuriin enemmistöihin sovelletaan sääntöjä tai sääntöjä, kuten x-merkkien pituus, riippuen laitteen koosta, luettavissa olevasta värinkontrastista, kaikki kupit ovat hieman aggressiivisia ja niin edelleen. Mutta miten erityinen muoto näkyy ja vastaanotetaan voi vaihdella suuresti.

Nämä vaihtelut vaihtelevat suuresta (kuten erilaiset värien merkitykset eri puolilla maailmaa) aina yksittäisten makujen yksilöllisiin vaihteluihin asti.

Tässä suunnittelijan on luotettava; Rohkeus tunnustaa, että kaikki eivät rakasta jokaista muotoilua, ja tee se joka tapauksessa, koska se toimii. Osaaminen ja kokemus auttaa ymmärtämään, miksi jotain ei toimi, tarkoittaa, että ymmärrät, miten se korjataan.

verkko on työkalu, joka auttaa meitä, mutta meitä ei tarvitse sitoa

Joskus, vaikka tiedät, että elementti on sijoitettu oikein tai joku johtanut on suhteellisen tarkka ruudukkosi mukaan, jotenkin se näyttää vääräksi. Joten korjataan silmällä. Teet säädöt, kunnes se näyttää oikealta, kunnes se tuntuu oikealta.

Suora muotoilumme välitön reaktio on emotionaalinen, henkinen ja analyyttinen vastaus seuraa. Joten meidän on muistettava, että verkko on väline, joka auttaa meitä, mutta meitä ei tarvitse sitoa.

Joten, miten voimme katkaista verkon, säilyttäen samalla johdonmukaisen suunnittelun?

Käyttämällä muuraustyötä

Todennäköisesti yleisimmin käytetty tekniikka on muuraus, kuten Pinterestin suosima. Sivu on jaettu tavallisiin sarakkeisiin vaakasuoralla tasolla, mutta näiden sarakkeiden sisällön lohkot ovat eri korkeuksissa. Joskus sarakkeet voivat olla kaksinkertaisia ​​tai jopa kolminkertaisia, tai yksittäinen elementti voi kestää kahta tai useampaa pylväsleveyttä, mutta se on aina jaollinen sarakkeen leveydellä.

Tätä tekniikkaa voidaan soveltaa toisin päin - kuten eri leveyksien sisältölohkoihin, jotka on järjestetty tavallisiin korkeusriviin - mutta se on yleisempi kuin parilliset sarakkeet. Muurattu ulkoasu voi tietenkin olla täysin säännöllinen. Jos pystytaso on jaettu samansuuruisiin riveihin ja kunkin sisällön lohkon korkeus on kyseisen rivin korkeus, niin sinulla on muurattu asettelu, joka tarttuu verkkoon.

On tavallista, että elementtien välinen pystysuuntainen etäisyys on aina sama, ja se vastaa vaakasuoria välejä sarakkeiden välillä. Jos sisällön lohkot sisältävät tekstiä, varmista, että lohkon korkeus on lineaarisen vertailukohdan mukainen, voi auttaa visuaalisen koherenssin kanssa.

Alliance Graphique Internationale

Alliance Graphique Internationale on klassinen esimerkki muurauslaadusta. Kuvat ovat samanlaisia, mutta eri korkeuksissa, kun pystysuuntaiset marginaalit kuvien välillä vastaavat sarakkakaukaloita. Kaikki kuvat täyttävät yhden sarakkeen leveyden, mikä tekee siitä hienosti reagoivan. Lisätty kosketus on, että kuvat latautuvat satunnaisesti vierittämällä.    

001

L'Eloi

L'Eloi Asettelussa on kaksoisleveys ja se käyttää suurempaa kourukoon, jotka molemmat lisäävät satunnaisuuden vaikutelmaa. Elementtien välinen suurempi tila korostaa eroa niiden korkeuksissa ja pystysuorassa asennossa.

002

Grafik

Grafik Asettelu vie asioita hieman uudelleen. Kuten kaksi aiempia esimerkkejä, sivu on jaettu samansuuruisiin sarakkeisiin, sarakkeiden lukumäärä riippuu näkymän leveydestä. Elementtien välillä ei ole kuitenkaan määriteltyä vaaka- tai pystysuuntaista välimatkaa, eikä kuvien kokoa voida täyttää koko sarakkeen leveydellä. Sarakkeen leveydet ovat samat, mutta kunkin sarakkeen kohteiden välinen vaakataso riippuu elementtien koosta ja selainikkunan koosta. Tulos tuntuu mielenkiintoiselta ja satunnaiselta, samalla kun meillä on alitajuisesti tietoinen rauhoittava järjestys.

Lisäksi liikkuminen kuvan päälle tuo esiin artikkelin otsikon ja ote, joka useissa tapauksissa on päällekkäisiä vierekkäisten kuvien kanssa.

003

Toistuva epäsäännöllinen kuvio

Toinen tekniikka on luoda epäsäännöllisesti sijoitettujen elementtien toistuva kuvio. Ihmissilmä piirretään kuvioihin, ja aivoissamme on luonnollinen taipumus tunnistaa kaikki ympärillämme olevat mallit. Vaistomaisesti etsimme kuvioita, koska niiden ennustettavuus tekee meistä mukavaksi.

Tom Dixon

Tom Dixon Asettelut ryhmittävät yhteen useita eri kokoisia elementtejä, joiden välissä on vaihteleva vaaka- ja pystytila. Tarkka järjestely vaihtelee näytön koon mukaan, koska kuvat skaalevat eri nopeuksilla. Tämä "ala" -asettelu toistetaan sitten lisää sisältöä. Se antaa meille visuaalisen kiinnostuksen, joka syntyy epäsäännöllisen välimatkan ja epäsäännöllisyyden avulla, mutta yhdistää sen toistuvan kuvion rauhoittavan symmetrian kanssa.

td

Katso äiti, (lähes) Ei verkkoa!

Voit tietenkin soveltaa retrospektiivisesti ruudukon lähes mihin tahansa muotoiluun. Ja jopa ne mallit, jotka eivät näytä olevan ristikkäisiä, käyttävät lähes aina perustana olevaa verkkoa erityisesti typografiansa puolesta. Koska elementtien ympärillä olevat värit kasvavat, verkko muuttuu visuaalisesti vähäisemmäksi ja vähemmän hallitsevaksi.

Grid-pohjaisen asettelun omistaminen kokonaan on vaarallista, mutta se voi toimia oikeilla käsillä. Pidä asioita mahdollisimman vähän ja puhtaana on helpompi vaihtoehto välttää grid geometria. Tämäntyyppinen ulkoasu toimii parhaiten kaikkien kuvien tai ainakin pääosin kuvien kanssa.

Sojournal

Sojournal parittaa kuvan, jolla on otsikko ja alanimike. Kuvassa on pieni kuvio, joka vaihtelee vasemman ja oikean sijoittelun välillä. Kuvat ovat kuitenkin erikokoisia ja mittasuhteita, ja tarkka sijoittelu vaihtelee kuvan ja kuvan välillä. Ei ole määriteltyjä sarakkeita, ja elementtien välinen pystytila ​​vaihtelee.

Kuvien koko tarkoittaa, että ikkunassa kerrallaan ei ole enää kahta. Se on erittäin puhdas, tilava tunneasento ja epäsäännöllinen paikannus kuvaa kiinnittää huomiota kumpaankin vuorostaan.

004

Musta lammas

Koska kuvat sisään Musta lammas Asettelut ovat samanlaisia ​​- melko pienikokoisia ja ovat samassa aihe-teemassa, ne voidaan ryhmitellä tiiviimmin, joillakin paikoin jopa päällekkäisillä. Ylimääräisiä osia tasapainotetaan suuremmilla tiloilla muissa paikoissa.

005

Hollie Fernando valokuvaus

varten Hollie Fernandon salkku , pienemmät kuvat sijoitetaan lähemmäs toisiaan, kun taas suuremmilla on enemmän tilaa niiden ympärillä. Kuten edellisissä kahdessa esimerkissä, kuvat täältä valitaan huolella ja ryhmitellään. Sisältökuraatio on aina tärkeä mille tahansa sivustolle, mutta se on olennainen osa menestyksekästä verkkoasennusta.

006