Mikä on Golden Ratio ja kuinka sitä käytetään graafisessa ja verkkosuunnittelussa?

Hämmästyttävän taideteoksen tai visuaalisesti stimuloivan verkkosivuston luominen ei ole varsinainen kakku. Vaikka luovuudella on suuri rooli minkä tahansa suunnittelun menestyksessä, mukana on myös jonkin verran matematiikkaa ja tiedettä.

Kun ihmiset näkevät ikonisten taiteilijoiden ja mestarien, kuten Da Vincin tai Salvador Dalin, taidetta, he ajattelevat luovaa neroutta. Sama tuntuu, kun näet veistoksia, kuten muinaisen Rooman Pantheonin. Kaikilla näillä taideteoksilla on kuitenkin yhteinen asia, joka tunnetaan nimellä kultainen suhde. Ace-suunnittelijat ja verkkosivustojen luojat luottavat edelleen tähän testattuun konseptiin luodakseen upeita taideteoksia ja verkkosivustoja, jotka houkuttelevat silmäsi.

Kultainen suhde historian kulun läpi

Kultaisen suhteen juuret voidaan jäljittää kreikkalaisen sivilisaation loistokausiin. Muinaisten egyptiläisten sanotaan myös käyttäneen sitä upeiden pyramidien ja muiden hautojen luomiseen 4000 vuotta sitten. Muinaisilla kreikkalaisilla oli hämmästyttävää huippuosaamista taiteessa, musiikissa ja tieteessä.

Kreikkalaiset olivat ehkä ensimmäisiä, jotka huomasivat, että luonnollisissa asioissa, kuten puissa, kukissa, eläimissä jne. on kaunis epäsymmetria. He käyttivät kreikkalaista kirjainta Phi ilmaisemaan tätä ilmiötä. Vuosisatojen ajan taiteilijat ja arkkitehdit ovat turvautuneet käyttämään kultaisen leikkauksen mittasuhteiden ja ydinkonseptien ymmärtämistä esteettisesti miellyttävän arkkitehtuurin ja taideteoksen luomiseksi.

Nykyaikaan leikatun kultaisen leikkauksen avulla päätetään visuaalista ulkoasua ja muotoa esimerkiksi logoille, luottokorteille, huonekaluille, kirjoille, jopa niinkin arkipäiväisille kuin ruokapaikan lautasten suunnittelu. Jopa Facebook pyrkii kehittämään AR-lasia, joka osaa lukea ihmisen ajatuksia, ja suunnittelussa se on valtavan hyödyllinen kultaisen leikkauksen kanssa.

Toisin sanoen, et ehkä ole tietoinen, mutta kultainen suhde on olemassa kaikkialla ympärilläsi! Joskus et ehkä ole liian varma siitä, miksi valitset tietyllä mallilla varustetun T-paidan muiden myymälässä. Sen muotoilu houkuttelee jotenkin enemmän silmiäsi ja mieltäsi, ja ydinsyy on kultainen leikkaus.

Golden Ration vivahteet suunnittelun ammattilaisten tulisi tietää

Suhde on johdettu kuuluisasta Fibonacci-sekvenssistä, jonka saatat muistaa nähneeni kriitikoiden ylistämässä Da Vinci Code -elokuvassa. Se on luonnossa esiintyvä numerosarja, joka löytyy melkein mistä tahansa. Sarja on siellä simpukankuoren muodossa ja esimerkiksi puussa olevien lehtien määrässä.

Fibonacci-sekvenssi on periaatteessa kahden sitä edeltävän luvun summa. Se on kuin: 0, 1,1, 2, 3, 5, 8, 13, 21 jne. äärettömään asti. Siitä kreikkalaiset loivat kultaisen suhteen. Se ilmaisee kahden mittasuhteen välistä täysin symmetristä suhdetta. Se on noin 1:1,618. Tämä esitetään usein käyttämällä kultaista suorakulmiota: iso suorakulmio, joka koostuu neliöstä ja kooltaan pienemmistä suorakulmioista. Neliön sivut vastaavat suorakulmion lyhintä pituutta. Jos hylkäät neliön sisältävän suorakulmion, toinen pienempi kultainen suorakulmio jää jäljelle. Tämä jatkuu loputtomasti aivan kuten Fibonacci-luvut – jotka toimivat päinvastoin!

Joitakin merkittäviä esimerkkejä kultaisesta suhteesta ihmiselämässä

Kreikkalaiset olivat kultaisen suhteen mestareita. Jos tarkkailet kreikkalaisten rakennusten ja temppelien rauniot, voit löytää miellyttävän mittasuhteen rakennuksen korkeuden ja leveyden välillä. Tämä koskee pylväiden kokoa, portiikkoa ja kaikkea siinä. Tätä käsitettä käytettiin laajasti myös uusklassisessa arkkitehtuuriliikkeessä.

• Viimeinen ehtoollinen – Leonardo da Vincin suosittu maalaus sisältää kultaisen leikkauksen leiman – aivan kuten hänen muutkin kuuluisat veistosensa ja maalauksensa. Siinä näet alempaan kahteen kolmasosaan sijoitetut hahmot. Myös Jeesuksen asema on synkkä.
• Luonnonkohteet ja elämänmuodot – Jopa luonnosta löytyy monia esimerkkejä tästä käsitteestä. Voit esimerkiksi katsoa ananaksia, hunajakennoja, erilaisia ​​kukkia, simpukankuoria jne.

Miksi kultainen kuvasuhde liittyy verkko- ja graafiseen suunnitteluun?

Ei ole vaikea ymmärtää, miksi verkko- ja graafiset suunnittelijat ja taiteilijat turvautuvat työssään kultaiseen leikkaukseen. Kohdekatsojat tai sivuston vierailijat kiinnittävät huomiota muotoiluun tai suojelijaan, joka näyttää houkuttelevalta ja rauhoittavalta silmille. Vanhuuden sanonnalla ensivaikutelmasta, viimeisenä olemisesta on tässä tärkeä rooli. Ellei verkkosivuston kotisivu houkuttele silmää, vierailijat poistuvat siitä hetkessä. Ilman visuaalista symmetriaa ja mittasuhteita web-sivu tai taideteos ei tee katsojien oloa helpoksi ja mukavaksi.

Kun sivuston ulkoasu ja suunnittelutyyli vaikuttavat katsojasta oikeasuhteiselta ja esteettiseltä, he ovat kiinnostuneita tutustumaan sisältöön ja siirtymään sivuston muihin osiin. Golden Ratiota käytetään myös web-suunnittelussa tasapainottamaan tekstiä, rikasta sisältöä ja luomaan hierarkiaa. Sama logiikka pätee graafiseen taiteeseen, kuten yrityksen logoon.

Kultaisen suhteen käytöllä on positiivinen vaikutus kokonaisuuteen ja sen elementteihin erikseen. Kun suunnitteluelementit ovat oikeasuhteisia – se näyttää visuaalisesti tyydyttävältä. Ikonista muihin visuaalisiin elementteihin – kaikki loksahtaa paikoilleen ja näyttää oikeasuhteiselta, kun kultainen leikkaus otetaan käyttöön.

Verkkosuunnittelussa myös tekstisisällön sijoittaminen oikeaan paikkaan ja oikean tyypin ja koon valinta on tärkeää. Tässä voidaan myös käyttää kultaista annostusta. Voit valita tietyn tekstikoon otsikolle ja jakaa sitten käyttämällä 1,618:aa. Tulos on oikea alaotsikoille. Jos leipätekstin koko on 10 pikseliä, voit kertoa sen luvulla 1,618. Otsikon tekstin kooksi voidaan siksi asettaa 16 pikseliä. Verkkosivuilla, joilla on käytettävä erityyppistä sisältöä, tämä voi olla hyödyllistä.

Millä tahansa verkkosivulla valkoisen tai tyhjän tilan määrällä on myös merkitystä. Liialliset välit eivät ole visuaalisesti houkuttelevia, ja valkoisten välien puute sivulla voi saada sen näyttämään sekavalta. Kultaisen leikkauksen avulla suunnittelijat pystyvät selvittämään sopivan määrän valkoisia välejä verkkosivuilla.

Myös logosuunnittelussa kultaisen leikkauksen käyttö on olennaista. Logo edustaa yritystä kohdekäyttäjille ennen kuin he vierailevat verkkosivuilla tai merkkikaupoissa jne. Logon on siis oltava esteettisesti miellyttävä ja tasapainoinen. Tässä kohtaa kultainen leikkaus astuu sisään. Monien monikansallisten yritysten ja suuryritysjättiläisten, kuten Pepsin, Twitterin ja Applen, logot luotiin teoriaa käyttämällä.

Kuinka toteuttaa kultainen annos grafiikassa ja web-suunnittelussa?

Itse asiassa kultaisen leikkauksen käsitteen käyttöönotto suunnittelussa ja taideteoksessa on yksinkertaisempaa kuin luulet. On olemassa kaksi tapaa ottaa se käyttöön verkko- tai graafisessa suunnittelussa:

• Nopea ratkaisu: Jos olet mukana verkko- tai graafisessa suunnitteluprojektissa, jossa on tiukka määräaika ja suunnittelussa ei ole aikaa liikaa kokeiluun, voit silti ottaa kultaisen leikkauksen käyttöön. Konsepti on jakaa alue kolmeen yhtä suureen osaan – vaaka- ja pystysuunnassa. Näiden viivojen leikkauspisteen tulisi toimia muotojesi ja hahmojesi luonnollisena keskipisteenä.

  Valokuvaajia opetetaan yleensä sijoittamaan pääkohde johonkin sellaisista risteävistä viivoista miellyttävien sommittelujen saamiseksi. Samaa teoriaa voidaan käyttää sivujen ulkoasuissa ja julistesuunnittelussa.

• Täysi toteutus: Varmistaa, että noudatat ikivanhaa kultaisen suhteen käsitettä käyttämättä pikanäppäimiä – sekään ei ole tylsää. Verkkosivulla sinun tulee varmistaa, että sisältöalueen ja sivupalkin suhteet noudattavat tätä 1:1.6.1-suhdetta. Jos sisältöalue on siis keskimäärin 640 pikseliä, sinun tulee varmistaa, että sivupalkin koko on noin 400 pikseliä. Sama logiikka koskee otsikko-, alatunniste- ja navigointialueita.

Golden Ratiolle on sovellus, kyllä!

Jos koet konseptin ymmärtämisen ja hyödyntämisen suunnittelutyössäsi tylsää tai pelkäät, saatat poiketa normeista – rentoudu. Kuten kaikki muukin elämässä – saat sovelluksen Golden Ratiolle. Itse asiassa saat useita sovelluksia konseptin käyttöönottamiseksi suunnittelussasi.

Alla on lueteltu joitain sellaisia ​​​​sovelluksia, joita voit tarkistaa:

• Golden Ratio – GoldenRATIO on yksi sovellus, jonka avulla voit käyttää ikivanhaa konseptia suunnittelussasi ilman hälinää ja ajanhukkaa. Se on saatavana 2,99 dollarilla Mac App Storesta. Sovelluksessa on hyödyllinen suosikkiominaisuus ja toimiva ”click-thru”-tila. Sitä voidaan käyttää Photoshopissa sekä peittokuvana. Saat upotetun laskimen visuaalisella palautteella.
• Golden Ratio -typografialaskin – Tämän avulla voit tehdä täydellisen typografian mille tahansa verkkosivustolle, joka on synkronoitu Golden Ratio -teorian kanssa.
• Phicalculator – Phicalculator on hyödyllinen ja ilmainen sovellus, jota voidaan käyttää sekä PC:llä että Macilla. Jos syötät siihen luvun, saat vastaavan numeron kultaisen suhteen mukaan.
• Atrise Golden Section – Tämä on toimiva ruudukkoohjelmisto, jossa on näytön viivaimella. Käyttämällä tätä säästät lähetysaikaa laskelmissa. Voit nähdä ja muokata harmonisia kokoja ja muotoja. Se on jyrkkähintainen, mutta ilmaisia ​​kokeiluversioita voi käyttää 30 päivää.
• PhiMatrix – Tämä on toinen kätevä ja laajalti käytetty työkalu Golden Ratio -pohjaiseen suunnitteluun ja analysointiin. Saat mukautettavia ruudukoita sekä malleja, joita voidaan käyttää peittoina suunnitteluprojekteissa.

On olemassa kolmannen osapuolen kamerasovelluksia, joiden avulla voit ottaa upeita valokuvia kultaisen suhteen ja Fibonacci-sekvenssin mukaisesti. Jotkut näistä sovelluksista ovat ilmaisia ​​ja myös maksullisia. Nämä sovellukset ovat saatavilla sekä iOS- että Android-alustoille, ja ne ovat käteviä suunnittelijoille, jotka haluavat kuvata web- tai graafisissa suunnitteluprojekteissa käytettäväksi, jotka kuvataan normaalisti. Tämä helpottaa kuvien käsittelyä ja vähentää tarvetta rajata ja säätää niitä.

• iOS: iOS -laitteiden käyttäjät voivat käyttää Golden Ratio -sovelluksen laskemista ja valokuvaamista. Se maksaa vain 1,99 dollaria ja sisältää käteviä ominaisuuksia käyttäjille, kuten kultaisen suhdelaskurin. Sen avulla voit ottaa kuvia pitäen elementit periaatteessa kiinni.
• Androidille – Android-käyttäjien tulisi valita Camera Zoom FX -sovellus, joka maksaa 3 dollaria. Sovelluksen avulla voit hyödyntää Fibonacci-spiraalia ja Phi-ruudukkoa peittokuvana kuvia otettaessa.

Käteviä vinkkejä kultaisen suhteen käyttöön

On olemassa muutamia käteviä tapoja ottaa kultainen suhde käyttöön suunnitteluprojektissa:

• Voit käyttää suhdetta luodaksesi perusverkkosivuston ruudukon, joka kattaa sivupalkin ja pääsisältöalueen. Jos näytössä on 1366 x 768 pikseliä, voit valita sisältöalueen leveydeksi 846 pikseliä. Sivupalkki voi olla 520 pikseliä leveä. Korkeudella ei ole tässä yhteydessä merkitystä.
• Voit käyttää tätä käsitettä luomaan apuviivat välille. Voit käyttää suuria neliöitä, kuten yksiköitä 13 ja 8, tehdäksesi asetteluja, kun taas yksiköiden 1-3 pieniä neliöitä kourujen asettamiseen.
• Voit luoda kuvakkeita ja logoja kaavan avulla.
• Se voidaan ottaa käyttöön kehystysvaiheessa. Tämä auttaa sinua suunnittelemaan rakenteen ja koon eri käyttöliittymäkomponentit. Tästä on hyötyä myös web-suunnittelun ammattilaisille kuvien rajaamisessa säilyttäen samalla oikeat mittasuhteet.

Muista asioita

Vaikka kultaisen suhteen käyttäminen verkkosivun tai taideteoksen suunnittelussa voi olla hyödyllistä yritykselle tai ammattilaiselle, ei ole suositeltavaa mennä yli laidan. Muista, että kokemattomille käyttäjille tai aloittelijoille sarjan luoma mittakaava voi karkaa käsistä. Ajatuksena on luoda esteettisen tasapainon tunne käyttämällä normia menemättä äärimmäisyyksiin. Numeerista arvoa tulisi käyttää suunnittelussa hienovaraisesti, ei kaikkialla. Jotkut verkkosivustot saattavat tarvita vähän kultaisen leikkauksen käyttöönottoa, kun taas toiset saattavat tarvita intensiivistä käyttöönottoa.

Loppujen lopuksi kyseessä on oikean kokoisen elementin käyttäminen suunnittelussa tai verkkosivulla. Sinun on myös käytettävä valkoista tilaa oikealla tavalla luodaksesi visuaalisen tasapainon suunnitteluun. Siellä kultainen annos voi olla kätevä. Käytä sitä oikeilla tavoilla piristääksesi suunnittelua, mutta älä perusta koko suunnitteluasi siihen. Muitakin näkökohtia ovat, kuten sopivien ja vastakkaisten värien käyttö ja oikeantyyppinen sisältö.

Mihin se kaikki johtaa?

Kultainen leikkaus on visuaalisesti miellyttävän ja esteettisen näköisten kuvien, logojen, verkkosivustojen ja kaiken luonnossa kohtaaman salaisuus. Alussa se saattaa tuntua matemaattiselta käsitteeltä, jota on vaikea käyttää suunnittelussa. Huolellisella lähestymistavalla ja teorian avulla luotujen taideteosten analysoinnilla siihen kuitenkin tottuu.

Tietenkin voit hyödyntää olemassa olevia kolmansien osapuolien sovelluksia ja verkkotyökaluja. Kultaisen leikkauksen hallitseminen ei kuitenkaan ole asia, jota et voi saavuttaa yhdessä yössä. Täydellisyyden saavuttaminen vaatii paljon harjoittelua ja esimerkkien analysointia. Sitä tulee kuitenkin käyttää oikeilla tavoilla, jotta mallistasi tulee katsojille houkutteleva.