UNIVERSELE ONTWERPPRINCIPES Een college uit enthousiasme voor het gelijknamige boek van William Lidwell, Kritina Holden en...
FORM FOLLOWS  FUNCTION
ARCHETYPEN <ul><li>Overeen laten komen  </li></ul><ul><li>met het ontwerp </li></ul><ul><li>Associatie: vrijheid, boven de...
Gulden snede <ul><li>Verhouding  tussen de elementen van een vorm (bv lengte tot breedte) die ongeveer 0,618 is </li></ul>...
 
GOLDEN GRID RULE <ul><li>Regel van de derden: verdeel het beeld horizontaal en verticaal in drie ën, plaats belangrijke el...
 
FIBONACCIREEKS <ul><li>Reeks getallen waarin elk getal de som is van de twee voorafgaande getallen </li></ul>
ZELFSIMULARITEIT <ul><li>Een vorm is opgebouwd uit delen die gelijk zijn aan het geheel of aan elkaar (fractalen: natuurli...
SYMMETRIE <ul><li>belangrijkste en duurzaamste aspect </li></ul><ul><li>  van schoonheid </li></ul><ul><li>balans, harmoni...
<ul><li>spiegelsymmetrie </li></ul><ul><li>rotatiesymmetrie </li></ul><ul><li>translatiesymmetrie </li></ul>
HORROR VACUI <ul><li>  Angst voor lege ruimtes </li></ul><ul><li>minimalisme spreekt rijken en  </li></ul><ul><li>  hoogop...
 
RELATIE FIGUUR-ACHTERGROND VORM-RESTVORM <ul><li>  Voorkom onstabiele vormen door: </li></ul><ul><li>duidelijke figuur, vo...
 
DIEPTEWERKING/AFSTANDSBESEF <ul><li>stereowaarneming </li></ul><ul><li>bewegingsparallax </li></ul><ul><li>lineair perspec...
 
CONTOURFACTOR <ul><li>hoekige, puntige vormen trekken de aandacht, prikkelen het brein </li></ul><ul><li>zachte contouren ...
ANTROMORFE VORMEN <ul><li>Mensen zijn geneigd menselijk lijkende vormen aantrekkelijk te vinden </li></ul><ul><li>vrouweli...
AANTREKKELIJKHEIDSFACTOR <ul><li>De neiging aantrekkelijke mensen te beschouwen als intelligenter, bekwamer, prettiger in ...
<ul><li>Mannen preferen vrouwen met een taille- heupverhouding van: 0.67 en 0.80 </li></ul><ul><li>Vrouwen preferen mannen...
 
BABYFACE FACTOR <ul><li>De neiging om mensen met babyface kenmerken te beschouwen als na ï ever, hulpelozer en eerlijker (...
FACE-ISM (BODY-ISM) RATIO <ul><li>vnl. gezicht in beeld: nadruk op </li></ul><ul><li>  intellectuele en persoonlijke kenme...
 
VEBLEN EFFECT <ul><li>  De neiging een product aantrekkelijk </li></ul><ul><li>  te vinden omdat het duur is   </li></ul><...
GEPERCIPIEERD GEBRUIKSGEMAK <ul><li>Een esthetisch ontwerp: </li></ul><ul><li>wekt indruk van gebruiksvriendelijkheid </li...
 
AFFORDANCE <ul><li>Uitnodigen tot gebruik: </li></ul><ul><li>Dmv bijv 3D effect en aansluiting bij </li></ul><ul><li>beken...
MIMICRY <ul><li>van uiterlijk </li></ul><ul><li>van gedrag </li></ul><ul><li>van functie </li></ul>
BIOFILIA-EFFECT <ul><li>Omgevingen met natuurbeelden  </li></ul><ul><li>verminderen stress en vergroten </li></ul><ul><li>...
KATHEDRAALEFFECT <ul><li>Hoge plafonds stimuleren abstract denken en creativiteit </li></ul><ul><li>Lage plafonds stimuler...
CLOSURE <ul><li>Aangeboren voorkeur voor  </li></ul><ul><li>eenvoud boven complexiteit  </li></ul><ul><li>en voor patroon ...
WET VAN DE PREGNANTIE <ul><li>De neiging om vage afbeeldingen te interpreteren als eenvoudig en volledig </li></ul>
PERCEPTUELE BLINDHEID <ul><li>Wat je verwacht merk je sneller op dan wat je niet verwacht </li></ul>
VON RESTORFF EFFECT <ul><li>  opmerkelijke dingen worden beter  </li></ul><ul><li>  onthouden dan normale dingen  </li></u...
CONSISTENTIE
 
KLEUR <ul><li>een mens kan ong 5 kleuren verwerken in 1 oogopslag </li></ul><ul><li>hou rekening met kleurenblinden </li><...
 
ROODEFFECT <ul><li>Rood: teken van vruchtbaarheid </li></ul><ul><li>bij vrouwen: aantrekkelijk </li></ul><ul><li>bij manne...
LICHT VAN BOVEN EFFECT <ul><li>licht van linksboven werkt het meest natuurlijk (bij meeste schilderijen het geval, ook bij...
 
DE PLAKFACTOR <ul><li>  Hoe zorg je dat een idee aanslaat: </li></ul><ul><li>eenvoud (het idee is makkelijk en bondig over...
Sticky: eenvoudige boodschap esthetisch aansprekend in de context van de presidentscampagne
Propositionele dichtheid <ul><li>Meerdere betekenisen in een ontwerp: </li></ul><ul><li>cirkel= eenheid, stabiliteit </li>...
IMMERSIE <ul><li>  Totale onderdompeling </li></ul><ul><li>duidelijke doelen </li></ul><ul><li>minimale afleiding </li></u...
PRIMING <ul><li>Het beinvloeden van gedrag door specifieke concepten van het geheugen te activeren </li></ul>
ETC ETC ETC ETC ETC ETC ETC
 
Upcoming SlideShare
Loading in...5
×

Universele ontwerppr

403

Published on

college ontwerpprincipes

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
403
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Universele ontwerppr

  1. 1. UNIVERSELE ONTWERPPRINCIPES Een college uit enthousiasme voor het gelijknamige boek van William Lidwell, Kritina Holden en Jill Butler (LOLKJE VAN DER KOOI)
  2. 2. FORM FOLLOWS FUNCTION
  3. 3. ARCHETYPEN <ul><li>Overeen laten komen </li></ul><ul><li>met het ontwerp </li></ul><ul><li>Associatie: vrijheid, boven de wet staan </li></ul>
  4. 4. Gulden snede <ul><li>Verhouding tussen de elementen van een vorm (bv lengte tot breedte) die ongeveer 0,618 is </li></ul><ul><li>A/B=1.618 B/A=0.618 </li></ul>
  5. 6. GOLDEN GRID RULE <ul><li>Regel van de derden: verdeel het beeld horizontaal en verticaal in drie ën, plaats belangrijke elementen op de snijpunten </li></ul><ul><li>(2/3 = 0.666) Gulden snede = 0.618 </li></ul>
  6. 8. FIBONACCIREEKS <ul><li>Reeks getallen waarin elk getal de som is van de twee voorafgaande getallen </li></ul>
  7. 9. ZELFSIMULARITEIT <ul><li>Een vorm is opgebouwd uit delen die gelijk zijn aan het geheel of aan elkaar (fractalen: natuurlijke esthetiek/orde) </li></ul>
  8. 10. SYMMETRIE <ul><li>belangrijkste en duurzaamste aspect </li></ul><ul><li> van schoonheid </li></ul><ul><li>balans, harmonie en stabiliteit </li></ul><ul><li>directe aandacht: effici ënt </li></ul><ul><li>makkelijk te herkennen en te </li></ul><ul><li> onthouden </li></ul><ul><li>asymmetrie wekt meer nieuwsgierigheid op </li></ul>
  9. 11. <ul><li>spiegelsymmetrie </li></ul><ul><li>rotatiesymmetrie </li></ul><ul><li>translatiesymmetrie </li></ul>
  10. 12. HORROR VACUI <ul><li> Angst voor lege ruimtes </li></ul><ul><li>minimalisme spreekt rijken en </li></ul><ul><li> hoogopgeleiden meer aan </li></ul><ul><li>horror vacui spreekt minder </li></ul><ul><li> welvarenden en lager opgeleiden </li></ul><ul><li> meer aan </li></ul>
  11. 14. RELATIE FIGUUR-ACHTERGROND VORM-RESTVORM <ul><li> Voorkom onstabiele vormen door: </li></ul><ul><li>duidelijke figuur, vormloze achtergrond </li></ul><ul><li>achtergrond loopt door achter figuur </li></ul><ul><li>figuur dichtbij met duidelijk plaats in de </li></ul><ul><li> ruimte, achtergrond lijkt dan verder weg </li></ul><ul><li>elementen onder in het vlak/beneden de horizon </li></ul><ul><li> worden eerder als figuren opgevat </li></ul><ul><li>elementen boven in het vlak/boven de horizon </li></ul><ul><li> worden eerder als achtergrond gezien </li></ul>
  12. 16. DIEPTEWERKING/AFSTANDSBESEF <ul><li>stereowaarneming </li></ul><ul><li>bewegingsparallax </li></ul><ul><li>lineair perspectief </li></ul><ul><li>atmosferisch perspectief </li></ul><ul><li>textuurgradi ënt en verdichtingen </li></ul><ul><li>overlapte, kleinere en hoger gelegen objecten lijken verder weg </li></ul><ul><li>schaduwen lijken verder weg van de lichtbron </li></ul><ul><li>schaalaangevende elementen </li></ul>
  13. 18. CONTOURFACTOR <ul><li>hoekige, puntige vormen trekken de aandacht, prikkelen het brein </li></ul><ul><li>zachte contouren en ronde vormen maken een meer positieve, emotionele en esthetische indruk </li></ul>
  14. 19. ANTROMORFE VORMEN <ul><li>Mensen zijn geneigd menselijk lijkende vormen aantrekkelijk te vinden </li></ul><ul><li>vrouwelijke vormen: sexueel, vitaal </li></ul><ul><li>ronde vormen: baby-associatie </li></ul><ul><li>hoekige vormen: mannelijk, agressief </li></ul>
  15. 20. AANTREKKELIJKHEIDSFACTOR <ul><li>De neiging aantrekkelijke mensen te beschouwen als intelligenter, bekwamer, prettiger in de omgang </li></ul><ul><li>(krijgen meer aandacht, worden milder behandeld, worden beter betaald) </li></ul><ul><li>=gezondheid en vruchtbaarheid uitstralend, symmetrische gelaatstrekken, ideale taille/heup verhouding </li></ul>
  16. 21. <ul><li>Mannen preferen vrouwen met een taille- heupverhouding van: 0.67 en 0.80 </li></ul><ul><li>Vrouwen preferen mannen met een taille- </li></ul><ul><li>heupverhouding van: 0.85 en 0.95 </li></ul>
  17. 23. BABYFACE FACTOR <ul><li>De neiging om mensen met babyface kenmerken te beschouwen als na ï ever, hulpelozer en eerlijker (aanprijzen) </li></ul><ul><li>En volwassen trekken te associ ë ren met kennis en autoriteit (informeren) </li></ul>
  18. 24. FACE-ISM (BODY-ISM) RATIO <ul><li>vnl. gezicht in beeld: nadruk op </li></ul><ul><li> intellectuele en persoonlijke kenmerken </li></ul><ul><li> (intelligenter, dominanter, ambitieuzer) </li></ul><ul><li>lichaam meer in beeld: nadruk op </li></ul><ul><li> fysieke en sensuele kenmerken </li></ul><ul><li>mannen hebben in alle media een </li></ul><ul><li> hoger face-ism ratio </li></ul>
  19. 26. VEBLEN EFFECT <ul><li> De neiging een product aantrekkelijk </li></ul><ul><li> te vinden omdat het duur is </li></ul><ul><li>uit verlangen om bij de upper class te </li></ul><ul><li> horen </li></ul><ul><li>uit angst om gezien te worden als </li></ul><ul><li> iemand uit de lower class </li></ul>
  20. 27. GEPERCIPIEERD GEBRUIKSGEMAK <ul><li>Een esthetisch ontwerp: </li></ul><ul><li>wekt indruk van gebruiksvriendelijkheid </li></ul><ul><li>door positief gevoel grotere tolerantie/ </li></ul><ul><li>acceptatie van problemen </li></ul><ul><li>bevordert creatieve aanpak van </li></ul><ul><li>problemen </li></ul><ul><li>wordt langduriger gebruikt </li></ul>
  21. 29. AFFORDANCE <ul><li>Uitnodigen tot gebruik: </li></ul><ul><li>Dmv bijv 3D effect en aansluiting bij </li></ul><ul><li>bekend gebruik van fysieke objecten </li></ul>
  22. 30. MIMICRY <ul><li>van uiterlijk </li></ul><ul><li>van gedrag </li></ul><ul><li>van functie </li></ul>
  23. 31. BIOFILIA-EFFECT <ul><li>Omgevingen met natuurbeelden </li></ul><ul><li>verminderen stress en vergroten </li></ul><ul><li>concentratie </li></ul>
  24. 32. KATHEDRAALEFFECT <ul><li>Hoge plafonds stimuleren abstract denken en creativiteit </li></ul><ul><li>Lage plafonds stimuleren concreet en detailgericht denken </li></ul><ul><li>Idem voor omhoog kijken (kikvorsperspectief) en omlaag kijken (vogelvluchtperspectief) </li></ul>
  25. 33. CLOSURE <ul><li>Aangeboren voorkeur voor </li></ul><ul><li>eenvoud boven complexiteit </li></ul><ul><li>en voor patroon boven willekeur </li></ul><ul><li>Aanvulling door de toeschouwer zorgt voor meer betrokenheid </li></ul>
  26. 34. WET VAN DE PREGNANTIE <ul><li>De neiging om vage afbeeldingen te interpreteren als eenvoudig en volledig </li></ul>
  27. 35. PERCEPTUELE BLINDHEID <ul><li>Wat je verwacht merk je sneller op dan wat je niet verwacht </li></ul>
  28. 36. VON RESTORFF EFFECT <ul><li> opmerkelijke dingen worden beter </li></ul><ul><li> onthouden dan normale dingen </li></ul><ul><li>verschillen in context </li></ul><ul><li> EZQL4PMBI </li></ul><ul><li> EZQLTPMBI </li></ul><ul><li>verschillen in ervaringen </li></ul><ul><li> eerste dag bij CMD </li></ul>
  29. 37. CONSISTENTIE
  30. 39. KLEUR <ul><li>een mens kan ong 5 kleuren verwerken in 1 oogopslag </li></ul><ul><li>hou rekening met kleurenblinden </li></ul><ul><li>gebruik kleurcombinaties uit de natuur of </li></ul><ul><li>kleurencirkel/vierkant/driehoek </li></ul><ul><li>warme kleuren op de voorgrong, koele op de achtergrond </li></ul><ul><li>onverzadigde,heldere kleuren: vriendelijk en professioneel </li></ul><ul><li>onverzadigde,donkere kleuren: serieus en professioneel </li></ul><ul><li>verzadigde kleuren: opwindender, dynamischer, vermoeiender </li></ul>
  31. 41. ROODEFFECT <ul><li>Rood: teken van vruchtbaarheid </li></ul><ul><li>bij vrouwen: aantrekkelijk </li></ul><ul><li>bij mannen: dominanter </li></ul><ul><li>(rood gezicht= agressie, bleek gezicht= angst) </li></ul><ul><li>rode teams winnen vaker </li></ul>
  32. 42. LICHT VAN BOVEN EFFECT <ul><li>licht van linksboven werkt het meest natuurlijk (bij meeste schilderijen het geval, ook bij iconen en dialoogschermen) </li></ul><ul><li>licht van onderaf werkt goed voor onnatuurlijk uitziende en griezelige objecten/omgevingen </li></ul><ul><li>bolvormig/holvormig </li></ul>
  33. 44. DE PLAKFACTOR <ul><li> Hoe zorg je dat een idee aanslaat: </li></ul><ul><li>eenvoud (het idee is makkelijk en bondig over te </li></ul><ul><li>brengen zonder aan diepte te verliezen) </li></ul><ul><li>verrassing (die onmiddellijk de aandacht pakt) </li></ul><ul><li>tastbaarheid (specifiek, concreet, te begrijpen) </li></ul><ul><li>geloofwaardigheid (betrouwbare bron) </li></ul><ul><li>emotie (het idee roept een emotionele reactie op) </li></ul><ul><li>verhaal (het idee wordt gebracht binnen de context </li></ul><ul><li>van een goed verhaal, is daardoor makkelijker te </li></ul><ul><li>herhalen en te onthouden) </li></ul><ul><li>ezelsbruggetjes inbouwen </li></ul>
  34. 45. Sticky: eenvoudige boodschap esthetisch aansprekend in de context van de presidentscampagne
  35. 46. Propositionele dichtheid <ul><li>Meerdere betekenisen in een ontwerp: </li></ul><ul><li>cirkel= eenheid, stabiliteit </li></ul><ul><li>en de O van Obama </li></ul><ul><li>blauw= de hemel </li></ul><ul><li>het midden van de cirkel: </li></ul><ul><li>opgaande zon= verandering </li></ul><ul><li>rode en witte lijnen= </li></ul><ul><li>landschap, wuivend graan </li></ul><ul><li>en de Amerikaande vlag, </li></ul><ul><li>patriottisme </li></ul>
  36. 47. IMMERSIE <ul><li> Totale onderdompeling </li></ul><ul><li>duidelijke doelen </li></ul><ul><li>minimale afleiding </li></ul><ul><li>gevoel van beheersbaarheid </li></ul><ul><li>directe feedback </li></ul>
  37. 48. PRIMING <ul><li>Het beinvloeden van gedrag door specifieke concepten van het geheugen te activeren </li></ul>
  38. 49. ETC ETC ETC ETC ETC ETC ETC
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×