Longano GianmarcoWeb Design / Lettering
Corso di Diploma accademico in: Design e Graphic Design
Titolo del corso:

Web Design e Lettering

Crediti formativi: Web Design: 6

Lettering: 4

Obiettivi Formativi: Web Design

Il corso si propone di formare e predisporre gli studenti alla gestione e realizzazione di progetti web, con l’obiettivo d’integrare al design di un sito web nuove forme e strategie di comunicazione aziendale come il web marketing e il social media marketing. Il percorso formativo prevede: le fasi di raccolta dei materiali; la redazione di documenti operativi e di flusso wireframe e sitemap; la redazione del content editing (contenuti testuali); le strategie di comunicazione on line; la stesura dei tag per l’ottimizzazione nei motori di ricerca; le nozioni tecniche e compositive per la realizzazione di interfacce grafiche; le tecniche e gli strumenti di attivazione per una presenza efficace nei motori di ricerca.

 

Lettering

Il corso si prefigge l’obiettivo di fornire agli studenti le conoscenze storiche, teoriche e critiche sull’origine della scrittura, delle lettere e dei caratteri tipografici. Il percorso formativo, correlato da lezioni teoriche ed esercitazioni pratiche, si concentra sulla conoscenza delle principali famiglie di caratteri e sull’apprendimento delle corrette applicazioni di essi negli artefatti di comunicazione visiva.

Contenuti del Corso: Web Design

Web 2.0:

Le origini del web; tipologie dei siti web; le fasi logiche di produzione di un sito web;

gli attori: web designer (progettista), wed developer (sviluppatore web), web content manager (redattore dei contenuti), web master (esercizio del sito), system administrator (sistemista – gestore server);

ISP Internet Service Provider. Analisi di un documento dei requisiti per la raccolta dei dati e stesura del briefing di progetto.

Architettura dell’informazione: la scaletta logica del sito; la gabbia logica (wireframe); la mappa del sito (site map); le risoluzioni a video del progetto web; i formati del progetto web; i formati responsive; il prototipo di navigazione;

Visual design: valore della grafica; standard e convenzioni; il layout grafico; l’affordance; interfacce responsive per il mobile; la guida di stile del layout grafico.

Web & usability: nozioni sull’usabilità dei siti web.

La redazione dei contenuti nel progetto web (web content editing): piano editoriale; guida editoriale; come rivolgersi all’utente; traduzione e localizzazione; punteggiatura, ortografia e grammatica.

Sviluppo del visual design del sito web: Adobe photoshop per il web; definizione delle gabbie; ottimizzazione delle immagini fotografiche; sezioni del layout; progetto delle funzionalità interattive e dei menu di navigazione; modello visuale e posizione degli elementi nella pagina; testi ed elementi tipografici; esportazione per il web.

Esercizio del sito web: TAG di base HTML.

Applicazione degli stili CSS (Cascading Style Sheets: fogli di stile a cascata).

Adobe Dreamweaver, funzionalità principali dell’editor. Analisi dell’interfaccia di aggiornamento dei principali sistemi open source: wordpress, joomla. Test multi-browser. Template acquistabili on line.

Elementi di un piano di comunicazione on-line: la presenza delle imprese nei social network; social media e cultura convergente; caratteristiche di una strategia di content marketing; elementi di social media marketing; web e brand reputation; le dinamiche della reputazione in rete.

Strategie di comunicazione e apertura di pagine nei S.N. del progetto web assegnato.

Search marketing:le leve del search marketing, SEM (Search Egine Marketing) e SEO (Search Engine Optimization); Elementi di richiamo per i motori di ricerca: meta tag title, description, keywords; l’importanza del nome a dominio.

Web analytics: gli strumenti e le applicazioni di google.

 

Lettering

Introduzione alla scrittura.

Le prime scritture: capitale romana, carolingia minuscola.

Le tipologie di alfabeti: pittogrammatici, ideogrammatici, fonogrammatici. Epigrafia, calligrafia, tipografia.

La stampa a caratteri mobili: Johannes Gutenberg (1390/1403-1468), inventore e tipografo tedesco, Storia dei caratteri tipografici: L.B. Alberti, G.F. Cresci, F. Feliciano, A. Dürer, A. Manuzio, L. Pacioli, G.B. Palatino, L.Orfei, N. Jenson, F. Griffo, C. Garamond, W. Caslon, J. Baskerville, F. Didot, G.B. Bodoni.

I caratteri del XX secolo.

Classificazioni stilistiche dei caratteri. Anatomia dei caratteri: le parti delle lettere. Proporzioni, rapporti e geometria dei caratteri. Nomenclatura del lettering.

Le grandi famiglie di caratteri. Digitalizzazione dei caratteri: FONT. Trasformazione dei font in tracciati vettoriali.

Correzioni ottiche su monogrammi, tipogrammi e logotipi. Gli accostamenti dei caratteri: tabelle.

Regole compositive: allineamenti a bandiera, a epigrafe, giustificati, a sagoma. La sillabazione automatica e forzata. La giustezza. Punteggiatura, parentesi, virgolette, apostrofo, trattini, accenti, punti elenco. Il principio della coerenza e dell’uniformazione nella composizione editoriale.

Testi di riferimento / sitografia: Bruno Munari – Design e comunicazione visiva (Laterza)

Bruno Munari – Da cosa nasce cosa (Laterza)

Vanni Pasca, Dario Russo – Corporate Image, un secolo di immagine coordinata dalla AEG alla Nike (Lupetti)

Metodi didattici:

Web Design

Gavin Ambrose Paul Harris – Il libro del layout, Storia principi applicazioni (parte web) – Zanichelli 2009. Polillo Roberto – Plasmare il Web Road map per siti di qualità – Apogeo 2006.

a cura di Guido Di Fraia – Social media marketing (manuale di comunicazione aziendale 2.0) – Hoepli. Luisa Carrada – Lavoro, dunque scrivo – Comunicare Zanichelli.

http://www.html.it/ http://www.html.it/web-design/ http://aiap.it/

http://www.adi-design.org http://www.mestierediscrivere.com

https://www.google.it/services/?fg=1#?modal_active=none 

http://www.treccani.it/enciclopedia/web-design_%28XXI-Secolo%29/

 

Lettering

Delle lettere – manuale di calligrafia e tipografia: dalla teoria alla progettazione di Ivana Tubaro

Hoepli 2007.

Mariuccia Teroni – Manuale di grafica e stampa– Apogeo, Aprile 2009 Testi da consultazione:

Grafica&Stampa di Giorgio Fioravanti – Zanichelli Editore 1990 Manuale di epigrafia latina di Alfredo Buonopane – Carocci editore 2009

Sinus. Progettazione di un carattere tipografico di Viggiano Cira – edizioni Aracne, 2015

Sitografia:

http://blog.giofugatype.com/

https://www.academia.edu/14169765/Le_Geometrie_ricostruite_delle_lettere_capitali_di_Luca_

http://www.calligrafia.orghttp://aiap.it/

Modalità di Valutazione:

Web Design

Monitoraggio presenze; Revisioni;

Presentazioni orali;

Verifiche intermedie;

Ex tempore – eventuale esonero d’esame

 

Lettering

Monitoraggio presenze; Revisioni;

Presentazioni orali;

Verifiche intermedie;

Ex tempore – eventuale esonero d’esame.