Mis on Golden Ratio ja kuidas seda graafilises ja veebidisainis kasutada?

Vapustava kunstiteose või visuaalselt ergutava veebisaidi loomine ei ole päris kook. Kuigi loovus mängib iga disaini õnnestumisel suurt rolli, on sellega seotud ka matemaatika ja teadus.

Kui inimesed näevad ikooniliste kunstnike ja meistrite, nagu Da Vinci või Salvador Dali, kunsti, mõtlevad nad loomingulisele geeniusele. Sama on tunda, kui näete skulptuure nagu Vana-Rooma Panteon. Kõigil neil kunstiteostel on aga ühine asi, mida nimetatakse kuldseks suhteks. Ässade disainerid ja veebisaitide loojad toetuvad endiselt sellele ajaproovitud kontseptsioonile, et luua hämmastavaid kunstiteoseid ja veebisaite, mis panevad teie silmad köitma.

Kuldsuhe läbi ajaloo kulgemise

Kuldse suhte juured ulatuvad Kreeka tsivilisatsiooni hiilgavatesse aegadesse. Samuti on öeldud, et iidsed egiptlased kasutasid seda 4000 aastat tagasi vapustavate püramiidide ja muude haudade loomiseks. Vanadel kreeklastel oli hämmastav tipptase kunstis, muusikas ja teaduses.

Kreeklased olid tõenäoliselt esimesed, kes avastasid, et sellistes looduslikes asjades nagu puud, lilled, loomad jne on ilus asümmeetria. Nad kasutasid selle nähtuse väljendamiseks kreeka tähte Phi. Sajandite jooksul on kunstnikud ja arhitektid kasutanud kuldlõike proportsioonide ja põhikontseptsioonide mõistmist, et luua esteetiliselt meeldiv arhitektuur ja kunstiteosed.

Praeguse aja järgi kasutatakse kuldset lõiku, et otsustada selliste asjade visuaalse paigutuse ja vormingu üle nagu logo, krediitkaart, mööbel, raamatud, isegi midagi nii igapäevast nagu taldrikute kujundus söögikohas. Isegi Facebook soovib välja töötada AR-klaasi, mis suudab lugeda inimeste mõtteid, kuna disainimisel on see kuldse lõikega tohutult abiks.

Teisisõnu, te ei pruugi olla teadlik, kuid kuldne suhe on kõikjal teie ümber! Mõnikord ei pruugi te olla liiga kindel, miks valite poes mõne kindla kujundusega T-särgi teistele. Sellel on disain, mis kuidagi meelitab rohkem teie silmi ja meelt ning peamine põhjus on kuldne suhe.

Golden Ratio disainispetsialistid peaksid teadma nüansse

Suhtarv on tuletatud kuulsast Fibonacci jadast, mida võib-olla mäletate kriitikute poolt tunnustatud filmis “Da Vinci kood”. See on looduslikult esinev numbrijada, mida leidub peaaegu kõikjal. Jada on seal merekarpide kujul ja puul olevatel arvulistel lehtedel – näiteks.

Fibonacci jada on põhimõtteliselt kahe sellele eelneva arvu summa. See on selline: 0, 1,1, 2, 3, 5, 8, 13, 21 jne kuni lõpmatuseni. Sellest lõid kreeklased kuldse suhte. See tähistab täiesti sümmeetrilist suhet kahe proportsiooni vahel. See on ligikaudu 1:1,618. Seda näidatakse sageli kuldse ristküliku abil: suur ristkülik, mis koosneb ruudust ja väiksemast ristkülikust. Ruudu küljed on võrdsed ristküliku lühima pikkusega. Kui jätate ruudu ristküliku hulgast kõrvale, jääb alles teine ​​väiksem kuldne ristkülik. See jätkub lõputult nagu Fibonacci numbrid – mis töötavad vastupidiselt!

Mõned märkimisväärsed näited kuldsest suhtest inimelus

Kreeklased olid kuldse suhte meistrid. Kui jälgite Kreeka ehitiste ja templite varemeid, võite leida meeldiva mõõtmete suhte hoone kõrguse ja laiuse vahel. See kehtib sammaste suuruse, portiku ja kõige selle kohta. Seda kontseptsiooni kasutati laialdaselt ka neoklassikalises arhitektuuriliikumises.

• Viimane õhtusöök – Leonardo da Vinci populaarne maal sisaldab kuldlõike templit – sarnaselt tema teistele kuulsatele skulptuuridele ja maalidele. Selles näete alumisse kahte kolmandikku paigutatud figuure. Ka Jeesuse positsioon on sünkroonis.
• Looduslikud objektid ja eluvormid – isegi looduses võib selle mõiste kohta palju juhtumeid leida. Võite näiteks vaadata selliseid asju nagu ananassid, kärjed, erinevat tüüpi lilled, merekarbid jne.

Miks on kuldne suhe veebi- ja graafilise disaini jaoks asjakohane?

Pole raske mõista, miks veebi- ja graafilised disainerid ning kunstnikud kasutavad oma töös kuldset suhet. Sihtvaatajad või saidi külastajad pööravad tähelepanu disainile või patroonile, mis tundub ahvatlev ja silmi rahustav. Vanadusütlusel esmamuljest, viimaseks jäämisest on siin suur roll. Kui veebilehe avaleht just silmale ei köida, lahkuvad külastajad sealt hetkega. Ilma visuaalse sümmeetria- ja proportsioonitajuta ei pane veebileht või kunstiteos vaatajatel end kergelt ja mugavalt tundma.

Kui veebisaidi paigutus ja kujundusstiil tundub vaatajatele proportsionaalne ja esteetiliselt meeldiv, tunnevad nad huvi sisuga tutvuda ja saidi teiste jaotiste juurde minna. Kuldset suhet kasutatakse ka veebidisainis, et tasakaalustada teksti, rikkalikku sisu ja luua hierarhiat. Sama loogika kehtib ka graafilise kunsti puhul, näiteks ettevõtte logo puhul.

Kuldse suhte kasutamine avaldab positiivset mõju üldisele disainile ja selle elementidele eraldi. Kui kujunduselemendid on proportsionaalsed, tundub see visuaalselt rahuldav. Ikoonist muude visuaalsete elementideni – kõik loksub paika ja tundub proportsionaalne, kui kuldne suhe on kasutusele võetud.

Veebidisainis on oluline ka teksti sisu õigesse kohta paigutamine ning õige tüübi ja suuruse valik. Siin saab kasutada ka kuldset ratsiooni. Saate valida päise jaoks konkreetse teksti suuruse ja seejärel jagada 1,618-ga. Tulemus on alampäiste jaoks õige. Kui põhiteksti suurus on 10 pikslit, saate selle korrutada 1,618-ga. Seetõttu saab päise teksti suuruseks määrata 16 pikslit. Veebilehel, kus tuleb kasutada erinevat tüüpi sisu, võib sellest abi olla.

Igal veebilehel mängib rolli ka valge või tühja ruumi hulk. Liigne vahekaugus ei ole visuaalselt atraktiivne ja valge tühiku puudumine lehel võib muuta selle segaseks. Kuldse lõike abil saavad disainerid veebilehtedel välja selgitada sobiva valge vahe.

Isegi logo kujundamisel on kuldse lõike kasutamine asjakohane. Logo on see, mis esindab ettevõtet sihtkasutajatele enne, kui nad külastavad veebisaite või brändipoode jne. Seega peab logo olema esteetiliselt meeldiv ja tasakaalustatud. Siin astub sisse kuldlõike. Paljude rahvusvaheliste ettevõtete ja korporatiivsete hiiglaste, nagu Pepsi, Twitter ja Apple, logod loodi teooriat kasutades.

Kuidas rakendada kuldset ratsiooni graafikas ja veebidisainis?

Tegelikult on kuldse lõike kontseptsiooni rakendamine disainis ja kunstiteostes lihtsam kui see, mida arvate. Selle veebi- või graafilises disainis juurutamiseks on kaks võimalust:

• Kiire lahendus: kui olete seotud veebi- või graafilise disaini projektiga, mille tähtaeg on lühike ja disainis pole aega liigseks eksperimenteerimiseks, võite siiski kasutada kuldset lõiku. Idee kohaselt jagatakse ala kolmeks võrdseks osaks – horisontaalselt ja vertikaalselt. Nende joonte ristumiskoht peaks olema teie kujundite ja kujundite loomulik fookuspunkt.

  Tavaliselt õpetatakse fotograafidele meeldivate kompositsioonide saamiseks põhiobjekti ühte sellistest ristuvatest joontest paigutama. Sama teooriat saab kasutada ka lehtede küljendustes ja plakatite kujunduses.

• Täielik rakendamine: tagamaks, et järgiksite igivana kuldse suhte kontseptsiooni ilma otseteid kasutamata – ka see pole tüütu. Veebilehe puhul peaksite tagama, et sisuala ja külgriba proportsioon järgiks seda 1:1.6.1 suhet. Seega, kui sisuala on keskmiselt 640 pikslit, peaksite tagama, et külgriba suurus oleks umbes 400 pikslit. Sama loogika kehtib päise, jaluse ja navigeerimisalade puhul.

Golden Ratio jaoks on olemas rakendus, jah, tegelikult!

Kui leiate, et kontseptsiooni mõistmine ja rakendamine oma disainitöös on tüütu või kardate, võite normist kõrvale kalduda – lõõgastuge. Nagu kõik muu elus – saate Golden Ratio rakenduse. Tegelikult saate selle kontseptsiooni oma kujunduses juurutamiseks mitu rakendust.

Allpool on loetletud mõned sellised rakendused, mida saate kontrollida.

• Golden Ratio – GoldenRATIO on üks rakendus, mis võimaldab teil oma disainis juurutada igivana kontseptsiooni, jättes maha segaduse ja ajaraiskamise. See on saadaval Mac App Store’is hinnaga 2,99 dollarit. Rakendusel on kasulik lemmikute funktsioon ja funktsionaalne klõpsamisrežiim. Seda saab kasutada nii Photoshopis kui ka ülekattena. Saate visuaalse tagasisidega sisseehitatud kalkulaatori.
• Kuldse suhtarvu tüpograafiakalkulaator – see võimaldab teil luua iga veebisaidi jaoks täiusliku tüpograafia, mis on sünkroonis Golden Ratio teooriaga.
• Phicalculator – Phicalculator on kasulik ja tasuta rakendus, mida saab kasutada nii arvutis kui ka Macis. Kui sisestate sellesse numbri, saate vastava numbri vastavalt kuldsele suhtele.
• Atrise Golden Section – see on funktsionaalne ruudustikutarkvara, millel on ekraanil kuvatav joonlaud. Seda kasutades säästate teid arvutuste saatmise aja eest. Saate näha ja muuta harmoonilisi suurusi ja vorme. See on kõrge hinnaga, kuid tasuta prooviversioone saab kasutada 30 päeva.
• PhiMatrix – see on veel üks mugav ja laialdaselt kasutatav tööriist Golden Ratio põhise disaini ja analüüsi jaoks. Saate kohandatavad ruudustikud ja mallid, mida saab kujundusprojektides kasutada ülekatetena.

On olemas kolmanda osapoole kaamerarakendused, mis võimaldavad teil teha hämmastavaid fotosid, järgides samal ajal kuldset suhet ja Fibonacci järjestust. Mõned neist rakendustest on tasuta ja seal on ka tasulised. Need rakendused, mis on saadaval nii iOS-i kui ka Androidi platvormidele, on käepärased disaineritele, kes soovivad pildistada veebi- või graafilise disainiprojektide jaoks, mida pildistatakse tavapäraselt. See muudab piltidega töötamise lihtsamaks ning vähendab vajadust neid kärpida ja kohandada.

• iOS-i jaoks – iOS-i seadme kasutajad saavad arvutada ja pildistada rakendust Golden Ratio. See maksab vaid 1,99 dollarit ja sisaldab kasutajatele käepäraseid funktsioone, nagu kuldse suhte kalkulaator. Selle abil saate pildistada, hoides samal ajal elemendid põhimõttest kinni.
• Androidi jaoks – Androidi kasutajad peaksid valima rakenduse Camera Zoom FX, mis maksab 3 dollarit. Rakendust kasutades saate pildistamise ajal kasutada Fibonacci spiraali ja Phi võrgustikku kujutiste ülekatetena.

Kasulikud näpunäited kuldse suhte kasutamiseks

Kuldse suhte rakendamiseks disainiprojektis on mõned käepärased viisid:

• Saate kasutada suhet veebisaidi baasruudustiku loomiseks, mis katab külgriba ja põhisisuala. 1366 x 768 piksli suuruse ekraani puhul saate valida sisuala laiuseks 846 pikslit. Külgriba laius võib olla 520 pikslit. Kõrgus pole selles kontekstis oluline.
• Seda kontseptsiooni saate kasutada vahekauguste juhendite loomiseks. Paigutuste koostamiseks saate kasutada suuri ruute, nagu üksused 13 ja 8, samas kui rennide seadistamiseks kasutada ühikute 1 kuni 3 väikseid ruute.
• Valemi abil saate luua ikoone ja logosid.
• Seda saab kasutusele võtta raamimise etapis. See aitab teil kavandada erinevate kasutajaliidese komponentide struktuuri ja suurust. See on abiks ka veebidisaini professionaalidele piltide kärpimisel, säilitades samal ajal õiged proportsioonid.

Asjad, mida meeles pidada

Kuigi Kuldse suhtarvu kasutamine veebilehe või kunstiteose kujundamisel võib ettevõttele või professionaalile kasulik olla, ei ole soovitatav üle piiri minna. Pidage meeles, et kogenematute kasutajate või algajate jaoks võib järjestuse loodud mastaabitaju käest ära minna. Idee on luua esteetiline tasakaal, kasutades norme, laskumata äärmustesse. Kujunduses peaksite kasutama numbrilist väärtust peenelt ja mitte igal pool. Mõned veebisaidid võivad vajada vähe kuldset lõiku, samas kui teised võivad vajada intensiivset rakendamist.

Lõpuks taandub see õige suurusega elemendi kasutamisele kujunduses või veebilehel. Samuti peate kujunduses visuaalse tasakaalu loomiseks kasutama valget ruumi õigesti. See on koht, kus kuldne ratsioon võib olla kasulik. Kasutage seda disaini vürtsitamiseks õigel viisil, kuid ärge tuginege sellele kogu oma kujundusele. On ka teisi aspekte, nagu sobivate ja kontrastsete värvide kasutamine ning õiget tüüpi sisu.

Kuhu see kõik viib?

Kuldsus on visuaalselt meeldivate ja esteetilise välimusega piltide, logode, veebisaitide ja kõige selle taga, mida looduses kohtate. Alguses võib see tunduda matemaatilise kontseptsioonina, mida disainis on raske kasutada. Hoolika lähenemise ja teooria abil loodud kunstiteoste analüüsiga aga harjub ära.

Loomulikult saate kasutada olemasolevaid kolmandate osapoolte rakendusi ja veebitööriistu. Sellegipoolest pole kuldse lõike valdamine midagi, mida saate üleöö saavutada. Täiuslikkuseni jõudmiseks on vaja palju harjutamist ja näidete analüüsi. Siiski tuleks seda kasutada õigel viisil, et muuta teie kujundus vaatajate jaoks atraktiivseks.