Dopo aver imparato diverse cose leggendo i tutorials su PhotoShop CS3 di FlepStudio, è giunta l’ ora di vedere come creare un layout per un sito web.
In questo tutorial attraverseremo il processo di design necessario alla costruzione di una semplice homepage.
La prima cosa che dobbiamo tenere a mente è che non tutti gli utenti di internet utilizzano la stessa risoluzione sui loro monitor.
Dobbiamo quindi impostare il nostro layout in modo tale che sia ben visualizzato su tutte o quasi tutte le risoluzioni.
Sceglieremo un layout che abbia 850px di larghezza affinchè sia visibile su tutte le risoluzioni superiori o pari a 1024×768px.
E’ tecnicamente consigliabile farlo ancora più piccolo affinchè possa esser visualizzato su monitor impostati a 800×600, ma di monitor di quel tipo se ne vedono ormai davvero pochi.
Creaiamo un nuovo documento che sia abbastanza grande da contenere il nostro layout.
In genere mi piace lavorare su un’area di 2000×2000px, in modo tale da avere abbastanza spazio in altezza per sviluppare i contenuti a piacimento.
Quella dimensione consente inoltre di avere molto spazio vuoto ai lati del layout da poter utilizzare per fare prove di diverso tipo.
Attiviamo il righello sul nostro documento premendo CTRL+R sulla nostra tastiera, e impostiamo la grandezza a “Pixel” cliccandoci sopra col tasto destro del mouse.
Calcoliamo i nostri 850px e trasciniamo le guide corrispondenti sul nostro documento…
{ 0 comments… add one now }