Een SVG (Scalable Vector Graphics) is heel gemakkelijk interactief te maken. Hieronder zie je een voorbeeld waarbij elementen in de DOM een andere tekst krijgen.
Categorieën
Categorie: visueel ontwerp
Als ronde voorwerpen zo dicht mogelijk bij elkaar liggen (bijeneitjes bijv.) dan is een driehoekig gelijkzijdig rooster (zie link) de beste optie. Ieder punt wordt dan omgeven door zijn zes (!) andere punten. Een hexagon past dan perfect op die plaats, zie het patroon (in P5-javascript gemaakt) hierboven.
Hoe maak je zo’n patroon met javascript en de p5.js-bibliotheek? En wat is de. link tussen een zeshoek en een voetbal?
Categorieën
l’Étranger verfilmd
Het boek van Albert Camus l’Étranger is in 2025 nogmaals verfilmd, deze keer door François Ozon.
Waarom is dit boek én (daarna) deze film zo de moeite en wat schreef Albert Camus nog meer?
In de Koninklijke Bibliotheek van Brusssel is nog tot 4 januari 2026 een kleine maar zeer waardevolle tentoonstelling te zien met werk van Leen Van Hulst. Het is een eerbetoon aan Leen, die helaas zo vroeg door ziekte overleden is, nu op een maand na, een jaar geleden.
Het is de moeite om haar werk te zien, maar omdat het binnenkort te laat is, zijn hier wat foto’s van haar mooie werk geplaatst.
Een schets is niet louter het vluchtig neerzetten van een ideetje, indruk of observatie. Het kan ook zijn: het openlijk tonen van je inzicht in de constructie of de esssentie van jouw onderwerp.
Aan de ene kant laat een schets dus het zoeken en aftasten zien (vermijd téveel aarzelende haarlijntjes) maar tegelijk kun je, zeker na oefening, juist in een schets zaken raak neerzetten. Dit is te zien in deze 16 schetsboeken van eerstejaars studenten van de opleiding CMD, ’s Hertogenbosch. Je ziet het werk van studenten die niet allemaal ervaren tekenaars zijn, daarom is ’t vooral de moeite om te bekijken.
Categorieën
Beethovenposter in P5
In P5 is hier de bekende Beethovenposter van Josef Müller-Brockmann nagemaakt, met variabelen voor de grafische onderdelen. Links het origineel en rechts in P5. Het geeft dus oneindig veel variaties. Om het beter te zien, klik hier. Naast het origineel staat daar de javascript versie.
Categorieën
Grote vormen en contouren
Deze video is opgenomen in 2020 voor de opleiding CMD ’s Hertogenbosch. Onlangs vond ik dit bestand weer en nu is deze video hier nog eens te bekijken. Hieronder kun je de tekst van de video lezen.
Categorieën
Verdeel en heers
Met een eenvoudige vraag kun je toch nog even bezig zijn. Hoe kun je elementen gelijk verdelen en daarna concentreren rond een kern? In zijn meest elementaire uitwerking zou dat deze (schetsmatige) resultaten moeten opleveren:
Het eerste en laatste blokje moeten blijven staan. We gaan het in javascript (met P5) maken. Hieronder zie je het eindresultaat wat jij vast op een andere manier ook kunt realiseren. Jouw cursor of vinger bepaalt hoeveel blokjes (bovenaan minder, vanonder meer) en de concentratiefactor (links niets, rechts hoog). Voor de mobiele versie klik hier!
Van 16 juni tot 17 september kun je de overzichtstentoonstelling van Johan van der Keuken in Parijs bezoeken. Weinig heb ik daarover in de Nederlandse pers gelezen, wel in de Standaard (B). Johan van der Keuken is een grote naam in Frankrijk maar totaal onbekend bij bijv. mijn ex-collega’s. Een voorbeeld van je hoofd boven het maaiveld uitsteken? Boeiend werk van een fotograaf die ook films maakte.
Categorieën
Uitleg met een schetsboek
Deze keynote-video uit ± 2011 van Bill Verplank blijft boeiend, om na jaren nog eens terug te zien. Geweldig om zijn schetsen te zien ontstaan als ondersteuning en representatie van wat hij benoemt en samenvoegt ivm de interactie mens – machine, maar ook over de mogelijke rol van een ontwerper. Welke vragen stellen wij aan de ander, aan elkaar?