Lelli – Web Design 14-15 - Accademia di Belle Arti Bologna

!
!
Ministero Istruzione Università e Ricerca
Alta For mazione Artistica e Musicale
!
!
ACCADEMIA DI BELLE ARTI
B O LO G NA
!
Inserire ritratto fotografico e/o foto di un’opera (facoltativo, ma suggerito)
!
!Prof. Andrea Lelli
!Materia di insegnamento: Web design
!Ricevimento: il Lundì dalle 17,30 alle 18 Aula Soppalco - 118
!e-mail: alelli @ koinema.com
!Programma della materia
!
Via Belle Arti 54 – 40126 Bologna – Italy – phone 051 4226411 – fax 253032
C.F. 80080230370
!
!
Ministero Istruzione Università e Ricerca
Alta For mazione Artistica e Musicale
!
!
ACCADEMIA DI BELLE ARTI
B O LO G NA
!
Il programma prevede l'insegnamento di teoria e pratica del web design. Saranno illustrate le
regole generali che governano il web design, i suoi strumenti e le sue potenzialità come
linguaggio. L'attività laboratoriale affronterà la realizzazione concreta di un sito web: concetto
creativo, obiettivi di comunicazione, struttura di navigazione, progettazione grafica,
impaginazione, colore, tipografia, montaggio in html e css. !
!
1) Che cosʼè il web design !
Breve storia del web design. Funzionamento di un sito web. Potenzialità del linguaggio web
design rispetto agli altri linguaggi. !
!
2) Organizzazione dei contenuti e mappa del sito !
Cenni teorici di architettura dell'informazione e design di contenuti per il web !
!
3) Progettazione grafica di un sito !
Elementi generali di design grafico. Concetti di coerenza e enfasi. Progettazione del design di !
un sito. Layout liquidi e a dimensione fissa. !
!
4) Concept creativo !
Il concept di comunicazione e stile. Raccontare e interpretare il tema. !
!
5) Impaginazione e design dei contenuti per il web !
Costruzione della gabbia di impaginazione. Concetti di ergonomia nel design dellʼinterfaccia. !
Rapporto tra estetica e funzionalità. Accessibilità, usabilità e semplicità. L'esperienza dellʼutente !
come obiettivo. Codici funzionali di web design: come l'estetica suggerisce l'utilizzo. !
!
6) Tipografia e colore !
Brevi cenni generali di tipografia e teoria del colore. Vincoli e potenzialità tipografiche nel !
web design. Modelli cromatici. Principi da seguire per le scelte di colore nel web design. !
!
7) Montaggio in Html !
Montaggio di un sito in Html e CSS. Le immagini sul web: differenze tra i diversi formati. !
Brevi cenni di Flash. Compatibilità con sistemi operativi e browser. Reperibilità sui motori di !
ricerca. !
!
8) Le applicazioni del web design !
Analisi delle diverse tipologie di web design applicate a seconda dei contesti: siti istituzionali, !
siti esperienziali, applicazioni web, siti informativi, siti di narrazione, siti di e-commerce, net- !
work sociali, e così via.!
!!
Bibliografia:
Via Belle Arti 54 – 40126 Bologna – Italy – phone 051 4226411 – fax 253032
C.F. 80080230370
!
!
Ministero Istruzione Università e Ricerca
Alta For mazione Artistica e Musicale
!
!
ACCADEMIA DI BELLE ARTI
B O LO G NA
!
!
!
W. Lidwell, K. Holden, J. Butler, Universal Principles of Design!
B. Moggridge, Designing Interactions!
J. Zeldman, Designing with Web Standards, Taking Your Talent To The Web!
P. Morville, L. Rosenfeld, Information Architecture for the World Wide Web"
J. Maeda, Le leggi della semplicità!
S. Krug, Don't Make Me Think
Kevin Airgid, Web Designer’s Success Guide"
R. Hoekman Jr., Designing the Obvious: A Common Sense Approach to Web Application Design
Mark Boulton, A Practical Guide To Designing For The Web
37 Signals, Getting Real
Richard Rutter, A Practical Guide To Web Typography
!!
!Profilo professionale:
!
Andrea Lelli è un designer con oltre 15 anni di esperienza nella comunicazione strategica e
visuale.
!Comincia come cartoonist, dopodichè lavora come art director per svariate agenzie. Dal 2000
al 2004 è direttore creativo di una delle principali agenzie web italiane. Nel 2004 fonda
Koinema, studio di design digitale.
!Nel corso degli anni ha gestito progetti digitali per clienti quali Dolce&Gabbana, Lamborghini,
Citroën, Panini, Marazzi, RAS Assicurazioni, Principe di San Daniele, Dole, Volvo, Eridania,
Jacuzzi, Omas, Barovier&Toso, Meliconi, Spreaker, Versace, DSquared2.
!Dal 2009 si occupa di startup e prodotti digitali.
!Dal 2007 è Professore di Web Design all'Accademia Belle Arti di Bologna.
!!
!!
Via Belle Arti 54 – 40126 Bologna – Italy – phone 051 4226411 – fax 253032
C.F. 80080230370
!
!
Ministero Istruzione Università e Ricerca
Alta For mazione Artistica e Musicale
!
!
ACCADEMIA DI BELLE ARTI
B O LO G NA
!
!Data 22/9/2014
_____________________________
firma
!
Via Belle Arti 54 – 40126 Bologna – Italy – phone 051 4226411 – fax 253032
C.F. 80080230370