Laboratorio di Computer Grafica per l’Information Design

L’evoluzione delle tecnologie digitali e delle modalità di comunicazione e scambio delle informazioni moltiplicano le opzioni disponibili per la rappresentazione e la comunicazione del progetto.

Il Laboratorio di Computer Grafica integra le discipline del design della comunicazione, dell’informatica, e della rappresentazione e affronta lo sviluppo di artefatti per la comunicazione visiva con particolare attenzione alle implicazioni legate agli strumenti digitali e agli approcci computazionali.

Gli argomenti sono trattati sia teoricamente sia praticamente per costruire una conoscenza fondata su solide basi concettuali e una capacità progettuale consapevole dei principali meccanismi della comunicazione.

Cosa si impara in questo corso?

Il corso affronta l’uso della computergrafica per l’information design. Imparerai a progettare siti web per comunicare visivamente dati ed informazioni.

Nel corso imparerai a capire come scegliere una fonte di dati, come comprenderla, come definire degli obiettivi comunicativi e fare scelte progettuali, visive e tecniche per raggiungere i tuoi obiettivi.

Una lista non ordinata e non completa dei temi di cui parleremo: grafici, diagrammi, mappe, reti, colori, strutture dei progetti web, gestione del flusso di lavoro in un gruppo, tipografia, il ruolo autoriale del designer nel dare forma ad un fenomeno.

Alcuni risultati dell’ultima edizione: The Bubble of Colonialism, World Metro, Liberty Enlightening the World, Incidenti stradali in Italia nel 2024.

Come si suddividono i moduli?

Il laboratorio è composto da tre moduli.

Disegno Digitale affronta la rappresentazione bidimensionale di dati e fenomeni, con attenzione alla progettazione di grafici, diagrammi, mappe, reti e sistemi visivi per l’information design.

Informatica Applicata riprende le basi della progettazione web e introduce l’uso del coding, in particolare attraverso p5.js, per generare artefatti grafici a partire da dati e informazioni.

Tecniche della Rappresentazione si concentra sulla costruzione di strutture narrative, sulla relazione tra vista di insieme e vista di dettaglio, e sulla capacità di organizzare e comunicare il progetto in modo chiaro.

Serve saper scrivere codice? Si può usare l’AI?

Il corso riparte dalle basi necessarie per lavorare con HTML, CSS, JavaScript e p5.js, ma è utile avere familiarità con i fondamenti della progettazione web affrontati nel primo anno. L’obiettivo non è formare figure specializzate nello sviluppo software, ma designer capaci di realizzare rappresentazioni grafiche basate su dati in forma di prototipi funzionanti. Il corso vuole anche dare, in prospettiva, le competenze per dialogare in modo più consapevole con figure tecniche.

Nelle esercitazioni individuali l’uso di strumenti di generazione automatica non è consentito, perché queste prove servono a verificare l’acquisizione autonoma delle competenze di base. Nel progetto di gruppo, l’eventuale uso di strumenti di AI deve essere dichiarato, motivato e subordinato agli obiettivi progettuali: lo strumento non deve sostituire le scelte critiche, visive e tecniche del gruppo.

Che tipo di output ha questo laboratorio?

Durante il corso svilupperai alcune esercitazioni individuali e un progetto di gruppo.

Le esercitazioni individuali saranno piccoli progetti web, prevalentemente statici, intervallati durante il corso ogni due settimane. Con ogni consegna dimostrerai di aver appreso le competenze teoriche e tecniche di quelle due settimane e la capacità di rielaborare personalmente in un piccolo prototipo digitale.

Il progetto finale è invece un lavoro di gruppo: un sito funzionante dedicato alla rappresentazione di un fenomeno scelto dal gruppo. Il sito deve costruire una presentazione del fenomeno attraverso almeno due livelli: una vista di insieme, capace di sintetizzare il tema, e una vista di dettaglio, capace di approfondirne aspetti specifici.

Come funziona la valutazione?

La valutazione si basa principalmente sul lavoro di gruppo, ed in parte minore ma comunque sensibile sulle esercitazioni individuali.

Le esercitazioni individuali servono a dimostrare l’apprendimento delle competenze tecniche e la capacità di utilizzarle per un progetto comunicativo. La valutazione sarà quindi legata al superamento di soglie minime definite ad ogni consegna.

Il lavoro di gruppo verrà valutato in base alla qualità visiva, alla coerenza tra scelte rappresentative e intenti comunicativi, all’appropriatezza delle fonti e dei dati utilizzati, e alla coerenza tecnica nello sviluppo della pagina web. La consegna finale consisterà in un repository contenente il sito funzionante ed il report progettuale che documenta processo, scelte progettuali e distribuzione dei ruoli all’interno del gruppo.