Opzettelijk of niet: wiskundige theorie in ontwerp
Sommige van de principes zijn misschien honderden jaren oud, maar ze zorgen nog steeds voor een goed ontwerp. Door de tijd beproefde wiskundige theorieën hebben onze collectieve definitie van wat er goed uitziet lang gevormd.
Mogelijk bent u van plan om vanaf het begin een aantal wiskundige theorieën te gebruiken als onderdeel van uw ontwerpproject, andere kunnen onbedoeld zijn. Hoe dan ook, wiskundige regels zijn nog steeds van toepassing op bijna elk project, van print tot webdesign. Het is belangrijk om de rol van wiskunde bij het ontwerp te begrijpen en te verklaren hoe dit de look en feel van uw projecten kan beïnvloeden.
Vind je het artikel leuk? Zorg ervoor dat u zich abonneert op onze RSS-feed en volg ons op Twitter om op de hoogte te blijven van recente inhoud.
De gulden snede
De gulden snede, ook wel de gouden rechthoek of gulden middenweg genoemd, is een vorm met een verhouding van 1 tot 1.618. (Dit getal, 1.618 ... wordt vaak Phi genoemd.) De exacte oorsprong van de theorie is onbekend, maar er zijn overal vermeldingen van de gulden snede - van de Grote Piramiden in Eqypt tot de vorm van het Parthenon in Griekenland.
Maar de vorm is niet beperkt tot architectuur. Het is te vinden in beroemde kunstwerken (Leonardo Da Vinci's "Vitruvian Man") en zelfs in het huidige webdesign (het meer recente Twitter-siteontwerp).
De aanvragen voor print- en webdesignprojecten zijn iets minder nauwkeurig dan die 1 op 1.618 ratio maar vallen toch binnen de theorie. (Veel ontwerpers zullen getallen afronden wanneer ze met het gouden rantsoen werken om getallen of rasters te maken die gemakkelijker zijn om mee te werken.)
U kunt de gulden snede op een aantal verschillende manieren gebruiken - als de omtrek voor uw algehele site of voor verschillende delen van uw ontwerp. Een van de beste delen van de gulden snede? Wanneer u onderdelen groepeert met behulp van de verhouding, weerspiegelt uw eindvorm ook de verhouding, omdat de vorm zich oneindig (en perfect) in zichzelf kan verdelen.
Maar wat doet de gulden snede? Het bootst simpelweg het uiterlijk van de natuur na en creëert tegelijkertijd een gevoel van balans en harmonie.
Fibonacci-reeks
De Fibonacci-reeks is een reeks getallen waarbij elk nummer in de lijst is afgeleid van het toevoegen van de vorige twee getallen.
0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233, 377, 610, 987, 1597, 2584, 4181, 6765, 10946, 17711, 28657, 46368, 75025, 121393, 196418, 317811…
De wiskundige theorie dateert van meer dan 750 jaar en is ontwikkeld door Leonardo Pisano Bogollo in Italië. Zijn bijnaam was "Fibonacci" en hij hielp ook tijdens zijn leven (1170-1250) het gebruik van ons huidige nummerstelsel door Europa te verspreiden.
Het resultaat van deze cijferreeks is een spiraalvorm waarin elke ring op de manier van deze verhouding betrekking heeft op de vorige. Het meest voorkomende voorbeeld in de natuur is de nautilus.
Voor ontwerptoepassingen, wanneer blokken uit de reeks worden samengevoegd, ontstaat een spiraal van vierkanten. Verder sluit deze theorie aan bij de gulden snede - als je twee opeenvolgende getallen in de Fibonacci-reeks bij elkaar zet, houdt de verhouding zeer nauw verband met 1 tot 1.1618. Hoe groter de cijfers worden, hoe dichter ze bij Phi staan.
Nogmaals, deze theorie is geweldig om balans en harmonie in ontwerp te creëren en het kan vrij eenvoudig zijn om te creëren. Het wordt vaak gebruikt om ontwerpers te helpen bij het bepalen van breedtes en afmetingen voor het lichaam en de zijbalken op hun websites en wordt meestal gebruikt bij het werken met blogs en lay-outs in tijdschriftstijl. In een lay-out met drie kolommen met behulp van de Fibonacci-reeks, bijvoorbeeld, in een lay-out van 1170 pixels breed, zouden de kolommen 180, 270 en 720 pixels breed zijn.
Regel van derden
De regel van derden is een van die wiskundige theorieën die je niet kunt vermijden. Het zal verschijnen in elk gedrukt of digitaal gepubliceerd stuk werk.
Simpel gezegd, de regel van derden is een denkbeeldig raster van 3 bij 3 dat op elke afbeelding (of ontwerp) van elke vorm of afmeting past, waarbij elk van de negen rechthoeken exact dezelfde grootte heeft. De theorie helpt ontwerpers (en fotografen) om te bepalen hoe het oog één afbeelding of een groep afbeeldingen (zoals een website) volgt.
Gebruik de regel van derden om bijsnijdingen voor foto's te bepalen en afbeeldingen in groepen te plaatsen. Volgens de theorie stopt het oog eerst op het snijpunt linksboven, beweegt dan naar beneden, dan weer omhoog naar het snijpunt rechtsboven en dan weer naar beneden. (Dit is de reden waarom de meeste ontwerpen logo's en contactgegevens linksboven bevatten.)
De regel van derden is een andere tool die je helpt om een gevoel van evenwicht in het ontwerp te creëren. Wat je onderweg misschien verrassend vindt, is dat deze balans vaak asymmetrisch is. Omdat het oog langs kruispunten in dit raster van negen blokken valt, is er geen centraal referentiepunt.
Lees meer over het gebruik van derden en groepen van drie in dit Design Shack-artikel.
Kundli
De astrologische theorie van Kundli, die de positie van de planeten beschrijft wanneer een persoon in de Indiase cultuur wordt geboren, zet een ontwerpschema met vijf elementen op.
Gebruik de omtrek van Kundli om een ontwerp te maken dat begint in een vierkant met vier kleinere vierkanten. Designelementen zijn in lijn geplaatst met de caddy-corned vorm van deze vierkanten om een minder voor de hand liggende stijl van harmonie te creëren.
Je kunt Kundli ook zien als een verlengstuk van de regel van derden, waar afbeeldingen en tekst ontbreken in de vier hoeken van de derde.
Het principe van Kundli wordt vaak gebruikt bij het werken met meerdere afbeeldingen van dezelfde vorm en grootte. Het biedt ontwerpers een manier om groepen te maken zonder elk beeld op één vlak uit te lijnen.
Grids
Het gebruik van rasters om een ontwerpoverzicht te maken, is een van de meest gebruikelijke wiskundige hulpmiddelen voor ontwerpers. Door onzichtbare kolommen of rijen in een document in te stellen om de plaatsing van objecten te helpen bepalen, helpt u een duidelijk gevoel van orde te creëren.
De beste rasters worden gemaakt met behulp van een reeks kolommen (of rijen) en dakgoten met gelijke stappen. Verschillende projecten vereisen verschillende roosterstructuren. Kranten baseren hun printontwerp bijvoorbeeld vaak op een rasterstructuur met zes kolommen; websiteroosters hebben de neiging om breder te variëren en kunnen variëren van slechts drie kolommen tot wel 16.
Het gebruik van een kolomraster vereist nogal wat wiskunde, zorg ervoor dat alle elementen binnen het raster vallen. Maar wees niet geïntimideerd, de cijfers zijn meestal gemakkelijk te beheren terwijl u kopieerblokken en afbeeldingen meet om binnen deze regels te passen.
Leuke wiskundige ontwerptools
Heb een beetje plezier met de wiskunde, maar raak niet vast in de cijfers terwijl je ontwerpt. Hier zijn een paar tools die u kunnen helpen bij het berekenen van afmetingen en specificaties op basis van een gespecificeerd raamwerk.
Gulden Snede Calculator
Phi-rekenmachine
Gulden Snede Typografie Calculator
Fibonacci-reekscalculator
Grid Calculator
Gevolgtrekking
Het gebruik van wiskundige principes in het ontwerp kan helpen om een gevoel van organisatie, balans en algeheel gevoel voor de ogen te creëren. De meeste van deze theorieën, hoewel ondersteund door cijfers, zijn gebaseerd op de natuur en dragen bij aan het harmonieuze gevoel dat ze impliceren.
Laat u echter niet verzanden in de cijfers bij het werken aan projecten. Begin door de theorieën te kennen en te begrijpen of er een betrekking heeft op uw project. Laat uw creativiteit het ontwerp sturen en gebruik de wetenschap om details daarin te perfectioneren.
Afbeeldingsbronnen: GeometerArtist, theilr, Hitchster en brklynn.
