Corso di Masterclass in Graphic & Web Design

Modulo I
Graphic design

Introduzione al design
Dall’hardware al software passando per i concetti chiave ancor prima di sporcarci le mani. Come creare un’area di lavoro e una postazione efficace.
Principi fondamentali
Spazi e forme, teoria del colore, regola dei terzi, golden ratio griglie, correzioni ottiche e gestalten
Percezione visiva
Metodo Vignelli, psicologia della percezione, la sezione aurea, l’importanza degli spazi bianchi nel design.
La Tipografia
Dalla scelta alla nomenclatura, passando per le fonderie tipogra che e la loro storia, elementi di tipogra a e personalizzazione.
La Stampa e i supporti
Quali tipi di stampa esistono, quali supporti scegliere e come comportarsi in fase progettuale.
Branding e visual design
Definizione del concetto di brand identity, analisi dei casi studio più importanti e dei designer che hanno avuto un ruolo fondamentale per la costruzione dell’identità
Processo Progettuale
Metodo Munari, le fasi della creatività, trasformare il concetto in una forma.
Photoshop
Il software della gestione delle immagini raster: Approfondimento sul software, assegnazione esercitazione da svolgere sul programma
Illustrator
Il software del disegno grafico vettoriale: Approfondimento sul software e assegnazione di un’esercitazione da svolgere sul programma
Indesign
Il software del progetto grafico ed editoriale: Approfondimento sul software e assegnazione di un’esercitazione da svolgere sul programma
Freelancing
Come proteggere il proprio lavoro e come comportarsi con i pagamenti. Fatturazione e pricing e self promoting.
Portfolio Tips
Come strutturare un portfolio di successo. Tecniche metodi e casi si studio analizzati
Creazione del progetto
Costriuiamo insieme una brand identity per un cliente ipotetico. Dall’analisi alla composizione del progetto, passando per i mockup e all’impaginazione della presentazione.

Modulo II
Logo design

Principi fondamentali
panoramica sulla teoria del colore per apprendere RDG,CMYK e il sistema Pantone
Photoshop Masterclass
Approfondiamo lo strumento base per gestire i nostri foto-inserimenti e i mockup in maniera semplice ed efficace
Illustrator Masterclass
Approfondiamo lo strumento base per l’istruzione e il logo design per gestire il nostro workflow in maniera semplice ed efficace
Dimension
Conosciamo il kit di strumenti 2d e 3D che facilita la composizione grafica fotorealistica
After Effects
Introduzione al software ed elementi di animazione per presentare al cliente un progetto con un effetto WOW che garantirà il successo del progetto
Typography
Catalogazione, suddisione approfondita e nomenclatura. Licensing e panoramica delle maggiori type foundry
Logo Design
Comprendere la differenza fra Logo e Brand, struttura del logo e definizione delle varie tipologie di logo.
Creative Brief:
Come strutturare un brief creativo e com intervistare il cliente, definire gli obiettivi e i valori del brand
Casi Studio
Analisi e definizione dei migliori casi studio italiani e internazionali
Griglie:
Utilizzarle al meglio per strutturare il proprio lavoro in maniera bilanciata e proporzionata. Golden Ratio, spacing e blianciamento ottico
Linee Guida e manuale d’uso:
Conoscere e comprendere le regole da utilizzare per rendere il logo responsive e applicabile in vari contesti, i limiti e lo stile
Mockup custom:
creare un mockup customizzato per il cliente
Copyright:
conoscere e apprendere le modalitò di registrazione di un logo
Freelancing
Come proteggere il proprio lavoro e come comportarsi con i pagamenti. Fatturazione e pricing, Promuoversi sui social
Portfolio Tips
Come strutturare un portfolio di successo
Project work


Modulo III
Digital Publishing

Introduzione

Introduzione alla Grafica editoriale, interfaccia di Indesign, strumenti nuovi e strumenti comuni con Photoshop e Illustrator, creare ed impostare un nuovo documento con InDesign strumenti e pannelli, personalizzare l’area di lavoro, suggerimenti e scorciatoie, preferenze di base
Il testo
Lo strumento testo, imiportazione testo, il font e il paragrafo allineamento, crenatura, interlinea, gestione stili di testo, stili di carattere, trasformare testo in tracciato
Gestione pagine e pagine Mastro
Guide e Righelli, creare un nuovo documento, formato pagina e margini, le pagine affiancate, le opzioni avanzate: pagina al vivo e area indicazioni, pagine singole, pagine affiancate, pagine Mastro Inserire la numerazione automatica delle pagine
Creazione di impaginati
Inserire, Importare e gestire immagini, prestazioni di visualizzazione, glifi e caratteri speciali, elenchi puntati e numerati, importare o incollare i tracciati di Illustrator, preparare il PDF per la stampa Creazione di un volantino, locandina e manifesto, esportare pdf per la stampa
Opzioni oggetti e testi con Ai
Il pannello Collegamenti, opzioni di importazione gestire il testo, opzioni di giustificazione e di sillabazione gestire le Pagine Mastro, numerazione pagina, elenchi puntati e numerati, stili nidificati e stili a cascata, allineamento, il pannello Glifi, caratteri speciali creazione Pacchetti, opzioni per il contorna con testo, convertire testo in tracciato
Creazione
Creazione di un Curriculum Grafico, creazione di un Portfolio Grafico, creazione dell’immagine Coordinata (biglietto da visita, carta intestata, busta da lettera) Creazione di una rivista
Interattività
Creare un PDF sfogliabile, creare collegamenti ipertestuali transizioni di pagina, esportare in formato PDF interattivo e per la stampa, esportare in formato SWF
Creazione del progetto
Brand: naming - marchio - format - manuale di immagine cordinata pack: etichetta - mockup e presentazione advertising: declinazione del format - campagna stampa/digital di un prodotto assegnato.

Modulo IV
UI - User Interface

Introduzione
Il corso di User Interface ti condurrà nel mondo del web design ed in particolar modo del design di interfacce. Siti web, e-commerce, app. Sarai in grado ddi progettare qualsiasi tipo di UI per qualsiasi dispositivo. Il corso è infatti, orientato verso un design fluido, device agnostic e responsive. Si parlerà di design, software, trend, ma anche di classi CSS e codice HTML, insegnandoti competenze e terminologie che ti permetteranno di interfacciarti con i programmatori durante lo sviluppo della tua UI.
Principi fondamentali
UI, UX e web design, wireframing, approcci: mobile first o desktop first. Software: Adobe Photoshop, Adobe Illustrator; Experience Design, CMS: Worpress
Progettare una UI - assets di base e avanzati
Analisi e previsione dei trend; struttura di una pagina web: header, boby e footer . Realizzare assets CSS; suddivisione in righe e colonne; workflow fluido Ps/Ai/Xd; web design: vettorile o raster? Menu: linear e hamburgher, gli stati: active, visited, hover, pulsanti, anchor e link, sticky header, subheader, e breadcrumbs, facivon e appietouch icon
Ottimizzazione assets
Color Correction; ritaglio e fotomanipolazione professionale, correzione in base al contenuto; automazioni: azione e batch; export assets illustrator; automatic export levels Photoshop
Prototipazione
Adobe Experience Design, impostare canvas, importazione assets photoshop e illustrator, repeat grid, interaction, sharing.
Dalla progettazione al web
Wordpress; configurazione iniziale: dominio, hosting e database;
backend e frontend; plugin, widget e temi; Visual Composer, padding e margin; CSS: “effetto cascata”, sintassi corretta; HTML: tag, i codici più comuni (a href, img, src, div, ecc); classi e stili: da CSS a HTML; responsive design: breackpoints, child theme; blog e portfolio; plugin importanti: modulo di contatto, sicurezza, GDPR, backup
Freelancing
Come proteggere il proprio lavoro e come comportarsi con i pagamenti. Fatturazione e pricing, Promuoversi sui social
Creazione del progetto
Realizzazione interfaccia per sito web, app ect anceh con Dark UI.

Modulo V
UX - User Experience

Introduzione
Con il corso di User Experience avrai imparato le basi dell'esperienza utente e come costruire progetti di successo grazie all'intersezione tra fruibilità, fattibilità e sostenibilità, ponendo le esigenze dell'utente al centro del processo di progettazione. Saprai come ottenere dati e come usarli per prendere che soddis no le aspettative dei tuoi clienti. Avrai imparato inoltre
come implementare i fondamenti della tecnica UX nei tuoi progetti e come costruire prodotti digitali di alta qualità sviluppando modelli di progettazione comprovati e ragionevoli che incorporano il marchio, la los a aziendale e la
comprensione dei clienti in un mercato specifico.

Il metodo UX e le sue tecniche: dall’analisi dei requisiti alla progettazione
Perché la UX è così importante: vantaggi e ROI
L’approccio user centered
Raccolta dei requisiti: UX benchmark
User research
Interviste e questionari
Personas e scenari
Disegnare le customer journey
Architettura dell’informazione e menu di navigazione: il card sorting
Disegnar i di navigazione intuitivi
UI e visual design, linee guida e ultimi trend
UX checkup: linee guida di usabilità e best practices
Test di usabilità in laboratorio
L’esperienza d’uso mobile: differenze di utilizzo e di contesto rispetto al web desktop
Come gli utenti usano gli smartphone: statistiche di utilizzo, principi cognitivi, pattern di comportamento
Le best practices per la progettazione mobile
Less is more, l’importanza di creare priorità fra i contenuti
Bersagli facili da colpire, ovvero del progettare per le dita
Il principio della progressive disclosure per progettare interazioni semplici e lineari
Visualizzare i contenuti attraverso il disegno di pagine snelle
Mobile Visual design: spazi, ingombri, colori e facilità di lettura
UX Writing e micro-copy