Corso visual design con affinity, figma e google stitch (online) - gratuito

Obiettivo di apprendimento: RA1: Progettare l’idea grafica, sulla base delle specifiche ricevute, elaborando schizzi e bozzetti.

Unita 1 – AUDIT DEI MATERIALI

1. Lettura del brief di brand: soggetto, obiettivi della comunicazione, vincoli, destinatari
2. Raccolta delle informazioni e principi di marketing
3. Definizione degli scopi del progetto
4. Analisi del target di riferimento
5. Analisi della concorrenza e individuazione del posizionamento
6. Raccolta e valutazione dei materiali testuali, iconografici e multimediali forniti dal committente
7. Criteri di scelta dei materiali in funzione del progetto
8. Le immagini pubblicitarie: fotografia, illustrazione classica, fotografica e vettoriale
9. Individuazione delle carenze e richiesta di integrazione al committente
10. Verifica dei diritti d’uso e delle licenze dei materiali
11. Ricerca di riferimenti e di materiali con strumenti di AI generativa gratuiti • Come scrivere un prompt efficace • Diritti d’uso e copyright delle immagini generate dall’AI

UNITÀ 2 - DIGITALIZZARE ORIGINALI

1. Acquisizione dei materiali su supporto cartaceo con scanner o smartphone
2. Risoluzione di acquisizione in funzione dell’impiego previsto • Formati di salvataggio e profili colore
3. Ottimizzazione e archiviazione dei materiali digitalizzati per l’uso nel progetto e nel prodotto finito
4. Introduzione ad Affinity:
5. l’applicazione unica e i suoi ambienti di lavoro (Vector, Pixel, Layout) • Account gratuito e funzionalità incluse • Interfaccia: strumenti, pannelli, barra contestuale, area di lavoro • Nuovo documento: formato, unità, risoluzione, profilo colore, tavole da disegno • Salvataggio, formato nativo e apertura di file esterni • Zoom, righelli, guide, griglia e aggancio, cronologia di annullamento Grafica raster di base: differenza tra vettore e raster, pixel e risoluzione • Livelli, selezioni, ritaglio e raddrizzamento • Regolazioni non distruttive: luminosità, contrasto, curve, bilanciamento colore • Maschere e livelli di regolazione • Pulizia di uno schizzo scansionato o fotografato • Rimozione dello sfondo ed esportazione in PNG trasparente
6. Scansione da smartphone con applicazioni gratuite

UNITÀ 3 - CREARE UN CONCEPT

1. I principi della comunicazione visiva: che cos’è, i contenuti visual, il potere delle immagini
2. Il messaggio visivo: significato e funzioni
3. Decodificare e scomporre un messaggio: texture, forme, strutture, moduli, movimento
4. La psicologia della Gestalt e la percezione visiva
5. Le figure retoriche visiveIl brainstorming per definire i contenuti della comunicazione
6. Tecniche per la stimolazione della creatività
7. L’AI come partner di brainstorming e di critica delle proposte
8. Elaborazione del raw sketch di base con strumenti cartacei e digitali
9. Sviluppo di almeno due idee comunicative alternative
10. Copywriting e visualizing • Il brand verbale • Esercizio libero facoltativo: il brand di sé stessi, con presentazione dei risultati in aula

UNITÀ 4 - PROGETTARE LA TIPOGRAFIA

1. Il lettering: analisi e storia
2. Le classificazioni dei caratteri
3. L’anatomia della lettera
4. Criteri compositivi e leggibilità
5. Il lettering come immagine
6. Ricerche stilistiche e scelta della forma tipografica in funzione del prodotto grafico e del destinatario
7. Accostamenti tipografici e gerarchia del testo
8. Proposte tipografiche con strumenti di AI generativa gratuiti e valutazione critica
9. Il testo in Affinity: testo artistico e testo in cornice • Pannelli carattere e paragrafo, stili di testo • Crenatura, interlinea e spaziatura • Testo su tracciato • Conversione del testo in curve • Verifica del contrasto e della leggibilità
10. Font gratuiti e licenze d’uso

UNITÀ 5 PROGETTARE UN FORMAT VISIVO

1. Teoria del colore, contrasti cromatici, psicologia del colore
2. Il colore come portatore di significato nella definizione del format
3. Ricerca progettuale sulle immagini fornite e sulle banche dati di immagini
4. Moodboard e ricerca di riferimenti
5. Elaborazione congiunta del messaggio visivo e di quello testuale
6. Definizione dello stile visivo della comunicazione
7. Il colore in Affinity: campioni e colori globali • Gradienti e trasparenza • Costruzione e salvataggio della palette del progetto
8. Stitch: accesso con account Google, modalità Standard e Sperimentale • Struttura di un prompt: soggetto, pubblico, personalità del brand, preferenze di stile • Generazione e confronto di più varianti, modifiche in chat • Tema e design system: colori primario, secondario e di accento, tipografia, stili gerarchici • Verifica del contrasto cromatico e dell’accessibilità delle proposte • Sintesi delle scelte in palette e coppia di font, con motivazione
9. Ritocco e correzione colore di un’immagine con Affinity

Unità 6 PROGETTARE IL FORMATO

1. L’organizzazione percettiva e la composizione dello spazio
2. I formati dei supporti e i loro rapporti
3. Le regole di composizione: equilibrio, peso, ritmo
4. La sezione aurea e la regola dei due terzi
5. Le strutture modulari
6. Collocazione di testi, immagini, loghi ed elementi grafici nei diversi formati previsti dal progetto
7. Introduzione a Figma: account gratuito, file di progetto e pagine • Interfaccia: strumenti, pannello dei livelli e delle proprietà, modalità Design, Draw e Motion • Frame come tavola di lavoro e formati predefiniti per social e dispositivi • Selezione, allineamento e distribuzione, livelli e raggruppamenti • Griglie di layout, guide e aggancio Testo, stili di colore e di testo riutilizzabili • Maschere e ritaglio di immagini nei frame • Componenti e varianti per la coerenza tra i post • Composizione di un post nei formati 1:1 e 4:5, di una storia 9:16 e di un carosello su più frame affiancati
8. Aree sicure e misure aggiornate dei formati per i social • Esportazione di immagini in PNG, JPG, SVG e PDF, anche di più frame insieme

Unità 7 PROGETTARE ELEMENTI GRAFICI

1. Significato e analisi storica dei loghi più noti
2. Destrutturazione dei messaggi intrinseci alle forme
3. Dal brief all’idea di marchio: concept, attributi, direzioni progettuali
4. Tipologie di marchio: logotipo, pittogramma, monogramma, marchio astratto
5. Requisiti di efficacia di un marchio
6. Costruzione di un logo a partire da forme geometriche
7. Progettazione di segni grafici e di elementi caratteristici funzionali al format visivo
8. Il vettoriale in Affinity: forme geometriche, trasformazioni, allineamento e distribuzione • Riempimento e contorno: colore, spessore, terminali, tratteggi • Livelli, selezione, raggruppamento e ordine di sovrapposizione • Operazioni booleane: unione, sottrazione, intersezione, esclusione • Duplicazione e ripetizione, simmetrie con le guide • Penna e nodi di base • Versioni del logo: a colori, in nero, in bianco, ridotto; area di rispetto e prova di riduzione su fondi diversi
9. Vettoriale avanzato in Affiniti : penna e nodi, curve di Bézier ed economia dei punti • Ricalco manuale di uno schizzo, griglia costruttiva, correzioni ottiche • Maschere di ritaglio e di trasparenza, ombre ed effetti • Simboli e oggetti ripetibili • Suggerimenti sulle forme geometriche con strumenti di AI generativa

Unita’ 8 ELABORARE UN BOZZETTO AVANZATO DI PROGETTO

1. Composizione della proposta grafica completa a partire dai materiali analizzati e dagli elementi grafici e tipografici elaborati
2. Valutazione del peso delle immagini
3. Dimensione dei testi e ordine di lettura
4. Declinazione del progetto nei diversi formati richiesti dal committente: biglietto da visita, locandina, flyer, post, carosello, storie, banner
5. Impaginazione in Affinity Layout di biglietto da visita, locandina e flyer: pagine, cornici di testo, immagini in cornice, esportazione per lo schermo • Composizione di post, carosello e storie in Figma a partire dagli stili e dai componenti del progetto
6. Il progetto coordinato su più supporti: la campagna pubblicitaria integrata • Coerenza del progetto tra i diversi supporti • Analisi e individuazione dei punti di forza del progetto • Presentazione e motivazione delle proposte al committente
7. Grafica vettoriale in Figma per l’animazione: importazione di un logo in SVG da Affinity • Forme, penna e nodi, operazioni booleane, appiattimento dei tracciati • Scomposizione del logo in parti indipendenti • Pulizia del file: nomi dei livelli e punto di ancoraggio
8. Animazione con Figma Motion: modalità Motion e linea del tempo • Fotogrammi chiave su posizione, scala, rotazione e opacità • Preset di animazione e curve di accelerazione • Sfasamento dei tempi tra i livelli • Logo animato e animazione di un post • Esportazione in MP4, GIF, WebM e SVG animato
9. Catalogo del brand in Affinity Layout: pagine e pagine mastro, griglie di colonne, cornici di testo, stili, immagini in cornice • Impaginazione guidata di un catalogo di 16 pagine con contenuti forniti dal docente, con l’identità visiva del progetto • Esportazione del PDF multipagina Brand kit in una pagina: logo, palette, font e regole d’uso • Mockup per presentare il brand (Canva) • Accenni all’esportazione del PDF per la stampa: formato e abbondanze, margini di sicurezza, risoluzione, RGB e CMYK

Verifica dell'apprendimento: Il modulo si completa con prove di verifica relative al monitoraggio delle abilità e delle conoscenze acquisite.

Modulo strutturato in conformità al D.Lgs. 81/08 e agli Accordi Stato-Regioni

Verifica dell'apprendimento: Il modulo si completa con prove di verifica relative al monitoraggio delle conoscenze acquisite.

Tratta il principio di parità di trattamento economico e normativo rispetto ai dipendenti dell'azienda utilizzatrice, le regole del contratto con l'Agenzia per il Lavoro (ApL) e gli obblighi di diligenza, obbedienza e sicurezza sul lavoro.