Comunicazione visiva e multimodale: programma 2014-15 Letizia Bollini & Andrea Gerino, con Paolo Rocchi ! ! Attenzione il programma, il calendario, orario e aule potranno subire delle variazioni durante il corso. Fare attenzione ad avvisi sul sito e comunicazioni in aula. ! Il corso si propone di introdurre gli studenti al mondo della grafica e della comunicazione visiva applicati ai mondi digitali e multimodali di internet in particolare al web versione desktop e nei contesti mobile. ! ! Lezioni teoriche • Basic design: la grammatica della comunicazione visiva • Organizzare lo spazio dell’interfaccia: griglia, canone e gerarchia • Il linguaggio del colore • Tipo-grafia: la parola vestita (1) • Tipo-grafia: il ritmo della parola (2) ! approfondimenti [b] • Ecosistemi comunicativi e responsive • Interfacce touch e multimodali ! ! Strumenti informatici Durante le lezioni, come indicato nel calendari verranno introdotti gli strumenti digitali per la progettazione e la realizzazione delle interfacce grafiche e dello sviluppo front-end. Gli studenti sono invitati ad approfondire le tematiche trattate tramite la pratica, la bibliografia di approfondimento e le risorse disponibili in rete. ! Adobe Photoshop® o Gimp • Dimensioni, guide, livelli, testo, strumenti di seleziona (base), campiture e colori • Manipolazione delle immagini digitali, scontorni, strumenti di selezione (avanzati), timbro • Formati grafici, compressioni e salvataggio ottimizzato ! HTML 5 e CSS 3 con Notepad ++ o Sublime Text • TAG base: Hn, P, A, IMG, UL/OL, TABLE • DIV e SPAN • Introduzione all’HTML 5 e ai TAG semantici ! • • • • • ! Sintassi, regole, selettori, semi/classi Testing e debug Formattazione del testo, colori, sfondi e immagini Navigazione, menu, UL e LI Box model e posizionamenti Responsive [b] • Design responsive • media query e device ! ! laboratorio progettuale Il laboratorio progettuale propone un brief di progetto da realizzare in gruppi di 3 studenti che permette di mettere in pratica sia gli insegnamenti teorici delle lezioni frontali che l’uso degli strumenti informatici. ! Bibliografia e approfondimenti Comunicazione visiva e multimodale: programma Letizia Bollini & Andrea Gerino, con Paolo Rocchi ! ! • • • • • • • • Bollini, L. (2008). Registica multimodale. Il design dei new media. Santarcangelo: Maggioli Editore Boulton, M. (2009). A Practical Guide to Designing for the Web. Fivesimplesteps Marcotte, E. (2011) Responsive-web-design. A Book Apart Wrobleski L. (2011). Mobile first. A Book Apart Troiani, G. (2011). CSS. Terza Edizione. Milano: Apogeo Troiani, G. (2013). Responsive web design. Milano: Apogeo William, R. (2008). The non-designer’s design book. (3rd edition). Berkley: Peachpit Press Web Design Style Guide, 3rd Edition http://webstyleguide.com/wsg3/index.html 2014-15
© Copyright 2024 ExpyDoc
