Lab WEB DESIGN

Premessa:
La fase più importante della progettazione di un sito web è l'organizzazione delle informazioni.

1. Determinare il contenuto del proprio sito.
2. Definire gli obiettivi del progetto (messaggio e scopo)
3. Specificare l’utenza
4. Produrre un flowchart della struttura (creare prospetti e suddividere le informazioni in sezioni e sottosezioni, e pensare alle interrelazioni tra le sezioni create)

Creare con Macromedia Fireworks un template di colori di base per la realizzazione del progetto finale (colore di background, colore in primo piano, colore del testo, colore dei link, etc.) tenendo in considerazione i colori websafe, colori complementari e i contrasti di colore.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi pellentesque pulvinar neque. Fusce pellentesque facilisis enim. Nulla et erat. Nulla facilisi. Curabitur lectus odio, semper eget, porttitor vitae, ullamcorper a, sapien. Nullam a est ac ante tempus gravida. Nullam pellentesque nunc eu mi. Donec tempus tempor nunc. Praesent non massa nec ipsum interdum vulputate. Sed porta, est non volutpat ornare, risus odio ullamcorper nisi, vitae feugiat velit lorem ut odio. Proin orci lacus, mattis sed, rutrum vitae, fermentum quis, felis. Etiam vestibulum interdum nisi. Integer congue dui sit amet urna. In vel ante. Nulla vestibulum auctor metus. Donec nisi nisl, ultrices vel, ultrices at, nonummy et, sem. Phasellus pellentesque mi at justo consequat aliquam. Proin hendrerit sodales nulla.
Di cosa si tratta...
Cosa ho usato...

LIBRI:
G. Dorfles, Introduzione al disegno industriale, Torino, Einaudi.
T. Maldonado, Disegno Industriale: un riesame, Torino, Einaudi.
B. Munari, Design e comunicazione visiva, Bari-Roma, Laterza.
D. Norman, La caffettiera del masochista, Firenze, Giunti.

Laboratorio di Web Design 2005_06

Il laboratorio di Web Design è finalizzato allo studio, sviluppo ed analisi dei siti Web dal punto di vista grafico, ponendo particolare attenzione all'estetica, all'ottimizzazione delle immagini e all'usabilità.

Introduzione al corso
Cosa vuol dire “design” in relazione al Web
Elementi e principi base di design
La grafica per il Web
Immagini (Vettoriali vs. bitmaps)
Formati: png, gif, jpg
Ottimizzazione ed esportazione
I colori per il Web
Suddivisione Leggibilità e psicologia colori web safe
La tipografia per il web
Variabili di un progetto web
I browser
La risoluzione dello schermo
La velocità di connessione
Cross-Browser e Cross-Platform Design
Il progetto web
L'organizzazione delle informazioni e i modelli informativi
Graphic User Interface
Cos'e’ un'interfaccia
Page layout e risoluzione
Barre di navigazione
Rollovers
Usabilità
Introduzione all’HTML
Introduzione ai fogli di stile