Disegno Layout Web

PROGRAMMA

• Di cosa si occupa l’usabilità.
• Progettare la navigazione.
• Progettare home page.
• Come si orientano gli utenti
• Utilizzare un prototipo per progettare l’interazione
• Cosa sono i wireframe, e il loro utilizzo nella progettazione
• Usare il prototipo per progettare interazione.
Esercitazioni pratiche:
• creazione del prototipo di un sito web, partendo da casi lavorativi reali
• La dimensione del documento. Quanto è grande una pagina web?
• Photoshop: organizzare lo spazio di lavoro
• Photoshop: come usare il prototipo e il wireframe dentro photoshop
• Photoshop: l’interfaccia del programma, le palette e le barre degli strumenti
• Photoshop: la palette dei livelli
• Photoshop: le forme e gli effetti di livello
• Photoshop: le selezioni
• Photoshop: le maschere
Principi di impaginazione grafica:
• Vicinanaza
• Ritmo
• Similitudine
• Chiusura
• Rapporto figura sfondo
• Come scegliere i colori
• Strumenti per la scelta dei colori
• La palette dei colori e l’utilizzo di Adobe Kuler
• Tipi di armonie
• per contrasto
• per analogia
• monocromatiche
• Usare gli Stili in Adobe Photoshop
• Creazione di bottoni
• Creazione di effetti di profondita
• Impostare la grafica di un menu di navigazione
Sfruttare le proprietà di ripetizione dei css:
• sfondi con gradienti di sfumature.
• usare i pattern
• Tecniche per la creazione di effetti grafici per lo sfondo della pagina
• Progettazione modulare
• Tecniche di ritaglio delle immagini
• Effetti visivi: Creazione di sfondi astratti
• Effetti visivi: Importare pennelli personalizzati
• Effetti visivi: Creare effetti di rilievo ombra e chiaroscuro.