Programma
Finalità
Il corso ha l’obiettivo di far acquisire le conoscenze di base sui principi delle tecnologie digitali e le specifiche modalità di produzione degli artefatti grafici. Attraverso lo studio della digitalizzazione e delle elaborazioni numeriche degli elementi di base del linguaggio grafico (come forme, colori e tipografia), il corso mira a far comprendere anche le caratteristiche peculiari della grafica digitale e come tecniche diverse abbiano aperto possibilità compositive meno convenzionali.
Argomenti
Gli argomenti trattati seguono un percorso che parte dagli elementi di base del linguaggio grafico (forme vettoriali, colore, tipografia) evidenziandone le peculiarità in ambito digitale e le possibili modalità di definizione parametrica usate nei formati di memorizzazione. Vengono affrontate le tecniche di elaborazione di questi parametri che possono rendere gli elementi visivi anche animati e reattivi alle azioni dell’utente o alla variazione dello spazio compositivo. Attraverso l’uso della programmazione, si arriva quindi alla possibilità di far autogenerare artefatti grafici che sarebbero più complessi da ottenere usando le tradizionali modalità di disegno. I risultati non restano tuttavia confinati nell'ambiente di programmazione: possono essere esportati in file riutilizzabili negli applicativi più diffusi di grafica vettoriale, raster e animata.
Didattica
A ogni lezione teorica del primo trimestre segue un’esercitazione pratica sugli stessi argomenti. Il secondo trimestre è dedicato allo sviluppo di un progetto di narrazione basata sulla tipografia cinetica, generativa e interattiva.
Le esercitazioni e il progetto vengono realizzati con il linguaggio p5.js, che permette anche a chi non ha conoscenze pregresse di programmazione di elaborare e autogenerare artefatti grafici senza i vincoli degli applicativi più noti. Il codice viene scritto in Visual Studio Code con il supporto di OpenCode, un agente di programmazione (coding agent) open source che permette di usare diversi modelli linguistici di grandi dimensioni (LLM).
Bibliografia
- L. McCarthy, C. Reas, B. Fry; "Getting Started with p5.js", Maker Media, 2016.
- B. Gross, H. Bohnacker, J. Laub, C. Lazzeroni; "Generative Design: Visualize, Program, and Create with JavaScript in p5.js", Princeton Architectural Press, 2018.
Altri testi o risorse online di approfondimento vengono comunicati durante il corso e sul sito:
https://codestesie.it/aa2627/tad/
Programma d'esame
L’esame consiste nella discussione del progetto sviluppato durante il secondo trimestre. L’avvenuta consegna di tutte le esercitazioni costituisce una precondizione necessaria per l’ammissione all’esame.
Affinità
- Graphic Design 2° anno | Base