Šta je zlatni omjer?

Raspakivanje koncepta zasnovanog na Fibonaccijevoj sekvenci u dizajnu.

Umjetnost @tubik

Inspiracija je svuda oko nas, a svi na svijetu uvijek crtaju drugačije ideje iz umjetnosti koja ih okružuje. Stoga može biti iznenađenje da postoji jedno pravilo prirode koje se tako često pojavljuje oko nas da je prikazano u najzloglasnijim umjetničkim djelima.

Šta znače Mona Lisa, Velike piramide u Gizi , Partenon i Appleov logo imaju zajedničko? Svi oni ili pokazuju zlatni omjer ili su dizajnirani imajući na umu zlatni omjer.

Zlatni omjer je matematički odnos i omjer otkriven i uobičajeno pronađen u prirodi, ali koji je vidljiv gotovo svuda, kao u arhitekturi, muzika, slike, moderan dizajn i tako dalje. Kada se efikasno koristi, stvara dizajne koji su prirodno i estetski privlačni oku zahvaljujući svojoj umjetničkoj kompoziciji.

Pa koja je tajna ovog magičnog omjera? Hajde da otkrijemo malo više o ovom matematičkom čudu. I da vidimo kako ga možete koristiti da poboljšate svoje dizajne.

Fibonačijev niz

Dakle, šta je točno zlatni omjer?

Pojednostavljeno rečeno, zlatni omjer (aka zlatni omjer, božanska proporcija ili zlatna sredina) je matematički odnos koji daje broj 1,618 . Zamislite pravougaonik gdje, ako odsiječete kvadrat, pravougaonikPodijelite 667 sa 1,618 da dobijete 412,5 px.

Golden Canon Grid - Adrián Somoza za Bont™ u Freebies

Ali naravno, ove dimenzije se ne moraju uvijek koristiti. Formula Zlatnog omjera jednostavno pruža smjernice za najugodniji balans između područja vašeg dizajna.

Zapravo, sada kada je razumijete, možete vidjeti ovaj hak u akciji na mnogim web stranicama.

‍4 - Dizajn logotipa

Twitter, Pepsi i Apple. Ovi brendovi i njihovi logotipi su u velikoj mjeri inspirirani Zlatnim omjerom, a neki su koristili taj omjer u cijelom dizajnu svog logotipa!

Appleova ljubav prema Zlatnom omjeru dobro je poznata među svojim obožavateljima iu svijet dizajna. Mnogi od njihovih logotipa aplikacija inspirirani su omjerom, a iCloud logotip je odličan primjer za to.

Odličan način na koji možete koristiti Zlatni omjer je da odredite visinu i širinu logotipa, kao i proporcije unutrašnjih elemenata prema cijelom dizajnu.

Zlatni pravougaonik se također može koristiti za postavljanje objekata i definiranje najbolje kompozicije koja je najprijatnija oku. Koristeći njegovu jednostavnu formulu, pobrinut ćete se da svi dijelovi vašeg logotipa budu harmonično postavljeni.

Ili skinite Zlatnu spiralu za dijelove! Možete koristiti krugove koji definiraju Zlatnu spiralu kao temelj vašeg logotipa.

Zato sljedeći put kada budete hvatali za proboj u logotipu, zašto ne isprobatiovaj omjer zgodno-dandy koji se nalazi u prirodi? Otvorit će vrata nekim nevjerovatnim dizajnerskim iskustvima i izoštrit će vašu senzibilnost dizajna za primjenu jednostavnih razlomaka i proporcija u vaš kreativni proces.

5 - Arhitektura

Zlatni rez se primjenjuje u arhitekturi kao iu umjetnosti, a matematički odnos između poznatih arhitektonskih dizajna i zlatnog omjera je uvjerljiv.

Izvor slike: Kimon Maritz

Starogrčka arhitektura često koristio zlatni omjer da dizajnira i odredi oblik velikih podviga arhitekture po kojima su Grci poznati. Omjer definira krucijalni odnos između arhitektonskih projekata i matematike.

Koristeći proporcije zlatnog presjeka, arhitekti mogu pronaći odgovarajuće proporcije u pogledu visine i širine zgrada. Ovo rezultira zgradom koja je arhitektonski ispravna i estetski ugodna.

Ovaj princip se također može primijeniti na kućni dekor i dizajn interijera. Na primjer, zlatni omjer bojenja sobe zahtijeva da 60 posto vaše sobe bude obojeno u jednu nijansu, 30 posto u drugu nijansu i 10 posto u treću nijansu.

6 - Dizajn štampe

Zlatni omjer također može poboljšati umjetničku kompoziciju dizajna štampe. Sve, od dizajna časopisa preko knjige do marketinških materijala, može koristiti zlatni omjer širine i visine za kreiranje ajaka kompozicija.

Postoji prosječan omjer koji će većina dizajnera koristiti prilikom kreiranja svojih dizajna. Međutim, pravi umjetnici će uzeti u obzir proporcije margine u odnosu na zlatni rez. Dizajneri časopisa, na primjer, trebali bi savršeno uklopiti središnju pravokutnu sliku u svom dizajnu s rubovima naslovnice.

Izvor slike: Sarah Dorweiler

Bilo da dizajnirate umjetnost za svoju univerzitetska štampa ili sledeći veliki romanopisac 21. veka, morate uzeti u obzir ovaj matematički odnos. Ključni odnos između prostora i sadržaja je onaj koji je teško savršeno izbalansirati.

Zlatni omjer mogu koristiti dizajneri da odrede odgovarajuću veličinu i smještaj svakog elementa kako bi stvorili savršeno proporcionalnu koricu. Poravnavanje uglovnih pravokutnika sa uglovima pravokutnika drugih slika i omogućavanje pravilnog razmaka je najpozitivnije rješenje za ovaj zadatak.

7 - Fotografija

Umjetnička kompozicija je ključna za bilo koju sliku, sliku ili ilustraciju. Bez obzira na format, zlatni omjer se može koristiti da usavršite vaše proporcije i osigurate da vaša slika i proporcije margina budu ugodne oku.

Upotrebom ovog matematičkog odnosa možete suptilno privući pogled gledatelja tamo gdje ste želim na fotografiji. Da biste to učinili, podijelite sliku na tri dijela i koristite te linije da postavite svoju fotografiju. Zvuči poznato? to jejer je ovo poznato i kao pravilo trećina.

Izvor slike: Ameya Sawant

Zlatni omjer za fotografiju je 1:0,618:1. To znači da širina prva kolona i treća kolona će biti 1, dok će širina središnje kolone biti 0,618. Isto vrijedi i okomito i horizontalno.

Također možete koristiti pravilo trećine zlatnog preseka kako biste pravilno izrezali slike kako bi bile estetski ugodnije. Da biste to učinili, poravnajte svoje najvažnije elemente oko centralnog pravokutnika slike. Središnji pravougaonik bi tada trebao suptilno, ali čvrsto privući pažnju gledatelja.

Logot lisice sa zlatnim omjerom od DAINOGO

‍Završni korak

Dakle, danas smo naučili uvijek imati na umu zlatni omjer za sve dizajnerske projekte. Bilo da se radi o logotipu, prezentaciji ili čak kada radite nešto tako jednostavno kao što je izrezivanje slike.

‍Sada kada ste se snašli u Zlatnom omjeru, želite li ga isprobati ? Zašto ga ne isprobati na Vectornatoru? Ako tražite softver za grafički dizajn na profesionalnom nivou, intuitivan i jednostavan za korištenje, mi vam čuvamo leđa.

Preuzmite Vectornator da biste započeli

Odnesite svoje dizajne na sljedeći nivo.

Pokažite nam svoje sjajne dizajne tako što ćete nam ih poslati ili označiti #vectornator na društvenim mrežama.

Ovaj broj i sam omjer su izvedeni iz Fibonačijevog niza, koji je niz brojeva koji se prirodno javljaju u našem okruženju. Ali broj je također rješenje kvadratne formule, u koju trenutno ne moramo ulaziti. Ali možda se sećate Fibonačijevih brojeva iz srednje škole. Ili iz blokbastera iz sredine 2000-ih koji je sve izludio za svetim gralom, 'DaVincijev kod'.

Osim fikcije, zlatni omjer možete pronaći u prirodi. Zbog toga se naziva i 'božanska proporcija'. Zbog svoje učestalosti u prirodnom svijetu. Broj latica na cvijetu često će biti Fibonačijev broj.

Sjemenke borovih češera uvijaju se u logaritamskoj spirali Fibonačijevih brojeva. Čak je i broj strana neoljuštene banane obično Fibonačijev broj. Čak je i molekul DNK unutar naših tijela primjer ovog logaritamskog spiralnog oblika.

Sada kada smo zadovoljni konceptom, siguran sam da vam neće smetati da budete malo više tehnički. Idemo niz Fibonačijevu zečju rupu.

To je zato što je 0 + 1 = 1, 1 + 1 = 2, 1 + 2 = 3, 2 + 3 =5 itd. Omjeri susjednih Fibonačijevih brojeva (2 /1, 3/2, 5/3, itd.) nisu baš jednaki zlatnom rezu, ali mu se približavaju. Što znači da što je veći Fibonačijev broj, to je njihov odnos bliži 1.618. Razlomak 5/3 je već prilično blizu na 1,666666... ​​

Pošto smo svi dizajneri, vjerovatno je lakše vizualno razumjeti ovaj koncept. Zlatni omjer se može objasniti onim što se zove zlatni pravougaonik. Pravougaonik sa omjerom 1:618. Sada zamislite kvadrat čija su visina i širina jednake veličini kraćeg segmenta zlatnog pravokutnika. Ako uklonite taj kvadrat, rezultirajući oblik će imati iste proporcije kao originalni pravougaonik.

Dakle, ostaje vam drugi, manji zlatni pravougaonik. Nastavljajući s ovim uzorkom, dobit ćete dijagram zlatnog omjera. Slično, možete samo dodati kvadrat pored Zlatnog pravokutnika dužine koja je jednaka visini pravokutnika i postići ćete isti efekat.

Nacrtavanjem luka obima u svakom kvadratu , dobijamo Zlatnu spiralu (također poznatu kao Durerova spirala). Još jedan prirodni fenomen proizlazi iz samog omjera.

Zlatni omjer, slično kao pravilo trećine, može se koristiti za stvaranje prekrasnih oblika i snažne kompozicije.Ovo pravilo važi u arhitekturi, dizajnu i umetnosti. Astronom iz 17. vijeka Johannes Kepler nazvao je zlatni omjer “dragocjenim draguljem”. Mislimo da je astronom iz 17. stoljeća bio u pravu, ovo je neprocjenjivo oruđe.

Grčko porijeklo zlatnog omjera

Čuveni grčki matematičar prozvan 'osnivačom geometrije ,' Euklid prvi pominje ovaj specifičan omjer u svom djelu 'Elementi'. S Euklidom na čelu, stari Grci su prepoznali svojstvo sečenja (ili dijeljenja) ovog iracionalnog broja.

Izvor: Unsplash Photo , uređeno u Vectornatoru.

Ali tek 2000 godina kasnije njemački matematičar Martin Ohm mu je dao 'zlatnu' karakteristiku. I tek je u 20. stoljeću grčko slovo Phi zapravo prihvatio američki matematičar Mark Barr kao simbol zlatnog omjera.

Barr je odabrao to specifično slovo u znak sjećanja na grčkog kipara Fidija koji je priznat od strane brojnih istoričara umjetnosti da je koristio zlatni rez u mnogim svojim djelima. Alternativna notacija je 'tau', skraćenica od grčkog tom, što znači 'rezati'. I to je referenca na gore spomenutu ispravnost 'podjele'.

Grci su također primijetili ljepotu ovog omjera. Shvatili su da 'božanska proporcija' pruža najugodniju kompoziciju. Ovo je pojam koji je proširen tokom renesanse od straneDjelo poznatog italijanskog matematičara Leonarda da Vincija.

Ilustrirao je poznatu knjigu „De divina proportione“ (Božanska proporcija) koju je napisao Luca Pacioli, franjevački fratar. U ovoj knjizi Pacioli piše o matematičkom odnosu i umjetničkoj proporciji zlatnog omjera i poznatom Vitruvskom čovjeku Leonarda Da Vincija kako bi ilustrovao kako čak i ljudsko tijelo poštuje zlatni rez.

Ali djelo Leonarda Da Vincija nije jedini primjer. Zlatna proporcija se javlja u mnogim drugim kontekstima. Iako je svoju slavu stekao u 16. veku, korišćen je (svesno ili ne) mnogo pre toga. Uzmite, na primjer, Veliku piramidu u Gizi.

Proporcija njene dužine i visine je zlatni rez. Njegove harmonične proporcije stvaraju i takozvani zlatni trokut (također poznat kao jednakostranični trokut ili jednakokraki trokut). Iako to nije dokazano, neki tvrde da je grčka arhitektura izgrađena pomoću phi broja, uključujući Partenon.

Fotografija Markusa Spiskea na Unsplash-u.

Slučajevi upotrebe dizajna

Kako se koristi zlatni omjer u dizajnu?

Ovo brzo osvježavanje matematike, naravno, nema koristi osim ako ga ne možete uspješno primijeniti u svom grafičkom dizajnu . Razlog zbog kojeg želite primijeniti ovaj omjer u svom radu svodi se na ukupnu estetiku koju želite postići.

Ovaj omjer vam omogućava da stvorite osjećaj prirodne ljepoteiskorištavanjem prirodne harmonije i proporcija u svijetu oko nas. Čak i naša lica prate isti omjer. Privučeni smo ovim omjerom, toliko da je kroz našu evoluciju ljudska percepcija prirodno sklona da želi stvari koje podsvjesno pokazuju ovu proporciju Zlatnog omjera. Analiza nekih od najpoželjnijih ljudi u šou-biznisu pokazala je da su proporcije lica koje su najbliže ovom omjeru bolje rangirane u fizičkom izgledu među publikom!

Pepsi logo.

Kada dođe do guranja, ovaj omjer pruža osnovnu nauku koju trebate znati kada kreirate prekrasnu kompoziciju. Jer ovo je jedan od ključnih ciljeva dizajnera, zar ne? Za stvaranje jasnih i razumljivih izgleda, uravnoteženih stranica i fluidnog dizajna ilustracija.

Upotreba ovih principa će prirodno rezultirati mnogo kohezivnijim dizajnom. Ili, ako razmišljate o tome u terminima UX, to rezultira boljim iskustvom za vaše korisnike.

Zlatna spirala se može koristiti putem nekoliko alata u vašem dizajnu, kao što su mreže, pravila razmaka, stupovi i oluci . Ako ilustrirate, pokušajte napraviti figuralno proučavanje poznatih prirodnih elemenata koji sadrže Fibonačijev niz, poput valova, rogova, šišarki ili čak oblika naše galaksije.

Ako ovladate korištenjem, Zlatni Spirala može izgledati posebno graciozno, elegantno, pa čak i dramatično u vašem radu; kako njen put nosigledaočev pogled na važne dijelove vaše grafike.

Tačnije, evo nekih od načina na koje možete koristiti omjer Zlatnog omjera i Zlatnu spiralu u svoju korist.

1 - Tipografija i cjelokupna hijerarhija dizajna

Na prvi pogled, mogli biste pomisliti da tipografija i matematika nemaju nikakve veze jedna s drugom. Uostalom, tipografija se sastoji od slova, a matematika se sastoji od brojeva. Donekle suprotne jedna drugoj.

Ali istina je da je tipografija kombinacija umjetničkih oblika slova i racionalnih proporcija. Prekrasna kombinacija oblika i funkcije. Kada su proporcije vaše tipografije izbalansirane, zaista možete učiniti da vaša tipografija bude u skladu s vašim dizajnom.

Morate uzeti u obzir tri dimenzije vašeg teksta: veličinu fonta, visinu linije i širina linije. Zajedno, ove dimenzije koje percipiramo bilo horizontalno ili vertikalno su odgovorne za to kako doživljavamo tipografiju. Postoji poseban odnos između sva tri.

Tačnije, ako se vaš red teksta povećava u širinu, visina između redova takođe treba da se poveća kako bi se poboljšala njegova čitljivost. I kako se zove ovaj odnos? Omjer.

Ako koristite bilo koji omjer, zašto ga ne biste učinili zlatnim? Iznova i iznova je dokazano da poboljšava estetiku svega što dotakne.

Ovaj omjer vam može pomoćiodredite veličine vaših naslova, vašeg osnovnog teksta i prateće kopije u vašim dizajnima.

Na primjer, ako je vaš osnovni tekst 14px. Pomnožite to sa 1,618 i dobićete 22,652. To znači da bi vaša kopija naslova trebala biti otprilike 22px/23px u skladu s omjerom kako biste prirodno izbalansirali tekst u tijelu ispod. Možete čak slijediti i suprotnu metodu kako biste utvrdili veličinu vašeg teksta ako ste zaključali veličinu naslova.

2 - Uređivanje i promjena veličine slika

Dok je to lako shvatiti kojeg bijelog prostora da se riješite kada izrezujete i mijenjate veličinu vaših slika, ne zaboravite da će nakon toga biti potrebno balansiranje.

Izrezivanje u velikoj mjeri ovisi o kompoziciji vaše slike. Prvo morate razmisliti o nekim ključnim stvarima. Šta je predmet vizuelnog? Koje druge elemente možete uključiti u scenu? Postoje li linije ili krive koje se prirodno pojavljuju na slici? Koju želite da bude konačna veličina vašeg platna?

Kada saznate sve odgovore, zapravo imate još jedno pitanje za odgovor. Želite li koristiti Phi mrežu ili Zlatnu spiralu?

Phi mreža je način razmatranja dimenzionalnog odnosa između elemenata fotografije. Podsjeća na pravilo trećine, ali nije tako jednostavno. Ne dijelite okvir na 3 jednaka segmenta.

Mreža se umjesto toga sastoji od omjera 1:0,618:1, kao središnje linijesu bliži jedno drugom. Linije Phi mreže stvaraju vizualno ugodne proporcije koje će ljudi gotovo automatski percipirati kao lijepe. Ako odlučite da izrežete pomoću Phi mreže, onda će vaš subjekat biti postavljen blizu centra slike.

Sa Fibonačijevom spiralom, struktura vaše kompozicije je potpuno drugačija. Ako zamislite da spiralu prekrijete na vrhu vaše slike, područje s najviše detalja bit će u najmanjem pravokutniku zavojnice. Ali ovo ne mora biti u ćošku. Može biti bilo gdje u vašoj kompoziciji. Neki kažu da se lice Mona Lize također nalazi u tom ključnom području.

3 - Izgled u dizajnu korisničkog sučelja

Korišćenje ovog omjera također može pomoći u dizajniranju prirodno privlačno i umirujuće korisničko sučelje, ispravnim privlačenjem pažnje na važne stvari.

Osim toga, korištenje zlatnog omjera u svom dizajnu je jednostavnije nego što mislite. Budući da se dizajn korisničkog sučelja odnosi na logičku kompoziciju, možete koristiti formulu kao alat za generiranje stupaca i proporcionalnih rasporeda.

Na primjer, recimo da želite da kreirate izgled sa bočnom trakom od 1080 piksela širok. Da biste izračunali širinu glavnog stupca, jednostavno podijelite 1080 piksela sa 1,618. Ovo će generirati glavnu kolonu širine 667 piksela. Želite da ponovite isti postupak za glavnu kolonu kako biste dobili širinu bočne trake.