Zlato razmerje v oblikovanju: primeri in nasveti

Zlato razmerje združuje malo matematike, malo narave in veliko praktične uporabe za oblikovalce. Oglejmo si, kaj zlato razmerje pomeni za oblikovanje, in nekaj nasvetov za njegovo uporabo v oblikovalskih projektih.

Zlato razmerje se je skozi zgodovino uporabljalo za oblikovanje oblikovalskih elementov, ki so vizualno izjemno privlačni. Ker ima oblika korenine v naravi in matematiki, je popolna kombinacija ravnovesja in harmonije. To je odlično orodje, ki ga lahko imate kot oblikovalec v rokavu.

Raziščite vire za oblikovanje

Kaj je zlato razmerje?

Zlato razmerje (imenovano tudi zlati pravokotnik in zlata sredina) je oblika z razmerjem 1 proti 1,618.

Bolj zapleteno lahko matematiko opišemo na naslednji način, kot ga je razložila Fundacija za oblikovanje interakcij (Interaction Design Foundation):

Vsako število v Fibonaccijevem zaporedju je preprosto vsota dveh števil pred njim. Začne se z 1, 1 (tj. 1 + nevidna 0 = 1), prvih 10 členov zaporedja pa je 1, 1, 2, 3, 5, 8, 13, 21, 34, 55. Nadaljuje se v neskončnost.

Matematično izračunajte razmerje s formulo za Phi: A/B = (A+B)/A = 1,618033987 = Φ

Uporaba v projektih tiskanja in spletnega oblikovanja je pogosto manj natančna od 1 do 1,618. Številni oblikovalci pri oblikovanju matematičnega zlatega reza zaokrožijo številke za mreže, s katerimi je lažje delati.

Pri uporabi koncepta se pogosto uporablja spirala, krogi ali trikotniki.

Zlato razmerje najdemo v naravi (lupina nautilusa), umetnosti (Mona Lisa), arhitekturi (Eifflov stolp) in tudi v oblikovanju.

Kako ga uporabljate?

O uporabi zlatega reza obstajajo različne šole:

• Oblikovanje je zasnovano z mrežo, ki temelji na razmerju, da se ustvari harmonija.
• Ne storite ničesar, ker velja ne glede na to, ali to storite namerno ali ne.

Najboljša rešitev je morda nekje na sredini. Po vsej verjetnosti je vaše oko verjetno usposobljeno za ustvarjanje in nagibanje k oblikovanju, ki vključuje to teorijo, vendar nikoli ne škodi, če preverite, ali jo dejansko dobro uporabljate.

In platno lahko povzroči različne težave, ko gre za zlato razmerje. Ne veste, kakšno velikost brskalnika lahko nekdo uporablja ali pa razmerje morda ne ustreza določeni velikosti tiska.

Cilj je ustvariti dele v oblikovanju, ki ustrezajo tej idealni obliki. Upoštevajte jo za logotip ali obrez fotografije. Uporabite jo za oblikovanje glave ali določenega dela oblikovanja. Uporabite koncepte za ustvarjanje osnovne mreže ali hierarhične lestvice za tipografijo.

Mreže in predloge

Če ste podobni meni, vas zamisel o zapleteni matematiki pri reševanju oblikovalskega problema nekoliko straši. Tu vam lahko pomaga nekaj odličnih orodij.

Tukaj je nekaj predlog in kalkulatorjev, ki vam bodo olajšali uporabo zlatega reza.

• Phiculator: vnesite katero koli število in dobite ustrezno vrednost zlatega reza
• Kalkulator za tipografijo zlatega reza: Ustvarite lestvico na podlagi osnovne pisave in velikosti
• Predloga za zlato razmerje: brezplačna vektorska predloga za prenos
• Golden Ration Wireframing Template: s plastmi za krivuljo, kroge ali kvadrat
• Kalkulator zlatega reza: Izračunajte razmerje s katerim koli nizom števil
• Kalkulator zlatega pravokotnika: Pridobite dimenzije za zunanje in notranje zlate pravokotnike za poljubno število (to je osnova za številne spletne mreže, ki uporabljajo razmerje)

3 nasveti za uporabo zlatega reza

Kako torej vse te informacije uporabiti v praksi? (Ne želimo, da bi preveč razmišljali o oblikovalskih projektih in se obremenjevali z matematiko.)

Tukaj so trije nasveti za uporabo zlatega reza pri oblikovalskih projektih.

• Z razmerjem ustvarite osnovno mrežo spletnega mesta za glavno območje z vsebino in stransko vrstico. Po podatkih W3Schools je najpogostejša ločljivost brskalnikov v začetku leta 2018 1366 x 768 slikovnih pik. Z zlatim razmerjem ustvarite območje z vsebino širine 846 slikovnih pik in stransko vrstico širine 520 slikovnih pik. Pri upoštevanju razmerja za ta namen višina ni pomembna.
• Z razmerjem ustvarite vodilo za razmike v zasnovi. Na spletnem mestu Prototypr.io je na voljo naslednji nasvet: "Za opredelitev postavitev uporabite večje kvadrate, kot sta enoti 8 in 13. Za opredelitev žlebov in razmikov med vsebino uporabite manjše kvadrate enot 1, 2 ali 3." Na podlagi zlatih pravokotnikov.
• Uporabite razmerje za ustvarjanje trajnih elementov, kot so ikone ali logotipi: S trajnim elementom z močno harmonijo lahko ustvarite strukturo za stalne projekte. Zgornji primer vključuje predlogo, ki jo lahko prenesete in preizkusite.

Zakaj je zlato rezilo pomembno pri oblikovanju?

Zakaj je zlato razmerje za oblikovalce zares pomembno?

To je še eno orodje, ki vam pomaga ustvariti nekaj, kar z uporabniki vzpostavi pravi čustveni in vizualni ton. Ta teorija obstaja ne glede na to, ali jo uporabljate namerno ali ne. Pomembno je, da jo razumete in upoštevate pri ustvarjanju najboljše in najbolj uporabne zasnove.

Zlato razmerje vas usmerja na osrednja območja, na katera se bo uporabnik verjetno osredotočil in pogledal na podlagi narave. Pomaga ustvariti ravnovesje in merilo, tudi če to ni povsem namerno.

Tukaj je nekaj dobro zasnovanih spletnih strani, na katerih je prekrita predloga zlatega reza, da bi videli, kako natančno je povezana s posameznimi oblikami.

Zaključek

Ključ do razumevanja in uporabe zlatega reza je naslednji: obstaja ne glede na to, ali o njem razmišljate ali ne. Zakaj torej ne bi razmislili, kako lahko ta preizkušena teorija oblikovanja deluje za vas in izboljša projekte?

Prenesite predlogo, ki smo jo uporabili tukaj, in jo namestite na nekaj svojih modelov ter preverite, kako blizu ste prišli, ne da bi o tem sploh razmišljali.

Prekrivanje zlatega razmerja, ki ga je oblikoval Eightonesix