Hva er Golden Ratio og hvordan brukes i grafisk og webdesign?

Å lage et fantastisk kunstverk eller et visuelt stimulerende nettsted er ikke akkurat en cakewalk. Mens kreativitet spiller en stor rolle i suksessen til ethvert design, er det også en viss mengde matematikk og vitenskap involvert.

Når folk ser kunstverkene til ikoniske kunstnere og maestroer som Da Vinci eller Salvador Dali, tenker de på kreativt geni. Det samme merkes når du ser skulpturer som det gamle romerske Pantheon. Imidlertid har alle disse kunstverkene en felles ting – som er kjent som det gylne snitt. Toppdesignerne og nettstedskaperne er fortsatt avhengige av dette tidstestede konseptet for å lage fantastiske kunstverk og nettsteder som lokker øynene dine.

Gyldent snitt gjennom historiens gang

Røttene til det gylne snitt kan spores tilbake til den greske sivilisasjonens strålende dager. Det sies også at de gamle egypterne brukte det til å lage fantastiske pyramider og andre graver for 4000 år tilbake. De gamle grekerne hadde fantastisk fortreffelighet innen kunst, musikk og vitenskap.

Grekerne var muligens de første som fant ut at det er en vakker asymmetri i naturlige ting som trær, blomster, dyr osv. De brukte den greske bokstaven Phi for å uttrykke dette fenomenet. Gjennom århundrene har kunstnere og arkitekter tydd til å bruke en forståelse av proporsjonene og kjernekonseptene til det gylne snitt for å lage estetisk tiltalende arkitektur så vel som kunstverket.

Til nåtiden blir det gylne snitt brukt til å bestemme den visuelle utformingen og formatet til ting som logo, kredittkort, møbler, bøker, til og med noe så dagligdags som utformingen av tallerkener i et spisested. Selv Facebook er ute etter å utvikle AR-glass som kan lese menneskelige sinn, når det kommer til design er det utrolig nyttig med det gyldne snitt.

Med andre ord, du er kanskje ikke klar over det, men det gylne snittet finnes overalt rundt deg! Noen ganger er du kanskje ikke så sikker på hvorfor du velger en T-skjorte med et bestemt design fremfor de andre i en butikk. Den har et design som på en eller annen måte appellerer mer til øynene og sinnet ditt, og kjernegrunnen er det gylne snitt.

Nyanser av Golden Ratio design fagfolk bør vite

Forholdet er avledet fra den berømte Fibonacci-sekvensen som du kanskje husker å ha sett i den kritikerroste filmen Da Vinci-koden. Det er en naturlig forekommende tallsekvens som finnes nesten hvor som helst. Sekvensen er der i form av skjell og på antall blader på et tre – for eksempel.

Fibonacci-sekvensen er i utgangspunktet summen av to tall foran den. Det er som: 0, 1,1, 2, 3, 5, 8, 13, 21, osv. til uendelig. Fra den skapte grekerne det gylne snitt. Det angir det perfekt symmetriske forholdet mellom to proporsjoner. Det er lik 1:1.618 ca. Dette mykner vist ved hjelp av et gyldent rektangel: et stort rektangel som består av en firkant og et mindre rektangel. Firkanten har sider som tilsvarer rektangelets korteste lengde. Hvis du forkaster kvadratet fra å inneholde rektangel, vil et annet mindre gyldent rektangel bli igjen. Dette fortsetter i det uendelige akkurat som Fibonacci-tall – som fungerer motsatt!

Noen bemerkelsesverdige eksempler på Golden ratio i menneskelivet

Grekerne var mesterne i det gylne snitt. Hvis du observerer ruinene av de greske bygningene og templene, kan du finne et behagelig dimensjonsforhold mellom bygningens høyde og bredde. Dette gjelder størrelsen på søyler, portikoen og alt i den. Dette konseptet ble også brukt mye i den nyklassiske arkitekturbevegelsen.

• The Last Supper – Det populære maleriet av Leonardo da Vinci, inneholder stempelet til det gyldne snitt – omtrent som hans andre berømte skulpturer og malerier. I den kan du se figurene plassert i de to nedre tredjedelene. Jesu posisjon er også synkronisert.
• Naturlige gjenstander og livsformer – Selv i naturen kan du finne mange forekomster av dette konseptet. Du kan for eksempel sjekke ut ting som ananas, honningkaker, forskjellige typer blomster, skjell osv.

Hvorfor er Golden ratio relevant for web og grafisk design?

Det er ikke så vanskelig å forstå hvorfor web- og grafiske designere og kunstnere tyr til det gylne snitt i arbeidet sitt. Målseerne eller besøkende på nettstedet legger merke til design eller beskytter som virker fristende og beroligende for øynene. Alderdomsordtaket om førsteinntrykket, å være det siste, spiller en stor rolle her. Med mindre hjemmesiden til et nettsted appellerer til øynene, vil de besøkende forlate den på et øyeblikk. Uten en visuell følelse av symmetri og proporsjoner får ikke nettsiden eller kunstverket seerne til å føle seg enkle og komfortable.

Når utformingen og designstilen til et nettsted virker proporsjonale og estetisk tiltalende for seerne, føler de seg interessert i å sjekke ut innholdet og fortsette til de andre delene av nettstedet. Golden Ratio brukes også i webdesign for å balansere tekst, rikt innhold og lage et hierarki. Den samme logikken gjelder for grafisk kunst som logoen til et selskap.

Bruken av Golden ratio har en positiv innflytelse på den generelle designen og dens elementer individuelt. Når designelementene er proporsjonale – virker det visuelt tilfredsstillende. Fra et ikon til andre visuelle elementer – alt faller på plass og virker proporsjonalt når det gylne snitt brukes.

I webdesign er det også viktig å plassere tekstinnholdet på rett sted og velge riktig type og størrelse. Det er her den gylne rasjonen også kan brukes. Du kan velge en spesifikk tekststørrelse for overskriften og deretter dele med 1.618. Resultatet vil være riktig for underoverskriftene. Hvis brødteksten har en størrelse på 10 px, kan du multiplisere den med 1,618. Overskriftstekststørrelsen kan derfor settes til 16 px. På en nettside, hvor forskjellige typer innhold må brukes – kan dette være nyttig.

På en hvilken som helst nettside spiller også mengden hvitt eller tomt rom en rolle. Overdreven avstand er ikke visuelt tiltalende, og mangel på hvit avstand på en side kan få den til å se rotete ut. Ved å bruke det gyldne snittet kan designerne finne ut den passende mengden hvite mellomrom på nettsider.

Selv i logodesign er bruk av det gylne snitt relevant. Logoen er det som representerer et selskap for målbrukerne først før de besøker nettsider eller merkevarebutikker osv. Så logoen må være estetisk tiltalende og ha en følelse av balanse. Det er her det gylne snitt trer inn. Logoene til mange multinasjonale selskaper og bedriftsgiganter som Pepsi, Twitter og Apple ble skapt ved å bruke teorien.

Hvordan implementere den gyldne rasjon i grafikk og webdesign?

Faktisk er det enklere å implementere konseptet med det gylne snitt i design og kunstverk enn du tror. Det er to måter å distribuere det i web- eller grafisk design:

• Den raske løsningen: Hvis du er involvert i et web- eller grafisk designprosjekt med en stram tidsfrist og det ikke er tid til for mye eksperimentering i design, kan du fortsatt bruke det gylne snitt. Konseptet er å dele et område i 3 like seksjoner – horisontalt og vertikalt. Skjæringspunktet mellom disse linjene skal tjene som et naturlig fokuspunkt for dine former og figurer.

  Fotografene blir vanligvis lært opp til å plassere hovedmotivet i en av slike kryssende linjer for å få tiltalende komposisjoner. Den samme teorien kan brukes i sideoppsett og plakatdesign.

• Full implementering: For å sikre at du følger det eldgamle konseptet med Golden ratio uten å bruke snarveier – det er heller ikke kjedelig. For en nettside bør du sørge for at innholdsområdet og sidefeltets andel overholder forholdet 1:1.6.1. Så i gjennomsnitt, hvis innholdsområdet er 640 piksler, bør du sørge for at sidefeltet er omtrent 400 piksler. Den samme logikken gjelder for topptekst, bunntekst og navigasjonsområder.

Det er en app for Golden Ratio, ja faktisk!

Hvis du synes det er kjedelig å forstå og implementere konseptet i designarbeidet ditt eller frykter at du kan avvike fra normene – slapp av. Som alt annet i livet får du en app for Golden Ratio. Faktisk får du flere apper for å implementere konseptet i designet ditt.

Nedenfor er noen slike apper som du kan sjekke ut:

• Golden Ratio – GoldenRATIO er en app som lar deg distribuere det eldgamle konseptet til ditt design minus oppstyr og sløsing med tid. Den er tilgjengelig for $2,99 i Mac App Store. Appen har en nyttig favorittfunksjon og en funksjonell «click-thru»-modus. Den kan brukes i Photoshop så vel som et overlegg. Du får en innebygd kalkulator med visuell tilbakemelding.
• Golden Ratio Typography Calculator – Dette lar deg lage perfekt typografi for ethvert nettsted i synkronisering med teorien om Golden Ratio.
• Phicalculator – Phicalculator er en nyttig og gratis app, som kan brukes både på PC og Mac. Hvis du legger inn et tall i det, vil du få det tilsvarende tallet i henhold til det gylne forholdet.
• Atrise Golden Section – Dette er en funksjonell rutenettprogramvare med en linjal på skjermen. Ved å bruke dette vil du spares fra å sende tid i beregninger. Du kan se og endre de harmoniske størrelsene og formene. Det er bratt priset, men de gratis prøveversjonene kan brukes i 30 dager.
• PhiMatrix – Dette er et annet hendig og mye brukt verktøy for Golden Ratio-basert design og analyse. Du får tilpassbare rutenett samt maler som kan brukes som overlegg i designprosjektene.

Det er tredjeparts kameraapper som lar deg ta fantastiske bilder mens du holder deg til Golden ratio og Fibonacci-sekvensen. Noen av disse appene er gratis, og de betalte er også der. Disse appene er tilgjengelige både for iOS- og Android-plattformer, og er nyttige for designere som ønsker å ta bilder for bruk i web- eller grafiske designprosjekter som er tatt i henhold til normen. Dette vil gjøre arbeidet med bildene enklere og redusere behovet for å beskjære og justere dem.

• For iOS – brukere av iOS-enheten kan gå for appen Golden Ratio beregne og fotografere. Den koster bare $ 1,99 og inneholder nyttige funksjoner for brukerne som en kalkulator med gyldne snitt. Ved å bruke den kan du ta bilder samtidig som elementene holder seg til prinsippet.
• For Android – Android-brukerne bør velge appen Camera Zoom FX som koster $3. Ved å bruke appen kan du bruke Fibonacci-spiralen og Phi-gitteret som bildeoverlegg mens du tar bilder.

Praktiske tips for å bruke Golden Ratio

Det er noen nyttige måter å implementere Golden ratio i et designprosjekt:

• Du kan bruke forholdet til å lage et basisnettsted som vil dekke sidefeltet og hovedinnholdsområdet. For en skjerm på 1366 x 768 piksler kan du velge en bredde på 846 piksler for innholdsområdet. Sidefeltet kan være 520 piksler bredt. Høyden er ikke viktig i denne sammenhengen.
• Du kan bruke dette konseptet til å lage veiledninger for mellomrom. Du kan bruke store firkanter som enhet 13 og 8 for å lage oppsett mens du bruker små firkanter av enhet 1 til 3 for å sette takrenner.
• Du kan lage ikoner og logoer ved å bruke formelen.
• Det kan distribueres på stadiet av wireframing. Det hjelper deg med å planlegge en struktur og størrelse på de ulike brukergrensesnittkomponentene. Dette er også nyttig for fagfolk innen webdesign å beskjære bilder samtidig som proporsjonene opprettholdes på riktig måte.

Ting å huske på

Selv om det kan være fordelaktig for et selskap eller en profesjonell å bruke det gylne snitt på en nettside eller kunstverk, er det ikke tilrådelig å gå over bord. Husk at for uerfarne brukere eller nybegynnere kan en følelse av skala skapt av sekvensen gå ut av hendene. Ideen er å skape en følelse av estetisk en balanse ved å bruke normen uten å gå inn i ytterlighetene. Du bør bruke den numeriske verdien i design på subtile måter og ikke overalt. Noen nettsteder kan trenge lite distribusjon av det gylne snitt, mens andre kan trenge intensiv implementering.

Til slutt kommer det ned til å bruke riktig størrelse element i et design eller en nettside. Du må også bruke det hvite rommet på riktig måte for å skape en visuell balanse i designet. Det er der den gylne rasjonen kan være nyttig. Bruk den på de riktige måtene for å krydre designet, men ikke baser hele designet på det. Det er andre aspekter som bruk av passende og kontrasterende farger og riktig type innhold.

Hvor fører det hele hen?

Det gylne snitt er hemmeligheten bak visuelt tiltalende og estetisk utseende bilder, logoer, nettsider og alt du kommer over i naturen. I begynnelsen kan det virke som et matematisk konsept som er vanskelig å bruke i design. Men med en nøye tilnærming og analyse av kunstverk laget ved hjelp av teorien – vil du bli vant til det.

Selvfølgelig kan du benytte deg av tredjepartsappene og nettverktøyene som er der. Likevel er ikke det å mestre det gyldne snitt noe du kan oppnå over natten. Det vil kreve mye øvelse og analyse av eksemplene for å nå punktet av perfeksjon. Imidlertid bør det brukes på de riktige måtene for å gjøre designet ditt attraktivt for seerne.