Hvad er det gyldne snit?

Udpakning af det Fibonacci-sekvensbaserede koncept i design.

Kunst af @tubik

Inspirationen er overalt omkring os, og alle i verden får altid forskellige idéer fra kunsten omkring dem. Så det kan komme som en overraskelse, at der er en naturregel, der optræder så ofte omkring os, at den er blevet afbildet i de mest berygtede kunstværker.

Hvad har Mona Lisa, de store pyramider i Giza, Parthenon og Apples logo til fælles? De har alle enten det gyldne snit eller er designet med det gyldne snit i tankerne.

Det gyldne snit er et matematisk forhold, der er opdaget og almindeligvis findes i naturen, men som er synligt næsten overalt, f.eks. i arkitektur, musik, malerier, moderne design m.m. Når det anvendes effektivt, skaber det design, der er naturligt og æstetisk tiltalende for øjet i kraft af deres kunstneriske sammensætning.

Så hvad er hemmeligheden bag dette magiske forhold? Lad os få lidt mere at vide om dette matematiske vidunder, og lad os se, hvordan du kan bruge det til at forbedre dine designs.

Fibonacci-serien

Hvad er det gyldne snit egentlig?

Det gyldne snit (også kendt som det gyldne snit, guddommelige forhold eller den gyldne middelvej) er et matematisk forhold, der giver tallet 1.618 Forestil dig et rektangel, hvor det rektangel, der bliver tilbage, hvis du skærer et kvadrat af, vil have de samme proportioner som det oprindelige rektangel. Hvis du fortsætter med dette mønster, får du diagrammet for det gyldne snit.

Dette tal og selve forholdet stammer fra Fibonacci-sekvensen, som er en række tal, der forekommer naturligt i vores omgivelser. Men tallet er også løsningen på en kvadratisk formel, som vi ikke behøver at komme ind på lige nu. Men du husker måske Fibonacci-tallene fra gymnasiet eller fra den storfilm fra midten af 2000'erne, der fik alle til at gå amok over den hellige gral,"DaVinci-koden".

Ud over fiktion kan man finde det gyldne snit i naturen. Derfor kaldes det også for "det guddommelige forhold", fordi det er så hyppigt forekommende i naturen. Antallet af kronblade på en blomst vil ofte være et Fibonacci-tal.

Frøene i fyrrekogler snor sig i den logaritmiske spiral af Fibonacci-tallene. Selv antallet af sider på en uskrællet banan er normalt et Fibonacci-tal. Selv DNA-molekylet inde i vores krop er et eksempel på denne logaritmiske spiralform.

Nu hvor vi er fortrolige med konceptet, er jeg sikker på, at I ikke har noget imod at blive lidt mere tekniske. Lad os gå ned i Fibonacci-kaninhullet.

Det skyldes, at 0 + 1 = 1, 1 + 1 = 2, 1 + 2 = 3, 2 + 3 = 5 osv. Forholdet mellem nabotallene i Fibonacci-tallene (2/1, 3/2, 5/3 osv.) er ikke nøjagtigt lig med det gyldne snit, men de nærmer sig det. Det betyder, at jo højere Fibonacci-tallet er, jo tættere er deres forhold til 1,618. Brøken 5/3 er allerede ret tæt på med 1,666666...

Da vi alle er designere, er det nok nemmere at forstå dette koncept visuelt. Det gyldne snit kan forklares med det, der kaldes det gyldne rektangel. Et rektangel med et størrelsesforhold på 1:618. Forestil dig nu en firkant, hvis højde og bredde svarer til størrelsen af det kortere segment af det gyldne rektangel. Hvis du fjerner denne firkant, vil den resulterende form have de samme proportioner som det gyldne rektangel.oprindelige rektangel.

Derfor står du tilbage med endnu et mindre gyldent rektangel. Hvis du fortsætter med dette mønster, får du diagrammet over det gyldne snit. På samme måde kan du blot tilføje et kvadrat ved siden af det gyldne rektangel med en længde, der er lig med højden af rektanglet, og du vil opnå samme effekt.

Ved at tegne en omkredsbue i hvert kvadrat får vi den gyldne spiral (også kendt som Durers spiral). Et andet naturligt forekommende fænomen stammer fra selve forholdet.

Det gyldne snit kan ligesom reglen om tredjedele bruges til at skabe smukke former og en stærk komposition. Reglen gælder inden for arkitektur, design og kunst. Astronomen Johannes Kepler fra det 17. århundrede kaldte det gyldne snit for en "kostbar juvel". Vi tror, at astronomen fra det 17. århundrede havde ret, det er et uvurderligt værktøj.

Det gyldne snit har sin oprindelse i Grækenland

Den berømte græske matematiker Euklid, der er kendt som "geometriens grundlægger", nævner dette specifikke forhold første gang i sit værk "Elementer". Med Euklid i spidsen erkendte de gamle grækere, at dette irrationelle tal havde en delende (eller delende) egenskab.

Kilde: Unsplash-foto, redigeret i Vectornator.

Men det var først 2000 år senere, at den tyske matematiker Martin Ohm gav det det "gyldne" kendetegn, og det var først i det 20. århundrede, at det græske bogstav Phi faktisk blev vedtaget som symbol for det gyldne snit af den amerikanske matematiker Mark Barr.

Barr valgte dette specifikke bogstav for at mindes den græske billedhugger Phidias, som af en række kunsthistorikere anerkendes for at have brugt det gyldne snit i mange af sine værker. Den alternative notation er "tau", en forkortelse af det græske tome, der betyder "at skære", og det er en henvisning til den ovenfor nævnte "delende" korrekthed.

Grækerne havde også observeret skønheden i dette forhold. De forstod, at de "guddommelige proportioner" giver den mest æstetisk tiltalende komposition. Dette er en opfattelse, der blev styrket i renæssancen med den berømte italienske matematiker Leonardo da Vincis arbejde.

Han illustrerede den berømte bog "De divina proportione" (De guddommelige proportioner) skrevet af Luca Pacioli, en franciskanermunk. I denne bog skriver Pacioli om det matematiske forhold og de kunstneriske proportioner i det gyldne snit og Leonardo Da Vincis berømte Vitruvianske mand for at illustrere, hvordan selv menneskekroppen respekterer det gyldne snit.

Men Leonardo Da Vincis værk er ikke det eneste eksempel. Det gyldne snit forekommer i mange andre sammenhænge. Selv om det blev berømt i det 16. århundrede, blev det brugt (bevidst eller ubevidst) langt før det. Tag for eksempel den store pyramide i Giza.

Forholdet mellem dens længde og højde er det gyldne snit. Dens harmoniske proportioner skaber også den såkaldte gyldne trekant (også kendt som den ligesidede trekant eller ligebenede trekant). Selv om det ikke er blevet bevist, hævder nogle, at græsk arkitektur blev bygget ved hjælp af phi-tallet, herunder Parthenon.

Foto af Markus Spiske på Unsplash.

Design af brugssituationer

Hvordan bruger du det gyldne snit i design?

Denne hurtige genopfriskning af matematikken er naturligvis ikke til nogen nytte, medmindre du er i stand til at anvende den i dit grafiske designarbejde. Grunden til, at du ønsker at anvende dette forhold i dit arbejde, er den overordnede æstetik, du ønsker at opnå.

Dette forhold giver dig mulighed for at skabe en følelse af naturlig skønhed ved at udnytte den naturlige harmoni og de naturlige proportioner, der ses i verden omkring os. Selv vores ansigter følger det samme forhold. Vi er tiltrukket af dette forhold, så meget, at vi gennem vores evolution er naturligt tilbøjelige til at ønske ting, der ubevidst viser dette gyldne snit. En analyse af nogle af de mest eftertragtede mennesker ishow-business har vist, at de ansigtsproportioner, der kommer tættest på dette forhold, er højere rangeret i fysisk udseende blandt publikum!

Pepsi-logoet.

Når det kommer til stykket, giver dette forhold dig den grundlæggende videnskab, du skal kende til, når du skaber en smuk komposition. For det er et af de vigtigste mål som designer, ikke? At skabe klare og forståelige layouts, sider, der er afbalancerede, og illustrationsdesign, der er flydende.

Hvis du bruger disse principper, vil det naturligvis resultere i et meget mere sammenhængende design, eller hvis du tænker på det i UX-termer, resulterer det i en bedre oplevelse for dine brugere.

Den gyldne spiral kan bruges via flere værktøjer i dit design, f.eks. gitter, afstandsregler, kolonner og tagrender. Hvis du illustrerer, kan du prøve at lave et figurstudie om berømte naturelementer, der indeholder Fibonacci-sekvensen, f.eks. bølger, horn, kogler eller endda formen på vores galakse.

Hvis du mestrer at bruge den, kan den gyldne spiral se særlig yndefuld, elegant og endda dramatisk ud i dit arbejde, da dens vej fører beskuerens øjne hen til de vigtige dele af dit grafiske materiale.

Mere specifikt er her nogle af de måder, hvorpå du kan bruge det gyldne snit og den gyldne spiral til din fordel.

1 - Typografi og overordnet designhierarki

Ved første øjekast tror man måske, at typografi og matematik ikke har noget med hinanden at gøre. Typografi er jo lavet af bogstaver, og matematik består af tal. Det er lidt det modsatte af hinanden.

Men sandheden er, at typografi er en kombination af kunstneriske bogstavformer og rationelle proportioner. En smuk kombination af form og funktion. Når proportionerne i din typografi er afbalancerede, kan du virkelig få din typografi til at synge i harmoni med dit design.

Du skal overveje tre dimensioner af din tekst: skriftstørrelse, linjehøjde og linjebredde. Tilsammen er disse dimensioner, som vi opfatter enten horisontalt eller vertikalt, ansvarlige for, hvordan vi oplever typografi. Der er et særligt forhold mellem alle tre.

Hvis din tekstlinje bliver bredere, skal højden mellem linjerne også øges for at gøre teksten mere læselig. Og hvad hedder dette forhold? Et forhold.

Hvis du bruger et hvilket som helst forhold, hvorfor så ikke gøre det gyldent? Det er blevet bevist gang på gang, at det forbedrer æstetikken af alt, hvad det rører ved.

Dette forhold kan hjælpe dig med at finde ud af størrelsen på dine overskrifter, din brødtekst og støttekopier i dine designs.

Hvis din brødtekst f.eks. er 14px, kan du gange det med 1,618 og få 22,652. Det betyder, at din overskrift skal være ca. 22px/23px i henhold til forholdet for naturligt at afbalancere teksten i brødteksten nedenunder. Du kan endda følge den modsatte metode for at finde ud af størrelsen på din brødtekst, hvis du har låst dig fast på størrelsen på din overskrift.

2 - Redigering og ændring af størrelsen på billeder

Selv om det er nemt at finde ud af, hvilken hvid plads du skal fjerne, når du beskærer og ændrer størrelsen på dine billeder, skal du ikke glemme, at det kræver afbalancering bagefter.

Beskæring afhænger i høj grad af billedets komposition. Du skal først tænke på nogle vigtige ting. Hvad er motivet i billedet? Hvilke andre elementer kan du inkludere i scenen? Er der linjer eller kurver, der naturligt forekommer i billedet? Hvad skal den endelige størrelse af dit lærred være?

Når du kender alle svarene, har du faktisk ét spørgsmål mere at tage stilling til: Vil du bruge Phi-gitteret eller den gyldne spiral?

Phi-gitteret er en måde at overveje det dimensionelle forhold mellem elementerne i et foto på. Det ligner tredjedelsreglen, men er ikke så simpelt som det. Du deler ikke rammen op i 3 lige store segmenter.

Gitteret består i stedet af et forhold på 1:0,618:1, da centerlinjerne er tættere på hinanden. Linjerne i Phi-gitteret skaber visuelt tiltalende proportioner, som folk næsten automatisk vil opfatte som smukke. Hvis du beslutter dig for at beskære ved hjælp af Phi-gitteret, vil dit motiv blive placeret tæt på midten af billedet.

Med Fibonacci-spiralen er strukturen i din komposition helt anderledes. Hvis du forestiller dig, at du lægger spiralen oven på dit billede, vil det område med flest detaljer være i det mindste rektangel i spiralen. Men det behøver ikke nødvendigvis at være i et hjørne. Det kan være hvor som helst i din komposition. Nogle siger, at Mona Lisas ansigt også er placeret i dette afgørende område.

3 - Layout i UI-design

Ved at bruge dette forhold kan du også hjælpe med at designe en naturligt tiltalende og beroligende brugergrænseflade ved at henlede opmærksomheden på de vigtige ting korrekt.

Og det er nemmere end du tror at bruge det gyldne snit i dit designarbejde. Da brugergrænsefladedesign handler om logisk sammensætning, kan du bruge formlen som et værktøj til at generere kolonner og proportionelle layouts.

Lad os f.eks. sige, at du vil oprette et layout med en sidebar, der er 1080 pixel bred. For at beregne bredden af hovedspalten skal du blot dividere 1080 pixel med 1,618. Dette vil give en hovedspalte, der er 667 pixel bred. Du skal gentage den samme proces for hovedspalten for at få bredden af sidebaren. Divider 667 med 1,618 for at få 412,5 px.

Gyldent kanon gitter - Adrián Somoza til Bont™ i Gratis tilbud

Men det er naturligvis ikke nødvendigt at bruge disse mål altid. Formlen for det gyldne snit er blot en vejledning i den mest behagelige balance mellem områderne i dit design.

Nu, hvor du forstår det, kan du faktisk se dette hack i aktion på mange websteder.

‍4 - Logo design

Twitter, Pepsi og Apple. Disse mærker og deres logoer er stærkt inspireret af det gyldne snit, og nogle har brugt det i hele designet af deres logo!

Apples kærlighed til det gyldne snit er velkendt blandt Apple-fans og i designverdenen. Mange af deres app-logoer er inspireret af snittet, og iCloud-logoet er et godt eksempel herpå.

En god måde at bruge det gyldne snit på er at bestemme højden og bredden af et logo samt proportionerne mellem de interne elementer og hele designet.

Den gyldne rektangel kan også bruges til at placere objekter og definere den bedste sammensætning, der er mest behagelig for øjet. Ved at bruge denne enkle formel sikrer du dig, at alle dele af dit logo er placeret harmonisk.

Du kan bruge de cirkler, der definerer den gyldne spiral, som grundlag for dit logo.

Så næste gang du leder efter et gennembrud i et logo, hvorfor så ikke prøve dette praktiske forhold, som findes i naturen? Det vil åbne døren til nogle fantastiske designoplevelser, og det vil skærpe din designfølelse at anvende simple brøker og proportioner i din kreative proces.

5 - Arkitektur

Det gyldne snit gælder i arkitekturen som i kunsten, og den matematiske sammenhæng mellem berømte arkitektoniske designs og det gyldne snit er overbevisende.

Billedkilde: Kimon Maritz

Den antikke græske arkitektur brugte ofte det gyldne snit til at designe og bestemme formen på de store bygningsværker, som grækerne er kendt for. Forholdet definerer det afgørende forhold mellem arkitektonisk design og matematik.

Ved hjælp af det gyldne snit kan arkitekter finde de rette proportioner med hensyn til bygningens højde og bredde, hvilket resulterer i en bygning, der er arkitektonisk sund og æstetisk tiltalende.

Dette princip kan også anvendes på boligindretning og interiørdesign. Det gyldne snit ved maling af et rum kræver for eksempel, at 60 procent af rummet skal males i én nuance, 30 procent i en anden nuance og 10 procent i en tredje nuance.

6 - Design af tryksager

Det gyldne snit kan også forbedre den kunstneriske komposition af trykt design. Alt fra magasiner til bogdesign og marketingmaterialer kan bruge det gyldne snit til at skabe en stærk komposition.

Der er et gennemsnitligt forhold, som de fleste designere vil bruge, når de skaber deres design. Ægte kunstnere vil dog overveje marginproportionerne i forhold til det gyldne snit. Designere af magasiner bør f.eks. tilpasse det centrale rektangelbillede i deres design perfekt til omslagets kanter.

Billedkilde: Sarah Dorweiler

Uanset om du skal designe kunst til din universitetsforlag eller den næste store romanforfatter fra det 21. århundrede, skal du tage hensyn til dette matematiske forhold. Det afgørende forhold mellem rum og indhold er svært at balancere perfekt.

Det gyldne snit kan bruges af designere til at bestemme den rette størrelse og placering af hvert enkelt element for at skabe et perfekt proportioneret omslag. Det er den mest positive løsning på denne opgave at stille hjørne-rektangler på linje med hjørne-rektangler på andre billeder og sørge for den rette afstand.

7 - Fotografi

Kunstnerisk komposition er afgørende for ethvert billede, maleri eller illustration. Uanset formatet kan det gyldne snit bruges til at perfektionere dine proportioner og sikre, at dit billede og marginproportionerne er tiltalende for øjet.

Ved hjælp af dette matematiske forhold kan du på subtil vis trække beskuerens øje hen til det sted i billedet, hvor du ønsker det. Du kan gøre det ved at dele billedet op i tre dele og bruge disse linjer til at opstille dit billede. Lyder det bekendt? Det er fordi, det er også kendt som tredjedelsreglen.

Billedkilde: Ameya Sawant

Det gyldne snit for et fotografi er 1: 0,618: 1. Det betyder, at bredden af den første og tredje kolonne er 1, mens bredden af den midterste kolonne er 0,618. Det samme gælder vertikalt og horisontalt.

Du kan også bruge tredjedelsreglen i det gyldne snit til at beskære billederne korrekt, så de bliver mere æstetisk tiltalende. Du kan gøre dette ved at tilpasse dine vigtigste elementer omkring den center rektangel Det midterste rektangel skal så trække beskuerens opmærksomhed til sig på en diskret, men bestemt måde.

Rævelogo med det gyldne snit af DAINOGO

‍Det sidste skridt

Så i dag har vi lært at huske på det gyldne snit i alle designprojekter, uanset om det er et logo, en præsentation eller endda noget så simpelt som at beskære et billede.

‍Nu har du fået styr på det gyldne snit, og vil du prøve det af? Hvorfor ikke afprøve det på Vectornator? Hvis du leder efter en intuitiv og brugervenlig grafisk designsoftware på professionelt niveau, så har vi din ryg.

Download Vectornator for at komme i gang

Løft dine designs til det næste niveau.

Vis os dine fantastiske designs ved at sende dem til os eller tagge #vectornator på de sociale medier.