Portfolio

Kasz' van Os

Ontwerper & Webdeveloper

Generatief Design

HTML
CSS
JS
Disclaimer

Screenshots
Omschrijving
Over het project

Generatief Design is ontstaan tijdens een vak binnen mijn opleiding Communication & Multimedia Design (CMD), waarin we de opdracht kregen om een concept voor een generatief ontwerp te ontwikkelen. De kern van het project was het opstellen van een duidelijke ruleset: een set ontwerpregels die de uitkomsten van het gegenereerde ontwerp begrenzen, zodat variatie ontstaat binnen een gecontroleerd kader.

Ik koos voor een invalshoek rondom de Nederlandse politiek, die op dat moment actueel was vanwege de verkiezingen. In plaats van alleen een concept of visuele schets, besloot ik om een functioneel prototype te realiseren.

Werking en opzet

Het ontwerp genereert visuele output op basis van input van de gebruiker en een dataset van Nederlandse politieke partijen. De gebruiker voert een naam in, die vervolgens wordt omgerekend naar een numerieke waarde. Vergelijkbaar met het Hebreeuwse alfabet waarbij letters een getalwaarde dragen, kent dit systeem bijvoorbeeld: A=0, B=1, C=2, etc.

De som van deze waarden bepaalt hoeveel lijnen er op een canvas worden getekend.

Voor elke letter uit de ingevoerde naam worden politieke partijen geselecteerd die die letter bevatten. Van elke geselecteerde partij worden de volgende gegevens gebruikt:

  • Initialisme (bijv. PVV)
  • Volledige naam (bijv. Partij voor de Vrijheid)
  • Politieke oriëntatie (bijv. rechts)
  • Aantal zetels (bijv. 37)
  • Kleuren uit het logo (bijv. blauw, rood, wit)

De politieke oriëntatie bepaalt de richtingshoek waarin de lijn wordt getekend, het aantal zetels bepaalt de lengte, en de huisstijlkleuren worden gebruikt om de lijn visueel vorm te geven. Door randomisatie toe te passen is elke gegenereerde uitkomst uniek – één van de regels binnen generatief ontwerp.

Reflectie

Het project was een interessante oefening in het structureren van een creatief systeem met duidelijke regels, terwijl er ruimte blijft voor variatie. De combinatie van persoonlijke input, dataset-koppeling en visuele abstractie maakt dit ontwerp zowel speels als gelaagd.