Basisprincipes en Compositie

• Marketing
• MBO
• Studiejaar 1

Basisprincipes en Compositie

"Over smaak valt

niet te twisten"

Vorm volgt functie

 Een ontwerp wordt gebaseerd op de beoogde functie of het uiteindelijk gebruik.

"Vorm volgt Functie"

Dit is in essentie een ontwerpfilosofie die zijn oorsprong vindt in de architectuur en industrieel ontwerp van de late 19e en vroege 20e eeuw. Het stelt dat de vorm van een object, gebouw of inrichting in de eerste plaats moet voortvloeien uit en gerelateerd moet zijn aan de beoogde functie of het beoogde doel ervan. Simpel gezegd, design kan en mag niet louter alleen maar mooi zijn, het moet vooral dienen om een specifieke functie te vervullen. Het is de taak van de ontwerper om deze vorm en functie harmonieus samen te voegen tot een samenhangend geheel.

Design principles

"Design principles", of ontwerpprincipes, zijn richtlijnen voor het ontwerp van je product. Het zijn dus afspraken die je (als bedrijf) opstelt over de vormgeving.

Maar er zijn een aantal basisregels die je kunt inzetten...

Basis ontwerpprincipes:

• Hiërarchie
• Balans
• Contrast
• Groeperen
• Beweging
• Patronen
• Consistentie
• Ruimte
• Gevoel
• Kijkrichting

Hiërarchie

Hiërarchie leidt het oog: wat wil je dat mensen eerst zien?

https://www.frankwatching.com/archive/2024/09/09/10-design-principes/

Balans

Contrast

Groeperen

Beweging

Patronen

Consistentie

Ruimte

Gevoel

Kijkrichting

Kijkrichting (bonus)

Wat is compositie?

Compositie is de manier waarop elementen zoals tekst, beeld, en kleur worden gerangschikt in een ontwerp om balans, harmonie en visuele aantrekkingskracht te creëren.

Maar hoe doe je dat?

Hoe doe je dat?

Door het toepassen van ontwerpprincipes, zoals:

• Balans en hiërarchie

en dit te gebruiken in compositie principes, zoals:

• De gulden snede
• Regel van derden

De Gulden snede

Een van de beroemdste verhoudingen in wiskunde en in design dateert al van de oude Grieken.

De gulden snede (ook wel 'divina proportia’ of 'sectio aura’ genoemd), is een verhouding tussen twee getallen die ongeveer gelijk is aan 1,618 ook wel aan getoond met Griekse "phi" of  φ.

Hoe gebruik je de gulden snede in je ontwerp?

Je kunt de gulden snede toepassen bij het verdelen van je kolommen. 

Stel je website is 1280px breed en je wilt een banner maken met twee kolommen:

• Kolom a maak je: 1280 : 1,681 (φ)  ≈ 790px
• Kolom b maak je: 1280 - 790 = 490px

Vlak a maak je vierkant, de hoogte van de banner

is dus 790px;

Teken een voorbeeld op het bord

en het plaatsen van elementen (compositie)

• Focuspunt
• Visuele stroom
• Visuele hiërarchie
• Visuele balans

Voorbeeld lettergrootte:

Basistekst: 16px 

Hoofdkop: 16 x 1,618 ≈ 26px

De regel van derden

De regel van derden is een compositierichtlijn waarbij je onderwerp in het linker of rechter derde deel van een afbeelding wordt geplaatst, waardoor het overige twee derde deel meer open blijft.

Focuspunten vind je op de plaats waar de lijnen kruizen.

Teken op het bord een raster van twee horizontale en twee verticale lijnen.

Plaats elementen in de vlakken, focuspunten liggen ook op de kruising.

Lichtgebruik

Asymmetrie

• We spreken van een asymmetrie als links en rechts niet hetzelfde zijn
  

Symmetrie

• De symmetrieas is de lijn die een figuur in twee gelijke delen deelt. Dit wordt ook wel de spiegelas genoemd omdat de twee helften elkaars spiegelbeeld zijn.
  

Ritme

• Ritme is een specifieke herhaling (in bijvoorbeeld de tijd of de ruimte) door middel van accenten, die een zeker patroon of regelmaat vertonen.
  

Piramide

• Een piramide is een: ruimtelijke vorm (meestal drie- of vierhoek) als grondvlak en driehoekige zijvlakken die in de top samenkomen.
  

Lichtgebruik

Waarom is lichtgebruik zo belangrijk in de winkel?

• Sfeer creëren
  
• Uitlichten van producten
  

Soorten verlichting:

• Algemene winkelverlichting
  
• Etalageverlichting
  
• Paskamerverlichting