Introduzione

Questa guida nasce come tutorial dedicato alla costruzione di un’interfaccia di un sito con Adobe Photoshop CS. Realizzando un layout completo da zero, affronteremo tecniche e competenze indispensabili per chi desidera occuparsi di web design.

Disegneremo un layout dalla struttura molto comune sul web, in modo da poter scoprire gli aspetti principali del web design, affrontando le problematiche con cui capita spesso di confrontarsi.

Vedremo inoltre alcune “variazioni sul tema”, ossia come trasformare la stessa interfaccia o alcuni dei suoi elementi in uno stile diverso, ad esempio giocando con il colore oppure cambiando l’aspetto grafico dei dettagli.

Per facilitare l’esecuzione delle procedure, è possibile scaricare i file di lavoro in formato .psd (compatibile anche con le versioni precedenti di Photoshop) che accompagnano i tutorial.

Il web design è un campo molto vasto, che richiede diversi tipi di competenze, che vanno oltre il sapere usare bene Photoshop o il vostro programma di grafica preferito. È indispensabile infatti conoscere le diverse fasi della realizzazione di un sito, anche se non ve ne occuperete personalmente.

La conoscenza dell’HTML, delle esigenze della programmazione e dei vincoli tecnici dei vari browser vi aiuterà a scegliere le soluzioni grafiche migliori rispetto al progetto e a realizzare interfacce funzionali e veloci da caricare, pur senza rinunciare alla creatività.

Le lezioni puntano l’attenzione sui principali aspetti della creazione grafica, rinviando la trattazione degli altri argomenti (HTML, programmazione, usabilità, architettura informativa, ecc.) ad altre risorse su HTML.it .