Zlatni omjer u dizajnu: primjeri i savjeti
To bi vam moglo izgledati kao sat matematike, ali družite se tamo. Zlatni omjer kombinira malo matematike, malo prirode i puno praktične primjene za dizajnere. Pogledajmo što zlatni omjer znači za dizajn i nekoliko savjeta kako ga koristiti u svojim dizajnerskim projektima.
Zlatni omjer tijekom povijesti se koristio za stvaranje elemenata dizajna koji imaju idealnu vizualnu privlačnost. Kako je oblik ukorijenjen u prirodi i matematici, savršen je spoj ravnoteže i sklada. I vrhunski je alat da dižete rukav kao dizajner.
Što je zlatni omjer?
Jednostavno, zlatni omjer (koji se naziva i zlatni pravokutnik i zlatna sredina) je oblik s udjelom od 1 do 1.618.
Složenije, matematika se može ovako opisati kao što je objašnjeno iz Interaction Design Foundation:
Svaki broj u Fibonaccijevom nizu jednostavno je zbroj dva broja prije njega. Započinje s 1, 1 (tj. 1 + neviđeno 0 = 1), a prvih 10 članova niza su 1, 1, 2, 3, 5, 8, 13, 21, 34, 55. Nastavlja se beskonačno,
Matematički izračunajte omjer pomoću formule za Phi: A / B = (A + B) / A = 1, 618033987 = Φ
Aplikacije za ispise i projekte web dizajna često su manje precizne od onih 1 do 1.618. Mnogi će dizajneri zaokružiti brojeve prilikom stvaranja matematičkog zlatnog omjera za mreže s kojima je lakše raditi.
Kada je u pitanju primjena koncepta, često se predstavlja pomoću spirale, krugova ili trokuta.
I to nije "samo dizajnerska stvar." Zlatni omjer nalazimo u prirodi (nautilus školjka), umjetnosti (Mona Lisa), arhitekturi (Eiffelov toranj) kao i dizajnu.
Kako ga koristiti?
Kada je u pitanju primjena zlatnog omjera, postoje različite škole mišljenja:
- Dizajn postavite pomoću rešetke na temelju omjera za stvaranje sklada
- Ne radite ništa jer se primjenjuje to radite li namjerno ili ne
Najbolje rješenje bi moglo biti negdje u sredini. Po svemu sudeći, vaše je oko vjerojatno osposobljeno za kreiranje i naginjanje dizajnu koji uključuje ovu teoriju, ali nikad vam ne može nauditi da vidite da li je zapravo dobro primjenjujete.
A platno može uzrokovati svakojake probleme kada je u pitanju zlatni omjer. Ne znate koju veličinu preglednika netko može upotrijebiti ili omjer možda ne odgovara određenoj veličini ispisa.
Cilj je stvoriti dijelove unutar dizajna koji bi odgovarali ovom idealnom obliku. Razmislite o logotipu ili obrezivanju fotografija. Pomoću njega stvorite zaglavlje ili određeni dio dizajna. Pomoću koncepata stvorite osnovnu mrežu ili hijerarhijsku ljestvicu za tipografiju.
Mreže i predlošci
Ako ste išta poput mene, ideja složene matematike za rješavanje problema dizajna pomalo je zastrašujuća. Tamo vam može pomoći stvaranje sjajnih alata.
Evo nekoliko predložaka i kalkulatora kako biste korištenje zlatnog omjera malo olakšali.
- Phiculator: Unesite bilo koji broj i dobit ćete odgovarajuću vrijednost zlatnog omjera
- Kalkulator tipografije zlatnog omjera: Napravite ljestvicu na temelju osnovnog fonta i veličine
- Predložak zlatnog omjera: Besplatno preuzeti vektorski predložak
- Predložak za žičane okvire Golden Ration: sa slojevima za krivulju, krugove ili kvadrat
- Zlatni omjer kalkulator: izračunajte omjer s bilo kojim skupom brojeva
- Kalkulator zlatnog pravokutnika: dobijte dimenzije za vanjske i unutarnje zlatne pravokutnike za bilo koji broj (ovo je osnova za mnoge mrežne mreže koristeći omjer)
3 savjeta za korištenje zlatnog omjera
Pa kako sve ove podatke staviti u praktičnu upotrebu? (Ne želimo da prevladate dizajnerske projekte i preplavite se matematikom.)
Evo tri savjeta za korištenje zlatnog omjera u dizajnerskim projektima.
- Koristite omjer da biste stvorili osnovnu mrežu web mjesta za područje glavnog sadržaja i bočnu traku. Prema W3Schools, najčešća rezolucija preglednika na početku 2018. godine je 1366 sa 768 piksela. Primijenite zlatni omjer za područje sadržaja širine 846 piksela sa bočnom trakom koja je široka 520 piksela. Kada se u obzir odnosi omjer u tu svrhu, visina nije bitna.
- Koristite omjer da biste stvorili vodič za razmak u dizajnu. Prototypr.io ima ovaj savjet: "Upotrijebite veće kvadrate poput jedinica 8 i 13 za definiranje izgleda. Upotrijebite manje kvadrate jedinice 1, 2 ili 3 za definiranje oluka i razmaka sadržaja “na temelju zlatnih pravokutnika.
- Koristite omjer da biste stvorili trajne elemente poput ikona ili logotipa: Imajući trajan element s jakim skladom može stvoriti strukturu za tekuće projekte. Gornji primjer uključuje predložak koji možete preuzeti i isprobati.
Zašto je zlatni omjer važno u dizajnu?
Pa zašto je zlatni omjer zaista važan za dizajnere?
To je još jedan alat koji vam pomaže stvoriti nešto što uspostavlja pravi emocionalni i vizualni ton kod korisnika. Ova teorija postoji bez obzira na to primjenjujete li je namjerno ili ne. Ono što je važno jest da ga razumijete i priznate u nastojanju da stvorite najbolji i najkorisniji dizajn.
Zlatni omjer vas usmjerava u žarišna područja na kojima će se korisnik vjerojatno fokusirati i izgledati na temelju prirode. Pomaže u stvaranju ravnoteže i razmjera, čak i ako nije potpuno namjerno.
Evo nekoliko dobro dizajniranih web stranica s prekrivenim predloškom zlatnog omjera na kojem se točno vidi kako se odnosi na pojedine dizajne.
Zaključak
Dakle, ovo je vaš ključ za razumijevanje i korištenje zlatnog omjera: postoji li na to mislite li ili ne. Pa zašto ne biste razmotrili kako ova testirana vremenski teorija dizajna može raditi za vas i poboljšati projekte?
Preuzmite predložak koji smo ovdje upotrijebili i stavite ga na neki od vaših dizajna da biste vidjeli koliko ste se približili, a da uopće ne razmišljate o tome.
Prekrivač zlatnog omjera dizajniran od strane tvrtke Eightonesix
