Quando si crea un sito web, a volte la parte più difficile è determinare il layout . Adobe Photoshop fornisce un modo semplice e veloce per creare un sito web mockup . Utilizzando strati e una combinazione di strumenti di progettazione di Photoshop , il processo di riorganizzazione l'aspetto grafico del tuo sito web è possibile risparmiare ore . Istruzioni
1
Determinare la dimensione del tuo sito web tela finto basato sul vostro pubblico . Ad esempio, per un pubblico che ancora utilizza un monitor a tubo catodico a bassa risoluzione , si vorrebbe utilizzare una dimensione di tela che è larga 760 pixel . Tuttavia, per un monitor a schermo piatto con la risoluzione impostata a 1024 per 768 , si vorrebbe usare una tela che è largo 975 pixel . Creare un nuovo documento e impostare le dimensioni della tela .
2
determinare il layout del sito. Utilizzare quadrati semplici o ellissi per delimitare le diverse sezioni per il tuo mockup . Ad esempio , delimitare uno spazio per il banner in alto , la bandiera lato , il contenuto e il piè di pagina . Creare ogni funzione su un nuovo livello in modo da poter riorganizzare facilmente il sito web.
3
Determinare la dimensione del carattere e riempire le sezioni che contengono il testo con testo segnaposto . Facendo una rapida ricerca sul web per Lorem Ipsum , un discorso latino usato dai progettisti per vedere come apparirà il testo su una pagina , genererà questo testo per voi . Se lo sfondo o qualsiasi altre sezioni saranno costituiti da un colore , riempirli con il colore corretto .
4
Creare la grafica . È possibile utilizzare Photoshop per creare queste immagini , come ad esempio il banner o il logo , o tirare da un'altra posizione . Collocare e posizionare la grafica del sito finto . Selezionare " File " e poi " Place" e individuare l'immagine . Nota : . Mantenere una versione di Photoshop della grafica in modo che è possibile modificare in un secondo momento
5
Ottimizzare e modificare il sito finto fino a quando il sito sembra il modo in cui si desidera guardare . Perché ogni nuova caratteristica è su un livello diverso , è possibile spostarsi rapidamente intorno sezioni , nascondere le sezioni (clicca sul occhio nel livello pallet) o sostituire immagini e colori .