Generative Design and Interactive Web Design

Generative Design and Interactive Web Design
Using the NodeBox Live Tool

by Lucas Nijs
by Aalto University (Helsinki, Finland)

In deze cursus leren deelnemers NodeBox Live gebruiken om interactieve content te creëren binnen het vakgebied van kunst/design voor websites (en daarbuiten).
De opdracht daagt studenten uit om generatieve ontwerpprojecten te bedenken.
Studenten leren hoe alle parameters in een ontwerp-algoritme kunnen worden gebruikt om het ontwerp te wijzigen en meerdere versies te genereren binnen de gekozen grenzen.
Ze implementeren hun werk in een website waar gebruikers kunnen experimenteren met de verstrekte parameters en grenzen.
De op node-gebaseerde aanpak stelt studenten zonder programmeervaardigheden in staat om snel hun eigen ideeën te coderen. Het resultaat kan bestaan uit enkele werken van kunst/design, of oneindige variaties, animaties, of interactieve digitale werken.

De workshop is gericht op het leren van een tool die coderen toegankelijk maakt voor mensen zonder programmeerkennis. Omdat het een op nodes gebaseerde aanpak is, kunnen studenten na enkele uren introductie beginnen met coderen.
Door de snelle successen worden studenten gemotiveerd om dieper in de materie te duiken.
Vanaf de tweede dag beginnen studenten hun eigen projectideeën te ontwikkelen.
Elke dag ligt de focus van de voortgezette lessen op oplossingen voor de projecten van de studenten. Klassikale discussies en individuele begeleiding leiden naar een openbare presentatie op de laatste dag van de workshop. Studenten worden uitgerust met de kennis van de tool en kunnen deze beginnen toe te passen in hun eigen praktijk. Studenten zijn in staat om een interactieve website te bouwen met generatieve kunst/design.

Planning
Introductiepresentatie over NodeBox Live
Halve dag introductiecursus voor een kickstart
Elke deelnemer presenteert eerste ideeën voor het eigen project, gevolgd door een discussie
Halve dag vervolgcursussen op dag 2, 3 en 4, gericht op specifieke oplossingen voor de projecten van de studenten
Groepspresentatie met voortgang/problemen en individuele begeleiding/hulp op dag 2, 3, 4 en 5
Openbare presentatie en feedback op dag 5

Contentproductie
— Leren en experimenteren met een nieuwe programmeertool, eerste kennismaking met het concept van generatieve kunst/ontwerp/coderen
— Ontwikkelen van eigen ideeën in de context van generatief ontwerp/webdesign
— Maak een interactieve live-website of een generatief systeem voor het creëren van eigen kunstwerk/ontwerp
— Presenteer hun werk in een openbare sessie

Een gebruikersinterface van een generatief ontwerptool met een kleurrende 3D-tekstweergave die
Generatieve kunst/ontwerp met de nieuwe tool NodeBox Live 1

I16_img1_Generative Art © 2024 by Lucas Nijs is licensed under CC0 1.0 

Een gebruikersinterface van een generatieve kunsttool met een kleurrijk pixelpatroon aan de rechterkant. Het patroon bestaat uit levendige stippen in roze, groen, blauw en rood, die abstracte en symmetrische vormen vormen op een zwarte achtergrond. Aan de linkerkant toont een codepaneel een knooppunt met de naam
Generatieve kunst/ontwerp met de nieuwe tool NodeBox Live 2

I16_img2_Generative Art © 2024 by Lucas Nijs is licensed under CC0 1.0

De cursus werd ontwikkeld door Lucas Nijs en gehouden aan de School of Arts, Design and Architecture van de Aalto University in Espoo, Finland.