Questo corso è pensato per studenti di 15 anni che partono da zero: non serve “saper disegnare”, serve imparare a vedere e poi a trasformare quello sguardo in scelte grafiche chiare e intenzionali. L’idea di fondo è molto “Munari-style”: non esiste la magia, esiste un metodo (osservo → capisco → provo → miglioro). citeturn3search1turn3search13

In parallelo, è molto “Falcinelli-style”: la grafica non è “decorazione”, è linguaggio visivo (segni, codici, contesto, cultura) e funziona quando comunica qualcosa a qualcuno, in un luogo e in un tempo specifici. citeturn0search4turn3search14

Risultati attesi (a fine 90 ore). Gli studenti sapranno:

• leggere una grafica “come un detective”: gerarchie, scelte tipografiche, colori, immagini, messaggi impliciti; citeturn9search1turn3search2
• progettare artefatti semplici ma solidi: poster A3, flyer, set social (post/storie/carousel) e infografica base; citeturn10search18turn4search9
• usare un workflow minimo: file ordinati, export corretto, formati appropriati, differenze raster/vettoriale, risoluzione; citeturn8search0turn8search1turn8search4
• applicare regole “pro” che fanno subito la differenza (griglia, spaziatura, contrasto, allineamenti, microtipografia); citeturn2search23turn9search6turn2search1
• lavorare in modo progettuale: brief, moodboard, iterazioni, feedback strutturato, presentazione finale. citeturn4search2turn1search3

I deliverable finali del corso saranno una mini-campagna completa: key visual + logo/brand kit essenziale + poster + carousel social + infografica + mini-presentazione portfolio. citeturn6search4turn4search2

Il corso è diviso in 3 macro-fasi, coerenti con una crescita “a spirale”: prima capisco i fondamentali (occhio), poi imparo gli strumenti (mano), poi progetto una cosa vera (testa + mano + cuore).

Distribuzione ore (vincolo 40% teoria / 60% pratica):

• 18 lezioni × 5 ore = 90 ore totali.
• Struttura standard di ogni lezione: 2h teoria guidata + 3h laboratorio (con micro-demo e mini-critique). Totale: 36h teoria (40%), 54h pratica (60%).
  La scelta è didatticamente robusta per principianti: con poca esperienza è facile “andare in overload”, quindi meglio teoria breve, esempi chiari, e tante prove con feedback. citeturn1search1turn1search18

Principi per slide auto-esplicative (docente non specialista). Il deck di ogni lezione deve:

• essere “pulito” e senza rumore: meno roba inutile = più comprensione (coherence principle). citeturn1search10turn1search6
• usare segnali visivi: evidenzia cosa conta (signaling). citeturn1search13
• evitare muro di testo in slide: meglio immagini + parole chiave, e la spiegazione sta nelle note. citeturn1search13turn1search6
• proporre micro-check (2 minuti) e recap finali: l’atto di richiamare le info migliora la memorizzazione (testing effect). citeturn11search7turn11search3

Metodo di laboratorio (semplice da gestire):

• spesso si parte analogico (carta/ritagli), poi si passa al digitale: riduce ansia da software e rende chiari i concetti. (Approccio coerente con la metodologia “fare per capire” tipica della didattica progettuale.) citeturn3search13turn11search0
• feedback strutturato, non “mi piace/non mi piace”: si usa una scala/protocollo per fare critique in modo gentile e utile. citeturn1search3turn11search2

Opzioni strumenti (scegline una coppia, non tutte):

• Raster (fotoritocco): Photopea (link) (web) o alternativa in laboratorio; concetti: livelli, selezioni, maschere. citeturn7search14turn7search8
• Vettoriale (icone/loghi): Inkscape (link) o equivalente; concetti: tracciati, nodi, operazioni booleane. citeturn7search25turn7search0
• Layout impaginato: Canva (link) (rapido) o Scribus (link) (più “print school”); concetti: griglie, margini, esportazione PDF. citeturn7search11turn10search13
• UI/prototipo (opzionale): Figma (link) per layout “a frame” e componenti base. citeturn10search0

Legenda fasi:

• Fondamentali = occhio + grammatica visiva (lezioni 1–6)
• Strumenti = mano + workflow (lezioni 7–14)
• Progetto finale = testa + metodo + presentazione (lezioni 15–18)

Ogni esercitazione pratica è progettata per 2–3 ore (dentro le 3 ore di laboratorio della lezione). Il resto del tempo pratico copre demo brevi, revisioni e rifiniture.

Qui trovi una “biblioteca minima” specifica: ogni lezione della tabella può appoggiarsi a 1–2 riferimenti principali (e qualche risorsa rapida). Le risorse sono scelte per: chiarezza, esempi visivi, utilità didattica, credibilità.

Fonti “Fondamentali” (grammatica visiva, cultura dell’immagine, metodo):

• entity["book","Critica portatile al visual design (link)","falcinelli 2014"]. citeturn0search4
• entity["book","Cromorama (link)","falcinelli 2017"]. citeturn0search5
• entity["book","Figure. Come funzionano le immagini dal Rinascimento a Instagram (link)","falcinelli 2020"]. citeturn3search2
• entity["book","Design e comunicazione visiva. Contributo a una metodologia didattica (link)","munari 2017"]. citeturn3search4
• entity["book","Da cosa nasce cosa. Appunti per una metodologia progettuale (link)","munari 2017"]. citeturn3search1turn3search13
• entity["book","Ways of Seeing (link)","berger 1972"] (ottimo per parlare di “sguardo” e significato). citeturn4search7
• entity["book","Universal Principles of Design (link)","lidwell et al 2003"] (principi pratici, inclusi quelli percettivi). citeturn1search11
• entity["organization","Nielsen Norman Group (link)","ux research firm us"] (hierarchy, contrast, balance, Gestalt in modo super applicato). citeturn9search1
• entity["organization","Interaction Design Foundation (link)","design education platform"] (Gestalt spiegata semplice e aggiornata). citeturn9search0

Fonti “Tipografia e layout” (dove si vede la differenza tra amatoriale e “pulito”):

• entity["book","Thinking with Type. Tipografia e progettazione grafica (link)","lupton italian ed"]. citeturn2search1
• entity["book","Grid Systems in Graphic Design (link)","muller-brockmann 1999"]. citeturn2search23
• entity["book","The Vignelli Canon (link)","vignelli 2008 pdf"] (manualetto perfetto per rigore e semplicità). citeturn5search2
• entity["book","Butterick’s Practical Typography (link)","butterick 2nd ed"] (microtipografia spiegata senza giri). citeturn9search6

Fonti “Workflow, strumenti, file, licenze” (per non fare caos e non fare guai):

• entity["company","Adobe (link)","software company us"] (ottime guide su raster/vettoriale, risoluzione, modalità colore). citeturn8search0turn8search1turn7search2turn8search4
• entity["organization","Creative Commons (link)","nonprofit licensing org"] (licenze e cosa significano davvero). citeturn8search2turn8search15
• entity["organization","SIL Open Font License (link)","font license framework"] (licenza font, utile per parlare di uso corretto dei font). citeturn8search3turn8search10
• entity["company","Canva (link)","design platform company"] (risorse didattiche su gerarchia e tipografia, molto friendly). citeturn7search11turn7search1turn10search18
• entity["company","Figma (link)","design software company"] (corso beginner ufficiale, utile se vuoi frame e layout modulari). citeturn10search0

Fonti “Accessibilità, feedback, metodo progetto, infografica”:

• entity["organization","World Wide Web Consortium (link)","web standards body"] (WCAG 2.2: contrasto minimo 4.5:1). citeturn4search1
• entity["organization","WebAIM (link)","web accessibility org"] (contrast checker pratico). citeturn4search8
• entity["organization","Design Council (link)","uk design org"] (Double Diamond, ottimo per non perdersi nel progetto). citeturn4search2turn4search13
• entity["organization","Project Zero (link)","harvard education group"] (Ladder of Feedback per critique strutturata). citeturn1search3
• entity["book","The Functional Art (link)","cairo 2012"] (infografica e data viz con testa). citeturn4search11turn4search9

Scelte didattiche “a prova di supplente” (perché funzionano):

• Teoria del carico cognitivo: i principianti hanno bisogno di step piccoli e guida chiara. citeturn1search1turn1search18
• Principi di multimedia learning per slide che insegnano davvero (coerenza/segnalazione/ridondanza). citeturn1search6turn1search10turn1search13
• Project-based learning: un progetto finale ben guidato migliora motivazione e risultati. citeturn11search0

# Sillabo dettagliato per un corso di Grafica Base 90 ore

## Visione del corso e risultati attesi

Questo corso è pensato per studenti di 15 anni che partono da zero: non serve “saper disegnare”, serve imparare **a vedere** e poi a trasformare quello sguardo in scelte grafiche chiare e intenzionali. L’idea di fondo è molto “Munari-style”: non esiste la magia, esiste **un metodo** (osservo → capisco → provo → miglioro). citeturn3search1turn3search13

In parallelo, è molto “Falcinelli-style”: la grafica non è “decorazione”, è **linguaggio visivo** (segni, codici, contesto, cultura) e funziona quando comunica qualcosa a qualcuno, in un luogo e in un tempo specifici. citeturn0search4turn3search14

Risultati attesi (a fine 90 ore). Gli studenti sapranno:
- leggere una grafica “come un detective”: gerarchie, scelte tipografiche, colori, immagini, messaggi impliciti; citeturn9search1turn3search2
- progettare artefatti semplici ma solidi: **poster A3**, **flyer**, **set social** (post/storie/carousel) e **infografica** base; citeturn10search18turn4search9  
- usare un workflow minimo: file ordinati, export corretto, formati appropriati, differenze raster/vettoriale, risoluzione; citeturn8search0turn8search1turn8search4
- applicare regole “pro” che fanno subito la differenza (griglia, spaziatura, contrasto, allineamenti, microtipografia); citeturn2search23turn9search6turn2search1
- lavorare in modo progettuale: brief, moodboard, iterazioni, feedback strutturato, presentazione finale. citeturn4search2turn1search3

I deliverable finali del corso saranno una mini-campagna completa: **key visual + logo/brand kit essenziale + poster + carousel social + infografica + mini-presentazione portfolio**. citeturn6search4turn4search2

## Struttura didattica e principi di progettazione delle slide

Il corso è diviso in 3 macro-fasi, coerenti con una crescita “a spirale”: prima capisco i fondamentali (occhio), poi imparo gli strumenti (mano), poi progetto una cosa vera (testa + mano + cuore).

Distribuzione ore (vincolo 40% teoria / 60% pratica):
- 18 lezioni × 5 ore = 90 ore totali.
- Struttura standard di ogni lezione: **2h teoria guidata + 3h laboratorio** (con micro-demo e mini-critique). Totale: 36h teoria (40%), 54h pratica (60%).  
La scelta è didatticamente robusta per principianti: con poca esperienza è facile “andare in overload”, quindi meglio teoria breve, esempi chiari, e tante prove con feedback. citeturn1search1turn1search18

Principi per slide auto-esplicative (docente non specialista). Il deck di ogni lezione deve:
- essere “pulito” e senza rumore: meno roba inutile = più comprensione (coherence principle). citeturn1search10turn1search6  
- usare segnali visivi: evidenzia cosa conta (signaling). citeturn1search13  
- evitare muro di testo in slide: meglio immagini + parole chiave, e la spiegazione sta nelle note. citeturn1search13turn1search6  
- proporre micro-check (2 minuti) e recap finali: l’atto di richiamare le info migliora la memorizzazione (testing effect). citeturn11search7turn11search3  

Metodo di laboratorio (semplice da gestire):
- spesso si parte analogico (carta/ritagli), poi si passa al digitale: riduce ansia da software e rende chiari i concetti. (Approccio coerente con la metodologia “fare per capire” tipica della didattica progettuale.) citeturn3search13turn11search0  
- feedback strutturato, non “mi piace/non mi piace”: si usa una scala/protocollo per fare critique in modo gentile e utile. citeturn1search3turn11search2  

Opzioni strumenti (scegline una coppia, non tutte):
- Raster (fotoritocco): Photopea (web) o alternativa in laboratorio; concetti: livelli, selezioni, maschere. citeturn7search14turn7search8  
- Vettoriale (icone/loghi): Inkscape o equivalente; concetti: tracciati, nodi, operazioni booleane. citeturn7search25turn7search0  
- Layout impaginato: Canva (rapido) o Scribus (più “print school”); concetti: griglie, margini, esportazione PDF. citeturn7search11turn10search13  
- UI/prototipo (opzionale): Figma per layout “a frame” e componenti base. citeturn10search0  

image_group{"layout":"carousel","aspect_ratio":"16:9","query":["Swiss design poster grid muller brockmann","typographic hierarchy poster example","Johannes Itten color contrasts chart","Bruno Munari design examples"],"num_per_query":1}

## Tabella di marcia delle lezioni

Legenda fasi:
- **Fondamentali** = occhio + grammatica visiva (lezioni 1–6)
- **Strumenti** = mano + workflow (lezioni 7–14)
- **Progetto finale** = testa + metodo + presentazione (lezioni 15–18)

Ogni esercitazione pratica è progettata per 2–3 ore (dentro le 3 ore di laboratorio della lezione). Il resto del tempo pratico copre demo brevi, revisioni e rifiniture.

| Lezione | Macro-fase | Titolo (Gen Z-friendly ma chiaro) | Obiettivi (fine lezione) | Concetti teorici chiave (40%) | Attività pratica 2–3h (brief + vincoli) | Output (consegna) |
|---|---|---|---|---|---|---|
| 1 | Fondamentali | Grafica = comunicare, non decorare | Capire cos’è il visual design; distinguere “bello” da “funziona”; conoscere il lessico base | Messaggio, target, contesto; segni e codici; vincoli come superpotere | **Safari visivo + moodboard**: in coppia fotografate 10 grafiche “in giro” (scuola/strada/online). Selezionate 6 esempi, etichettate: “cosa comunica?”, “a chi?”, “con che vibe?”. Poi create un moodboard A3 (analogico o Canva) con 3 parole-chiave | Moodboard A3 + 6 mini-analisi |
| 2 | Fondamentali | Il cervello completa: Gestalt in pratica | Riconoscere e usare raggruppamenti e gerarchie | Figura/sfondo; prossimità, somiglianza, chiusura; gerarchia visiva | **Composizioni in bianco/nero**: create 6 mini-tavole (A4) ognuna con un principio Gestalt. Vincolo: solo cerchi/quadrati/linee, 2 colori massimo. Test: scambiate le tavole e fate dire ai compagni “cosa vedi per primo?” | PDF/Foto delle 6 tavole + test feedback |
| 3 | Fondamentali | Colore: mood, codice, contrasto | Saper scegliere palette e controllare leggibilità | Tonalità/saturazione/valore; contrasti; colore come cultura | **Stesso messaggio, 3 palette**: progettate 3 card social (1080×1080) con lo stesso testo (es. “Open Day”). Ogni card cambia solo palette (calda, fredda, neutra). Check: contrasto testo/sfondo “ok” (minimo AA) | 3 PNG + mini nota “perché questi colori” |
| 4 | Fondamentali | Tipografia: la voce del testo | Costruire gerarchia tipografica e scegliere 2 font compatibili | Anatomia; leggibilità vs leggibilità “a colpo d’occhio”; gerarchia | **Poster solo tipografia**: create un poster A3 con una frase/quote (fornita dal docente). Vincoli: niente immagini; max 2 font; 3 livelli gerarchici (titolo/sottotitolo/info). Iterazione: 2 versioni (prima “naive”, poi “ripulita”) | PDF A3 (v1 + v2) |
| 5 | Fondamentali | Griglia e spazio vuoto: ordine invisibile | Impostare layout leggibile con allineamenti coerenti | Griglie; margini; allineamento; ritmo; whitespace | **Redesign di un flyer “brutto”**: ricevono un volantino caotico (fornito). Obiettivo: rifarlo con griglia 3 colonne, margini, 1 stile per titoli e 1 per testo. Vincolo: non cambiare contenuti, solo layout | Prima/dopo in PDF |
| 6 | Fondamentali | Immagini: tagliare, scegliere, rispettare | Capire come un’immagine cambia senso; usare immagini legalmente | Inquadratura/crop; metafora visiva; licenze (CC, stock) | **Mini-foto-story**: 5 foto (scattate o stock) che raccontano un’idea (“energia”, “pressione”, “amicizia”). Create una striscia 5 riquadri + titolo. Vincolo: almeno 1 crop “aggressivo” e 1 “aria/whitespace” | Striscia + crediti immagini/font |
| 7 | Strumenti | Pixel vs vettori: la palestra del file | Distinguere raster/vettoriale; scegliere formati ed export | Raster vs vector; pixel, ppi; quando PNG/JPG/SVG/PDF | **Stessa icona in 2 mondi**: create un’icona semplice (es. fulmine) in vettoriale e una versione raster “pixel-perfect”. Esportate: SVG, PNG 512px, PNG 128px. Confronto: cosa succede se ingrandisci? | Cartella export + nota “cosa ho imparato” |
| 8 | Strumenti | Fotoritocco base: livelli e maschere | Fare un compositing semplice senza distruggere l’immagine | Livelli; selezioni; maschere raster; non-distruttivo | **Metafora visiva (photomontage)**: scegliete 2 foto e create un’immagine “impossibile ma credibile” (es. città dentro una bottiglia). Vincolo: usare almeno 1 maschera e 1 regolazione (luminosità/contrasto) | PNG finale + PSD/bozza editabile |
| 9 | Strumenti | Vettoriale: icone e forme pro | Usare tracciati e booleane per costruire forme pulite | Nodi/tracciati; stroke/fill; booleane; coerenza stile | **Icon set 6 pezzi**: tema a scelta (sport, musica, gaming, scuola). Vincoli: stesso spessore linea, stesso stile angoli, griglia 24×24, massimo 2 colori | 6 SVG + preview PNG |
| 10 | Strumenti | Layout per stampa: poster evento | Impaginare un poster con gerarchie e griglia | Margini, bleed/safe; allineamenti; formati A | **Poster A3 per evento scolastico**: brief (fornito) con testo obbligatorio. Vincoli: 1 immagine, 2 font max, 3 livelli gerarchici, contrasto leggibile | PDF stampa + PNG web |
| 11 | Strumenti | Microtipografia: i dettagli che fanno “pro” | Migliorare un layout con spaziature e rifiniture | Kerning/tracking; leading; righe orfane; consistenza | **Clinica del layout**: prendete il poster della lezione 10 e fate una “cura” con checklist: spaziature, allineamenti, gerarchia, griglia. Consegna prima/dopo + checklist compilata | Poster v2 + checklist |
| 12 | Strumenti | Mini-brand kit: logo + regole base | Capire cos’è un sistema di identità e non “solo un logo” | Identità come sistema; varianti logo; palette; coerenza | **Brand di un club fittizio**: scegliete un club scolastico (es. “CineClub”). Create: logo (2 versioni), palette 4 colori, 2 font, 1 pattern/elemento. Applicazione: header social | Brand kit 1 pagina + asset |
| 13 | Strumenti | Social pack: feed, story, carousel (accessibile) | Progettare per formati social e accessibilità | Gerarchia su schermo; contrasto; “scannability”; alt text | **Carousel 5 slide**: tema “regola di design” (es. contrasto). Slide1 hook, 2-4 spiegazione con esempi, 5 recap. Vincoli: testo leggibile, contrasto minimo AA, griglia coerente | 5 PNG + testo alt per ogni slide |
| 14 | Strumenti | Infografica: dati che si capiscono | Tradurre dati in grafica senza barare | Scelta grafico; annotazioni; scala; onestà visiva | **Infografica da un dataset**: micro-sondaggio in classe (10 domande). Ogni gruppo visualizza 3 insight con grafici semplici + note. Vincoli: titolo chiaro, fonte dati, 1 colore dominante | Infografica A4 + fonte dati |
| 15 | Progetto finale | Brief vero, idee vere: scegli la campagna | Scrivere un brief; fare ricerca visiva; scegliere direzione creativa | Processo a fasi (divergente/convergente); moodboard; concept | **Kickoff progetto**: scegliete una causa/evento (scuola o territorio). Fate: 1) audience, 2) obiettivo, 3) tono, 4) messaggi chiave, 5) moodboard + 20 thumbnail sketch. Vincolo: 2 concept alternativi | Creative brief + moodboard + sketch |
| 16 | Progetto finale | Sprint 1: key visual + poster | Tradurre concept in key visual; iniziare produzione | Iterazione; coerenza; scelte “difendibili” | **Produzione guidata**: costruite il key visual (immagine/illustrazione/forma) e impaginate il poster A3. Checkpoint a metà: 1 feedback strutturato dai pari | Poster v1 + key visual |
| 17 | Progetto finale | Sprint 2: social + infografica + export | Estendere il sistema in più formati, export pulito | Adattamento; coerenza multi-formato; export | **Pacchetto completo**: create 1 carousel 5 slide + 1 infografica A4 + 1 mockup (poster in ambiente). QA: cartella ordinata, nomi file standard | Social pack + infografica + mockup |
| 18 | Progetto finale | Mostra finale + critique “gentile” | Presentare progetto; ricevere/dare feedback utile; riflettere | Presentazione; feedback a scala; portfolio | **Presentazione e review**: 3 minuti a team, poi feedback con protocollo. Chiudete con 1 pagina portfolio (titolo, obiettivo, output, cosa migliorerei) | PDF portfolio + presentazione |

## Fonti bibliografiche e risorse per argomento

Qui trovi una “biblioteca minima” **specifica**: ogni lezione della tabella può appoggiarsi a 1–2 riferimenti principali (e qualche risorsa rapida). Le risorse sono scelte per: chiarezza, esempi visivi, utilità didattica, credibilità.

Fonti “Fondamentali” (grammatica visiva, cultura dell’immagine, metodo):
- entity["book","Critica portatile al visual design","falcinelli 2014"]. citeturn0search4  
- entity["book","Cromorama","falcinelli 2017"]. citeturn0search5  
- entity["book","Figure. Come funzionano le immagini dal Rinascimento a Instagram","falcinelli 2020"]. citeturn3search2  
- entity["book","Design e comunicazione visiva. Contributo a una metodologia didattica","munari 2017"]. citeturn3search4  
- entity["book","Da cosa nasce cosa. Appunti per una metodologia progettuale","munari 2017"]. citeturn3search1turn3search13  
- entity["book","Ways of Seeing","berger 1972"] (ottimo per parlare di “sguardo” e significato). citeturn4search7  
- entity["book","Universal Principles of Design","lidwell et al 2003"] (principi pratici, inclusi quelli percettivi). citeturn1search11  
- entity["organization","Nielsen Norman Group","ux research firm us"] (hierarchy, contrast, balance, Gestalt in modo super applicato). citeturn9search1  
- entity["organization","Interaction Design Foundation","design education platform"] (Gestalt spiegata semplice e aggiornata). citeturn9search0  

Fonti “Tipografia e layout” (dove si vede la differenza tra amatoriale e “pulito”):
- entity["book","Thinking with Type. Tipografia e progettazione grafica","lupton italian ed"]. citeturn2search1  
- entity["book","Grid Systems in Graphic Design","muller-brockmann 1999"]. citeturn2search23  
- entity["book","The Vignelli Canon","vignelli 2008 pdf"] (manualetto perfetto per rigore e semplicità). citeturn5search2  
- entity["book","Butterick's Practical Typography","butterick 2nd ed"] (microtipografia spiegata senza giri). citeturn9search6  

Fonti “Workflow, strumenti, file, licenze” (per non fare caos e non fare guai):
- entity["company","Adobe","software company us"] (ottime guide su raster/vettoriale, risoluzione, modalità colore). citeturn8search0turn8search1turn7search2turn8search4  
- entity["organization","Creative Commons","nonprofit licensing org"] (licenze e cosa significano davvero). citeturn8search2turn8search15  
- entity["organization","SIL Open Font License","font license framework"] (licenza font, utile per parlare di uso corretto dei font). citeturn8search3turn8search10  
- entity["company","Canva","design platform company"] (risorse didattiche su gerarchia e tipografia, molto friendly). citeturn7search11turn7search1turn10search18  
- entity["company","Figma","design software company"] (corso beginner ufficiale, utile se vuoi frame e layout modulari). citeturn10search0  

Fonti “Accessibilità, feedback, metodo progetto, infografica”:
- entity["organization","World Wide Web Consortium","web standards body"] (WCAG 2.2: contrasto minimo 4.5:1). citeturn4search1  
- entity["organization","WebAIM","web accessibility org"] (contrast checker pratico). citeturn4search8  
- entity["organization","Design Council","uk design org"] (Double Diamond, ottimo per non perdersi nel progetto). citeturn4search2turn4search13  
- entity["organization","Project Zero","harvard education group"] (Ladder of Feedback per critique strutturata). citeturn1search3  
- entity["book","The Functional Art","cairo 2012"] (infografica e data viz con testa). citeturn4search11turn4search9  

Scelte didattiche “a prova di supplente” (perché funzionano):
- Teoria del carico cognitivo: i principianti hanno bisogno di step piccoli e guida chiara. citeturn1search1turn1search18  
- Principi di multimedia learning per slide che insegnano davvero (coerenza/segnalazione/ridondanza). citeturn1search6turn1search10turn1search13  
- Project-based learning: un progetto finale ben guidato migliora motivazione e risultati. citeturn11search0  

## Guida per il docente con script slide

Questa sezione è progettata per un docente **non specialista**: non serve “sapere grafica”, serve seguire una scaletta chiara e leggere note brevi ma efficaci. La guida è costruita per ridurre confusione e “overload” negli studenti: poche idee per volta, esempi visivi, e laboratorio con checklist. citeturn1search10turn1search18  

### Template consigliato per ogni deck (10 slide “sempre uguali”)

Usa sempre lo stesso scheletro: aiuta te (docente) e aiuta loro (studenti). È anche coerente con l’idea che la ripetizione di struttura riduce carico cognitivo e aumenta comprensione. citeturn1search18turn1search13  

Di seguito: cosa mettere in slide + cosa dire (script). Le parti tra virgolette sono frasi pronte.

**Slide 1 — Titolo + obiettivo in 1 riga**  
- In slide: “Lezione X: …” + “Oggi impari: … (1 frase)”.  
- Script: “Oggi facciamo una cosa semplice: impariamo **un pezzo di grammatica visiva** e poi lo usiamo subito in laboratorio. Se ti perdi: guarda l’obiettivo qui sopra.”

**Slide 2 — Warm-up (5 minuti) “Occhio attivo”**  
- In slide: 2 immagini a confronto + domanda.  
- Script: “Senza pensarci troppo: quale funziona meglio e perché? Non esistono risposte perfette, voglio solo sentire le vostre ipotesi.”

**Slide 3 — Big idea (la regola/concetto)**  
- In slide: definizione breve + 3 parole-chiave.  
- Script: “Questa è la regola di oggi. Non è una legge della fisica: è una regola che di solito ti salva dal caos.”

**Slide 4 — Esempio guidato (2–3 evidenziazioni)**  
- In slide: un esempio con cerchi/frecce “qui succede questo”.  
- Script: “Guardate questa parte: qui l’autore vuole che tu veda per primo X. Come ci riesce? Con Y e Z.”

**Slide 5 — Micro-check (2 minuti)**  
- In slide: mini quiz “A/B/C” o “trova l’errore”.  
- Script: “Risposta rapida: non è per voto. Serve a capire se il concetto è entrato.”

**Slide 6 — Mini-demo (passi 1–5)**  
- In slide: screenshot/icone + istruzioni numerate.  
- Script: “Ora vi faccio vedere come si fa. Non correte: guardate prima, poi lo rifate.”

**Slide 7 — Laboratorio (brief + vincoli + tempo)**  
- In slide: consegna, vincoli, timebox, cosa consegnare.  
- Script: “Voi lavorate. Io passo e vi aiuto come un coach: vi faccio domande, non vi do soluzioni già pronte.”

**Slide 8 — Checklist “Cosa rende il lavoro buono”**  
- In slide: 6 check pratici.  
- Script: “Usate questa lista come un filtro anti-cringe: se 4 su 6 sono ok, siete già a un livello alto.”

**Slide 9 — Condivisione + feedback (protocollo)**  
- In slide: 4 step (Chiarisci → Valorizza → Domande → Suggerisci).  
- Script: “Feedback = aiutarsi. Non si giudica la persona, si migliora il lavoro.” citeturn1search3turn11search2  

**Slide 10 — Recap + exit ticket (3 minuti)**  
- In slide: “Oggi ho imparato…” + 1 domanda.  
- Script: “Scrivi 2 righe: una cosa che hai capito + una cosa che ti resta dubbia. Mi serve per tarare la prossima lezione.” (Exit ticket = check formativo veloce). citeturn11search13turn11search7  

### Script “specifico” per le slide-chiave di ciascuna lezione (pronto da copiare)

Qui sotto trovi, per ogni lezione, il testo specifico da mettere (o dire) nelle slide 3–7 e la domanda dell’exit ticket (slide 10). Tutto il resto usa il template standard sopra.

| Lezione | Slide 3 Big idea (testo + script) | Slide 4 Esempio (script) | Slide 6 Mini-demo (passi) | Slide 7 Laboratorio (brief rapido) | Slide 10 Exit ticket (domanda) |
|---|---|---|---|---|---|
| 1 | **Big idea:** “La grafica è una scelta: cosa vuoi che la gente capisca in 3 secondi?” Script: “Se non sai rispondere, stai decorando.” citeturn0search4 | “Guardiamo 2 grafiche: una ‘bella’ ma confusa e una ‘semplice’ ma chiara.” | Demo: come fare 1 moodboard (seleziona → raggruppa → etichetta). | Safari visivo + moodboard A3 (6 esempi, 3 parole vibe, 1 frase obiettivo). | “Scrivi: 1 cosa che la grafica può far fare alle persone.” |
| 2 | **Big idea:** “Il cervello raggruppa: se avvicini/somigli, dici ‘sono amici’.” citeturn9search0 | “Esempio UI/poster: come la prossimità crea sezioni.” citeturn9search1 | Demo: costruisci 1 tavola Gestalt con 2 forme e 1 regola. | 6 tavole B/N, una per principio. | “Qual è il principio Gestalt che useresti per ‘mettere ordine’ in una pagina?” |
| 3 | **Big idea:** “Il colore non è solo gusto: è **codice + emozione + leggibilità**.” citeturn0search5turn4search1 | “Mostro 3 palette: cosa cambia nella percezione?” | Demo: scegliere palette (dominante/secondario/accento) + controllo contrasto. citeturn4search8 | 3 card stesso messaggio, 3 palette diverse, contrasto ok. | “Quale palette comunica più ‘energia’ e perché?” |
| 4 | **Big idea:** “Il font è tono di voce. La gerarchia è la mappa.” citeturn2search1 | “Poster tipografico: dove atterra l’occhio?” | Demo: 3 livelli gerarchici (size/weight/spacing) + 2 font max. | Poster A3 solo tipo (v1 e v2). | “Scrivi 2 regole per non fare un testo ‘illeggibile’.” |
| 5 | **Big idea:** “La griglia è un accordo: ti toglie caos, ti dà ritmo.” citeturn2search23 | “Esempio: stessa pagina con e senza griglia.” | Demo: griglia 3 colonne + allineamenti + margini. | Redesign flyer (contenuto fisso, cambia layout). | “Cosa succede se allinei tutto a caso?” |
| 6 | **Big idea:** “Un’immagine non ‘mostra’: interpreta. E ha diritti.” citeturn4search7turn8search2 | “Crop = cambia significato (prima/dopo).” | Demo: trovare immagini con licenza + scrivere crediti (autore/licenza). citeturn8search2turn8search7 | Foto-story 5 riquadri + titolo + crediti. | “Che differenza c’è tra CC BY e ‘trovata su Google’?” |
| 7 | **Big idea:** “Raster = pixel. Vector = forme scalabili. Scegli bene e non piangi dopo.” citeturn8search1 | “Logo sgranato vs logo vettoriale: effetto zoom.” | Demo: export PNG/JPG/SVG/PDF e quando usarli. | Stessa icona raster+vector + export pacchetto. | “Quando useresti SVG invece di PNG?” |
| 8 | **Big idea:** “Lavoro pulito = non distruggere: usa livelli e maschere.” citeturn7search8turn7search14 | “Before/after di un montaggio: dove si vede la maschera.” | Demo: seleziona → maschera → regola luce/colore. | Photomontage “metafora visiva” con 2 foto. | “Cos’è una maschera, in 1 frase?” |
| 9 | **Big idea:** “Icone buone = coerenza: stessa griglia, stesso stroke, stessa ‘famiglia’.” citeturn7search0 | “Set icone coerente vs incoerente: cosa stona?” | Demo: booleane (Unione/Differenza/Intersezione). citeturn7search0 | Icon set 6 pezzi su griglia 24×24. | “Qual è 1 cosa che rende un set icone ‘professionale’?” |
| 10 | **Big idea:** “Poster stampa: gerarchia + margini + export giusto.” citeturn8search4turn2search23 | “Poster: primo sguardo in 3 secondi (cosa leggi?).” | Demo: impostare A3 + margini + esportare PDF. | Poster evento scolastico (brief fisso). | “Qual è la prima informazione che un poster deve rendere chiarissima?” |
| 11 | **Big idea:** “Il ‘pro’ vive nei dettagli: spaziature, righe, respiro.” citeturn9search2turn9search6 | “Confronto microtipografia: cosa cambia senza che te ne accorgi.” | Demo: controlli base (leading, tracking, orfani). | Cura del poster (prima/dopo + checklist). | “Scrivi 1 dettaglio tipografico che oggi non ignorerei più.” |
| 12 | **Big idea:** “Brand = sistema. Se cambi regole ogni slide, è caos.” citeturn6search4 | “Prima/dopo: logo+palette che reggono in più applicazioni.” | Demo: varianti logo + palette 4 colori + font pairing. | Brand kit 1 pagina + applicazione social. | “Perché ‘un logo’ da solo non basta?” |
| 13 | **Big idea:** “Social = leggere in scroll: poco testo, gerarchia forte, contrasto ok.” citeturn9search1turn4search1 | “Carousel che guida vs carousel che confonde.” | Demo: costruire griglia per 5 slide + controllo contrasto. citeturn4search8 | Carousel 5 slide su 1 regola di design + alt text. | “Scrivi 1 regola per rendere una grafica più accessibile.” |
| 14 | **Big idea:** “Infografica = far capire. Se manipoli, non è design: è trucco.” citeturn4search9turn4search11 | “Grafico giusto vs grafico sbagliato (stesso dato).” | Demo: scegliere tipo di grafico + annotare insight. | Infografica A4 da dati del sondaggio classe. | “Qual è il grafico migliore per confrontare 3 categorie? Perché?” |
| 15 | **Big idea:** “Prima capire il problema, poi fare il poster.” citeturn4search2 | “Esempio Double Diamond: divergo/convergo.” citeturn4search13 | Demo: come scrivere un creative brief in 8 righe. | Brief + moodboard + 20 thumbnail + 2 concept. | “Qual è la differenza tra ‘tema’ e ‘obiettivo’?” |
| 16 | **Big idea:** “Scegli una direzione e rendila coerente: meno roba, più forte.” citeturn1search10 | “Esempio: togliendo elementi, il messaggio sale.” | Demo: iterazione rapida: 3 variazioni di layout in 20 minuti. | Poster v1 + key visual + feedback a scala. citeturn1search3 | “Che feedback hai ricevuto che ti ha davvero migliorato il lavoro?” |
| 17 | **Big idea:** “Adattare non significa copiare-incollare: significa tradurre.” citeturn8search0turn8search1 | “Stesso brand in poster e social: cosa resta uguale?” | Demo: export pacchetto + naming file (standard classe). | Social pack + infografica + mockup + QA cartella. | “Qual è 1 errore di export che vuoi evitare?” |
| 18 | **Big idea:** “Presentare = far capire le scelte, non solo mostrare immagini.” citeturn1search3turn11search2 | “Esempio: presentazione breve con ‘problema → idea → soluzioni’.” | Demo: come raccontare un progetto in 3 minuti (script). | Mostra + critique strutturata + portfolio 1 pagina. | “Se rifacessi il progetto, cosa cambieresti per primo e perché?” |

Nota pratica per gestione classe: se la lezione “deraglia” (molti in difficoltà), taglia teoria e fai **1 demo in più** + **1 checklist più semplice**. Ridurre carico estraneo e dare guida concreta è una strategia coerente con l’apprendimento dei principianti. citeturn1search18turn1search10