Primjena Zlatnog omjera u modernim dizajnu

Idealna web stranica je i funkcionalna i skladna, ali čak i najiskusniji web dizajneri mogu imati poteškoća reći vam što daje prirodan tok dizajna. Unatoč bojama i navigacijskim teorijama, ponekad je najvažniji aspekt estetike savršene web stranice neizreciv. Ne znamo zašto to radi, ali ponekad jednostavno radi. Sve to može biti zbog jednostavnog koncepta.

Podupirući dizajn vaše web-lokacije s doslovno prirodnim poretkom, gledatelji mogu smatrati da je vaš dizajn zanimljiviji i uobičajenijim. Ovaj se koncept naziva Zlatni omjer, matematički pojam koji priroda poštuje i koju mi ​​ljudi podsvjesno prepoznajemo kao izraz savršenstva.

Zlatno?

Jednostavno rečeno, zlatni omjer (poznat i kao božanski omjer ili zlatna sredina), je matematička konstanta koja se ponavlja u prirodi i umjetninama.

Izraženo kao jednadžba, kada je veći od b, (a + b) podjeljeno sa jednako je podjeljeno sa b (samo pogledajte donju sliku), koja je jednaka oko 1,618033987. Taj broj, često predstavljen grčkim znakom "phi", jest Zlatni omjer.

(Izvor slike: mathsisfun.com)

Ista teorija može se upotrijebiti za izgradnju pravokutnika, nazvanog zlatni pravokutnik. Slika koja slijedi zlatni omjer može se uredno smjestiti unutar pravokutnika koji se pokorava omjeru.

(Izvor slike: creativeautomaton.com)

Da biste izgradili zlatni pravokutnik, odaberite broj koji će biti dužina kratke strane pravokutnika. Radi argumenta, recimo 500 piksela. Pomnožite to s 1,618. Rezultat, 809 piksela, je duljina duge strane vašeg pravokutnika. Stoga je pravokutnik koji je 500 piksela po 809 piksela zlatni pravokutnik. Pokorava se zlatnom omjeru.

Prirodna ljepota

Zapravo, znanstvenici nisu sigurni što je to omjer koji ljudi toliko vole. U to su sigurni koliko nam se sviđa. Studije ukazuju da čak i minimalne promjene na slici, čineći je istinski zlatnijim, imaju velik utjecaj na mozak onih koji gledaju.

Ljudsko lice slijedi i omjer, a mi nalazimo ljude čija su lica istinitija u odnosu koji je privlačniji. Školjke, klasična renesansna remek-djela, antička arhitektura, pa čak i ljudski dijelovi tijela, proporcionalni su prema omjeru do samih prstiju.

(Izvor slike: in2visualdesign)

Nešto duboko u srži našeg uma bilježi zlatni omjer kao lijep, što su umjetnici i arhitekti koristili tisućama godina, svjesno ili ne. To je izvorni jezik u slikama. Rezultat je organski, intuitivan i samo se osjeća dobro.

Božanski sastav

Kako onda koristite taj magični broj u sastavu vaše web stranice? Matematika može izgledati kao zagušljiva kutija u kojoj će se boriti vaša kreativnost, ali zlatni omjer je jednostavno korisna smjernica. Postavljanjem osnovne smjernice za izgradnju možete dobiti kreativniju sobu uzimajući neke od predviđanja iz omjera i položaja.

Zamislite ga kao alat umjesto kaveza. Na svojoj najosnovnijoj razini, možete koristiti zlatni omjer za označavanje veličine i položaja područja sadržaja i bočnih traka. Raspored fiksne širine je najlakša aplikacija. Odlučite se za ukupnu veličinu vašeg rasporeda putem metode stvaranja zlatnog pravokutnika.

Za mreže / blokove

Kvadrat koji stvaraju linije bit će vaš blok sadržaja. Manji pravokutnik bio bi bočna ili navigacijska traka. Nakon što ste shvatili veličinu pravokutnika, otkrijte koliko vam široka mora biti navigacijska traka, to je jednostavno matematika.

• Za ovaj primjer, reći ćemo da je vaš pravokutnik 525 piksela 850 piksela.
• 525 je i 850 je (a + b), i b će biti širina vaše bočne trake.
• Pronaći b, jednostavno oduzimamo od (a + b), što je 325.
• Stoga je širina vaše bočne trake 325.

Zapamtite da se vaš pravokutnik može okrenuti kako bi odgovarao vašim potrebama, stavljajući bočnu traku na vrh, dno ili na suprotnu stranu. Dokle god taj omjer vrijedi, vaš će se dizajn osjećati skladno.

Za tekst

Postoji brži način dobivanja potrebnih mjerenja i može se primijeniti s tekstualnim sadržajem.

• Recimo da je tekst konteksta veličine 12.
• Pomnožite 12 s 1.618, zlatni omjer, i dobit ćete 19.416.
• Tekst zaglavlja veličine 19 ili 20 usko bi pratio zlatni omjer.

Zlatni omjer je jezik koji vaš um razumije, a komuniciranjem s njim vaše će ideje naići učinkovitije. Ne morate se točno pridržavati toga; osnovno načelo je dovoljno. Primjenom omjera veličine slika, odnos između položaja teksta i slike i stvaranja podjela unutar bočnih traka su svi mogući koncepti.

Grid Work: Pravilo trećina

Ako matematika nije vaša šalica čaja, koncept zlatnog omjera može se pojednostaviti. pravilo trećina određuje položaj zanimljivih mjesta u sceni. Podijelite bilo koju sliku na trećinu i horizontalno i vertikalno. Dobit ćete 9 mreža.

(Izvor slike: digital-photography-school.com)

Prema pravilu trećine, vrhovi tih linija (gdje se linije križaju) idealno su mjesto za zanimljive točke. Ljudi koji skeniraju stranicu imaju veću vjerojatnost da će primijetiti stvari smještene u blizini točaka, a podjela je ugodna za gledanje. Složeniji dizajn moguće je razbijanjem tih trećina u daljnje trećine.

(Izvor slike: net.tutsplus.com)

Ukratko, oko može biti lijeno i ne mora tražiti važne detalje. Naš mozak je takav. Glavne slike, okviri za vijesti, trake za pretraživanje i sve druge zanimljive točke mogu se ugnijezditi na ili blizu vrhova. Ovaj uredan mali prečac dat će vam dizajn koji je jednostavan za oči i čini ljude privučenim ključnim podacima.

Stupci i veličine fontova: Fibonaccijeve sekvence

Još jedan jednostavan alat za web dizajn povezan sa zlatnim omjerom je Fibonaccijevi brojevi. Fibonaccijev slijed započinje s 0 i 1. Prethodna dva broja se zbrajaju kako bi se dobio sljedeći broj u nizu: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34 ... i tako dalje.

Mala matematika nam govori da je odnos između sekvencijalnih Fibonaccijevih brojeva niza zapanjujuće blizu zlatnog omjera - podijelite bilo koji broj u nizu s brojem prije njega i dobit ćete - pogodili ste - 1.618.

Kao i kod zlatnog omjera, Fibonaccijevi brojevi mogu se koristiti za diktiranje odnosa između zaglavlja i veličine teksta sadržaja. Također se može koristiti za označavanje širine stupaca i posebno je učinkovit u blogovima i drugim tekstualno gustim rasporedima. Kompozicija se također može graditi na konceptu Fibonaccijeve pločice, u kojoj je veličina pločica izgrađena pomoću Fibonacci niza.

(Izvor slike: Wikipedia.org)

Zlatne spirale i grupisanje sadržaja

Drugi mogući način korištenja zlatnog i Fibonaccijevog broja je zlatne spirale i Fibonaccijeve spirale. Zlatne spirale se šire faktorom jednakim zlatnom omjeru za svaku četvrtinu okretanja, a Fibonaccijeve spirale oblikuju se pomoću Fibonaccijeve pločice.

Spirale su korištene u umjetninama toliko dugo koliko i sami brojevi i omjeri. Teorija je da područja negativnog prostora i vizualnog zainteresiranog trebaju stati unutar spirale. Unutar ovog gracioznog izgleda, kao i kod pravila o trećini, oko je prirodno privučeno u središte spirale kako bi se tražili detalji.

(Izvor slike: fabiovisentin.com)

Spirale mogu poslužiti kao smjernica za gustoću sadržaja i grupiranje. Oni mogu poslužiti kao temelj za omjer slike zaglavlja Vaše web lokacije, traka za pretraživanje i traka s alatima.

Prilikom odabira idealne slike za naslovnu stranicu izgrađenu oko velikih grafika, kao što su početne stranice trgovina i web-lokacije s fotografijama, možete iskoristiti i zlatne i Fibonaccijeve spirale.

Snažne poruke često su podsvjesne, a zlatni omjer je jedan od najplodnijih subliminalnih oglasa u prirodi. Koristeći božansku proporciju, dajete sebi rub prirodne logike i organske milosti da svi ljudi imaju podsvjesnu privlačnost. Zlatni omjer je još jedan alat na vašem kreativnom raspolaganju.

Više čitanja:

• Primjena Zlatnog omjera na web-izgled i objekte

Napomena urednika: Ovaj post je napisao / la Chris Pentago za Hongkiat.com. Chris je iskusan web developer, dizajner i internet marketer zainteresiran za ključne tehnologije kako bi vaše online poslovanje bilo uspješno..