Wat is de gulden snede?

Uitpakken van het Fibonacci sequentie gebaseerde concept in design.

Kunst door @tubik

Inspiratie is overal om ons heen, en iedereen in de wereld put altijd andere ideeën uit de kunst om zich heen. Het kan dus een verrassing zijn dat er één natuurregel is die zo vaak om ons heen verschijnt dat hij is afgebeeld in de meest beruchte kunstwerken.

Wat hebben de Mona Lisa, de Grote Piramiden van Gizeh, het Parthenon en het logo van Apple gemeen? Ze vertonen allemaal de Gulden Snede of zijn ontworpen met de Gulden Snede in gedachten.

De Gulden Snede is een wiskundige relatie en verhouding die in de natuur is ontdekt en algemeen voorkomt, maar die bijna overal zichtbaar is, zoals in architectuur, muziek, schilderijen, modern design, enzovoort. Wanneer zij effectief wordt gebruikt, creëert zij ontwerpen die door hun artistieke compositie op natuurlijke en esthetische wijze aantrekkelijk zijn voor het oog.

Dus wat is het geheim van deze magische verhouding? Laten we eens wat meer ontrafelen over dit wiskundig wonder. En laten we eens kijken hoe u het kunt gebruiken om uw ontwerpen te verbeteren.

De Fibonacci reeks

Wat is nu precies de Gulden Snede?

Heel eenvoudig gezegd is de Gulden Snede Verhouding (ook bekend als de Gulden Snede Verhouding, Goddelijke Verhouding of Gulden Gemiddelde) een wiskundig verband dat het getal 1.618 Stel je een rechthoek voor waarbij, als je er een vierkant afsnijdt, de rechthoek die overblijft dezelfde verhoudingen heeft als de oorspronkelijke rechthoek. Als je dit patroon voortzet, krijg je het diagram van de Gulden Snede.

Dit getal en de verhouding zelf zijn afgeleid van de Fibonacci-reeks, een reeks getallen die van nature voorkomen in onze omgeving. Maar het getal is ook de oplossing van een kwadratische formule, waar we nu niet echt op in hoeven te gaan. Maar misschien herinner je je de Fibonacci-getallen nog van de middelbare school. Of van de kaskraker uit het midden van de jaren 2000 die iedereen gek maakte op de heilige graal,"De DaVinci Code.

Naast fictie vind je de gulden snede ook in de natuur. Daarom wordt het ook wel de 'goddelijke verhouding' genoemd. Vanwege de frequentie ervan in de natuur. Het aantal bloemblaadjes van een bloem zal vaak een Fibonacci getal zijn.

De zaden van dennenappels draaien in de logaritmische spiraal van Fibonacci. Zelfs het aantal zijden van een ongeschilde banaan is meestal een Fibonacci getal. Zelfs de DNA molecule in ons lichaam is een voorbeeld van deze logaritmische spiraalvorm.

Nu we vertrouwd zijn met het concept, vinden jullie het vast niet erg om wat technischer te worden. Laten we het Fibonacci-konijnenhol induiken.

Dat komt omdat 0 + 1 = 1, 1 + 1 = 2, 1 + 2 = 3, 2 + 3 =5 etc. De verhoudingen van naburige Fibonacci-getallen (2/1, 3/2, 5/3, etc.) zijn niet precies gelijk aan de gulden snede, maar ze benaderen deze wel. Dat betekent dat hoe hoger het Fibonacci-getal, hoe dichter hun verhouding bij 1,618 ligt. De breuk 5/3 ligt met 1,666666 al aardig in de buurt...

Omdat we allemaal ontwerpers zijn, is het waarschijnlijk gemakkelijker om dit concept visueel te begrijpen. De Gulden Snede kan worden uitgelegd aan de hand van wat de Gulden Rechthoek wordt genoemd. Een rechthoek met een beeldverhouding van 1:618. Stel je nu een vierkant voor waarvan de hoogte en breedte gelijk zijn aan de grootte van het kortere segment van de Gulden Snede. Als je dat vierkant weghaalt, zal de resulterende vorm dezelfde verhoudingen hebben als deoriginele rechthoek.

U houdt dus een andere, kleinere Gouden Rechthoek over. Als u dit patroon aanhoudt, krijgt u het diagram van de Gulden Snede. U kunt ook gewoon een vierkant toevoegen naast de Gouden Rechthoek met een lengte die gelijk is aan de hoogte van de rechthoek, en u krijgt hetzelfde effect.

Door in elk vierkant een omtrekboog te tekenen, krijgen we de Gouden Spiraal (ook bekend als de Spiraal van Durer). Een ander natuurlijk verschijnsel is afgeleid van de verhouding zelf.

De Gulden Snede kan, net als de regel van derden, worden gebruikt om mooie vormen en een sterke compositie te creëren. Deze regel geldt voor architectuur, design en kunst. De 17e-eeuwse astronoom Johannes Kepler noemde de Gulden Snede een "kostbaar juweel". Wij denken dat die 17e-eeuwse astronoom gelijk had, dit is een onbetaalbaar instrument.

Griekse oorsprong van de gulden snede

Euclides, de beroemde Griekse wiskundige die de "grondlegger van de geometrie" wordt genoemd, vermeldt deze specifieke verhouding voor het eerst in zijn werk "Elementen". Met Euclides in de voorhoede erkenden de oude Grieken de deelbaarheid van dit irrationele getal.

Bron: Unsplash-foto, bewerkt in Vectornator.

Maar pas 2000 jaar later gaf de Duitse wiskundige Martin Ohm er de 'gouden' eigenschap aan. En pas in de 20e eeuw werd de Griekse letter Phi door de Amerikaanse wiskundige Mark Barr overgenomen als symbool voor de gulden snede.

Barr koos die specifieke letter om de Griekse beeldhouwer Phidias te herdenken, van wie door een aantal kunsthistorici wordt erkend dat hij de gulden snede in veel van zijn werken heeft gebruikt. De alternatieve notatie is 'tau', een afkorting van het Griekse tome, wat 'snijden' betekent. En het is een verwijzing naar het hierboven genoemde 'verdelen'.

Ook de Grieken hadden de schoonheid van deze verhouding waargenomen. Zij begrepen dat de "goddelijke verhouding" de esthetisch mooiste compositie oplevert. Dit begrip werd tijdens de Renaissance versterkt door het werk van de beroemde Italiaanse wiskundige Leonardo da Vinci.

Hij illustreerde het beroemde boek "De divina proportione" (Goddelijke Verhouding) geschreven door Luca Pacioli, een Franciscaanse broeder. In dit boek schrijft Pacioli over de wiskundige verhouding en de artistieke verhouding van de Gulden Snede en Leonardo Da Vinci's beroemde Vitruviaanse Man om te illustreren hoe zelfs het menselijk lichaam de Gulden Snede respecteert.

Maar het werk van Leonardo Da Vinci is niet het enige voorbeeld. De gulden snede komt in vele andere contexten voor. Hoewel ze haar bekendheid kreeg in de 16e eeuw, werd ze (al dan niet bewust) al veel eerder gebruikt. Neem bijvoorbeeld de Grote Piramide van Gizeh.

De verhouding van zijn lengte en hoogte is de gulden snede. De harmonieuze verhoudingen creëren ook de zogenaamde Gouden Driehoek (ook bekend als de gelijkzijdige driehoek of gelijkbenige driehoek). Hoewel het niet bewezen is, beweren sommigen dat de Griekse architectuur werd gebouwd met behulp van het phi-getal, waaronder het Parthenon.

Foto door Markus Spiske op Unsplash.

Ontwerp Gebruiksgevallen

Hoe gebruik je de gulden snede in een ontwerp?

Deze snelle opfrissing van de wiskunde heeft natuurlijk geen nut, tenzij je het met succes kunt toepassen in je grafisch ontwerpwerk. De reden waarom je deze verhouding in je werk wilt toepassen komt neer op de algemene esthetiek die je wilt bereiken.

Met deze verhouding kunt u een gevoel van natuurlijke schoonheid creëren door gebruik te maken van de natuurlijke harmonie en verhoudingen die in de wereld om ons heen te zien zijn. Zelfs onze gezichten volgen deze verhouding. Wij voelen ons aangetrokken tot deze verhouding, zozeer zelfs dat door onze evolutie de menselijke waarneming van nature geneigd is dingen te verlangen die onbewust deze verhouding van de Gulden Snede vertonen. Een analyse van enkele van de meest begeerlijke mensen inIn de showbusiness is gebleken dat gezichtsverhoudingen die het dichtst bij deze verhouding in de buurt komen, bij het publiek hoger scoren qua fysieke verschijning!

Het Pepsi-logo.

Als het erop aankomt, biedt deze verhouding de basiswetenschap die je moet kennen bij het maken van een mooie compositie. Want dat is een belangrijk doel als ontwerper, toch? Duidelijke en begrijpelijke lay-outs maken, pagina's die in balans zijn, en illustratieontwerp dat vloeiend is.

Het gebruik van deze principes zal vanzelfsprekend resulteren in een veel samenhangender ontwerp. Of, als je het in UX-termen bekijkt, resulteert het in een betere ervaring voor je gebruikers.

De Gouden Spiraal kan worden gebruikt via verschillende hulpmiddelen in je ontwerp, zoals rasters, spatiëringsregels, kolommen en goten. Als je illustreert, probeer dan een figuurstudie te doen naar beroemde natuurlijke elementen waarin de Fibonacci-reeks voorkomt, zoals golven, horens, dennenappels of zelfs de vorm van ons sterrenstelsel.

Als u hem beheerst, kan de Gouden Spiraal er in uw werk bijzonder sierlijk, elegant en zelfs dramatisch uitzien, omdat het pad de ogen van de kijker naar de belangrijke delen van uw afbeelding leidt.

Meer in het bijzonder zijn hier enkele manieren waarop u de Gulden Snede verhouding en de Gulden Spiraal in uw voordeel kunt gebruiken.

1 - Typografie en algemene ontwerphiërarchie

Op het eerste gezicht zou je kunnen denken dat typografie en wiskunde niets met elkaar te maken hebben. Typografie bestaat immers uit letters, en wiskunde uit cijfers. Een beetje het tegenovergestelde van elkaar.

Maar de waarheid is dat typografie een combinatie is van artistieke lettervormen en rationele verhoudingen. Een mooie combinatie van vorm en functie. Als de verhoudingen van je typografie in balans zijn, kun je je typografie echt laten zingen in harmonie met je ontwerp.

Je moet rekening houden met drie dimensies van je tekst: lettergrootte, regelhoogte en regelbreedte. Samen zijn deze dimensies, die we horizontaal of verticaal waarnemen, verantwoordelijk voor hoe we typografie ervaren. Er is een speciale relatie tussen alle drie.

Meer bepaald, als uw tekstregel breder wordt, moet ook de hoogte tussen de regels toenemen om de leesbaarheid ervan te verbeteren. En hoe wordt deze verhouding genoemd? Een verhouding.

Als je een verhouding gebruikt, waarom dan niet goud? Het is keer op keer bewezen dat het de esthetiek verbetert van alles wat het aanraakt.

Deze verhouding kan u helpen bij het bepalen van de grootte van uw koppen, uw hoofdtekst en de ondersteunende tekst in uw ontwerpen.

Bijvoorbeeld, als uw hoofdtekst 14px is, vermenigvuldig dat dan met 1,618, en u krijgt 22,652. Dat betekent dat uw kop ongeveer 22px/23px moet zijn volgens de verhouding om de tekst in de tekst eronder op natuurlijke wijze in evenwicht te brengen. U kunt zelfs de omgekeerde methode volgen om de grootte van uw hoofdtekst te bepalen als u de grootte van uw kop hebt vastgelegd.

2 - Afbeeldingen bewerken en vergroten of verkleinen

Hoewel het gemakkelijk is om uit te zoeken welke witruimte u moet wegwerken bij het bijsnijden en verkleinen van uw foto's, mag u niet vergeten dat u daarna moet balanceren.

Bijsnijden hangt grotendeels af van de compositie van je beeld. Je moet eerst nadenken over enkele belangrijke dingen. Wat is het onderwerp van het beeld? Welke andere elementen kun je in het tafereel opnemen? Zijn er lijnen of rondingen die van nature in het beeld voorkomen? Wat wil je dat de uiteindelijke grootte van je doek is?

Als je alle antwoorden weet, heb je eigenlijk nog één vraag. Wil je het Phi-raster of de Gouden Spiraal gebruiken?

Het Phi-raster is een manier om de dimensionale relatie tussen de elementen van een foto te bekijken. Het lijkt op de Regel van Derden, maar zo simplistisch is het niet. Je verdeelt het kader niet in 3 gelijke segmenten.

Het raster bestaat in plaats daarvan uit een verhouding van 1:0,618:1, omdat de middelste lijnen dichter bij elkaar liggen. De lijnen van het Phi-raster creëren visueel aantrekkelijke verhoudingen die mensen bijna automatisch als mooi zullen ervaren. Als u besluit bij te snijden met behulp van het Phi-raster, dan wordt uw onderwerp dicht bij het midden van de foto geplaatst.

Met de Fibonacci-spiraal is de structuur van je compositie heel anders. Als je je voorstelt de spiraal over je afbeelding te leggen, zal het gebied met de meeste details zich in de kleinste rechthoek van de spiraal bevinden. Maar dat hoeft niet in een hoek te zijn. Het kan overal in je compositie zijn. Sommigen zeggen dat het gezicht van de Mona Lisa zich ook in dat cruciale gebied bevindt.

3 - Lay-out in UI-ontwerp

Het gebruik van deze verhouding kan ook helpen bij het ontwerpen van een natuurlijk aantrekkelijke en rustgevende UI-ervaring, door de aandacht juist op de belangrijke dingen te vestigen.

Bovendien is het gebruik van de gulden snede in uw ontwerpwerk eenvoudiger dan u denkt. Aangezien UI-ontwerp draait om logische compositie, kunt u de formule gebruiken als hulpmiddel om kolommen en proportionele lay-outs te genereren.

Laten we bijvoorbeeld zeggen dat u een lay-out wilt maken met een zijbalk van 1080 pixels breed. Om de breedte van de hoofdkolom te berekenen, deelt u 1080 pixels door 1,618. Dit levert een hoofdkolom op van 667 pixels breed. U wilt hetzelfde proces herhalen voor de hoofdkolom om de breedte van de zijbalk te krijgen. Deel 667 door 1,618 om 412,5 px te krijgen.

Golden Canon Rooster - Adrián Somoza voor Bont™ in Freebies

Maar natuurlijk hoeven deze afmetingen niet altijd te worden gebruikt. De Gulden Snede-formule biedt slechts een leidraad voor het meest aangename evenwicht tussen de gebieden van uw ontwerp.

In feite, nu je het begrijpt, kun je deze hack in actie zien op vele websites.

‍4 - Logo ontwerp

Twitter, Pepsi en Apple. Deze merken en hun logo's zijn sterk geïnspireerd door de Gulden Snede en sommige hebben de verhouding gebruikt in het hele ontwerp van hun logo!

De liefde van Apple voor de Gulden Snede is bekend bij zijn fans en in de designwereld. Veel van hun app-logo's zijn geïnspireerd op de verhouding, en het iCloud-logo is daar een uitstekend voorbeeld van.

Een goede manier om de Gulden Snede te gebruiken is het bepalen van de hoogte en breedte van een logo en de verhouding van de interne elementen tot het gehele ontwerp.

De Gouden Rechthoek kan ook worden gebruikt om objecten te plaatsen en de beste compositie te bepalen die het meest aangenaam is voor het oog. Met behulp van zijn eenvoudige formule zorgt u ervoor dat alle onderdelen van uw logo op harmonische wijze worden geplaatst.

Of strip de Gouden Spiraal voor onderdelen! U kunt de cirkels die de Gouden Spiraal definiëren gebruiken als basis van uw logo.

Dus als u de volgende keer op zoek bent naar een doorbraak in een logo, waarom probeert u dan niet deze handige verhouding uit de natuur? Het zal de deur openen naar verbazingwekkende ontwerpervaringen, en het zal uw ontwerpgevoel aanscherpen om eenvoudige breuken en verhoudingen toe te passen in uw creatieve proces.

5 - Architectuur

De gulden snede geldt zowel in de architectuur als in de kunst, en de wiskundige relatie tussen beroemde architectonische ontwerpen en de gulden snede is overtuigend.

Beeldbron: Kimon Maritz

De oude Griekse architectuur maakte vaak gebruik van de Gulden Snede bij het ontwerpen en bepalen van de vorm van de grote bouwwerken waar de Grieken bekend om staan. De verhouding definieert de cruciale relatie tussen architectonische ontwerpen en wiskunde.

Met behulp van de gulden snede kunnen architecten de juiste verhoudingen vinden voor de hoogte en breedte van gebouwen. Dit resulteert in een gebouw dat architectonisch verantwoord en esthetisch verantwoord is.

Dit principe kan ook worden toegepast op woninginrichting en interieurdesign. De gulden snede bij het schilderen van een kamer houdt bijvoorbeeld in dat 60 procent van de kamer in één tint wordt geschilderd, 30 procent in een tweede tint en 10 procent in een derde tint.

6 - Afdrukontwerp

De gulden snede kan ook de artistieke compositie van drukwerk verbeteren. Alles, van tijdschrift- en boekontwerp tot marketingmateriaal, kan de gulden snede gebruiken om een sterke compositie te creëren.

Er is een gemiddelde verhouding die de meeste ontwerpers zullen gebruiken bij het maken van hun ontwerpen. Echte kunstenaars zullen echter rekening houden met de margeverhoudingen ten opzichte van de gulden snede. Tijdschriftontwerpers, bijvoorbeeld, moeten de centrale rechthoekige afbeelding in hun ontwerp perfect laten aansluiten op de randen van hun omslag.

Afbeelding Bron: Sarah Dorweiler

Of je nu kunst ontwerpt voor een universiteitspers of voor de volgende grote schrijver van de 21e eeuw, je moet rekening houden met deze wiskundige verhouding. De cruciale relatie tussen ruimte en inhoud is er een die moeilijk perfect in evenwicht te brengen is.

De Gulden Snede kan door ontwerpers worden gebruikt om de juiste grootte en plaatsing van elk element te bepalen om een perfect geproportioneerd omslag te creëren. Het op één lijn brengen van hoekrechthoeken met de hoekrechthoeken van andere afbeeldingen en het toestaan van de juiste tussenruimte is de meest positieve oplossing voor deze taak.

7 - Fotografie

Artistieke compositie is cruciaal voor elke afbeelding, schilderij of illustratie. Ongeacht het formaat kan de Gulden Snede worden gebruikt om uw verhoudingen te perfectioneren en ervoor te zorgen dat uw afbeelding en de margeverhoudingen aangenaam zijn voor het oog.

Met deze wiskundige relatie kun je het oog van de kijker subtiel trekken naar waar je het in de foto wilt hebben. Splits daartoe het beeld in drie delen en gebruik die lijnen om je foto op te zetten. Klinkt dat bekend? Dat komt omdat dit ook bekend staat als de regel van derden.

Afbeelding Bron: Ameya Sawant

De Gulden Snede verhouding voor een foto is 1: 0,618: 1. Dit betekent dat de breedte van de eerste en derde kolom 1 is, terwijl de breedte van de middelste kolom gelijk is aan 0,618. Hetzelfde geldt verticaal en horizontaal.

U kunt ook de regel van derden of de gulden snede gebruiken om uw afbeeldingen esthetisch aantrekkelijker te maken. Lijn daartoe uw belangrijkste elementen uit rond de middelste rechthoek De middelste rechthoek moet dan subtiel maar krachtig de aandacht van de kijker trekken.

Fox Logo met Gulden Snede door DAINOGO

De laatste stap.

Vandaag hebben we dus geleerd om altijd de Gulden Snede in gedachten te houden bij elk ontwerpproject, of het nu gaat om een logo, een presentatie, of zelfs bij zoiets eenvoudigs als het bijsnijden van een afbeelding.

Nu u de Gulden Snede onder de knie hebt, wilt u het eens proberen? Waarom test u het niet uit met Vectornator? Als u op zoek bent naar intuïtieve en eenvoudig te gebruiken grafische ontwerpsoftware van professioneel niveau, staan wij voor u klaar.

Vectornator downloaden om te beginnen

Breng uw ontwerpen naar een hoger niveau.

Laat ons je geweldige ontwerpen zien door ze naar ons te sturen of tag #vectornator op Social Media.