Come fare Layout senza utilizzare Photoshop

February 24

Come fare Layout senza utilizzare Photoshop


Utilizzando Photoshop per progettare il vostro sito web richiede un investimento significativo per imparare gli angoli più riposti di Photoshop. Questo non è necessario per fare un, progetto di layout di massima pulita da utilizzare per codificare il vostro sito web. Utilizzando Photoshop può ingannare l'utente a perdere tempo con effetti complessi e trucchi di design che in realtà non sono necessari e sono enormi blackholes di tempo per l'avvio. Un ritorno alle origini e liberare un po 'di tempo. Iniziamo!

istruzione

1 Scegliere se si vuole progettare la tua pagina con la carta in modalità orizzontale o verticale. Ritratto vi permetterà di progettare una pagina più lunga, mentre il paesaggio vi darà la zona ricca di quello che sarà visibile al vostro spettatore senza scorrere verso il basso nella tua pagina.

2 Iniziare a disegnare le forme di base del tuo sito web. Ciò include una scatola di testa che potrebbe andare lungo la parte superiore, un piè di pagina nella parte inferiore per mostrare il vostro diritto d'autore e le informazioni sull'autore, e una barra di navigazione sulla parte superiore o sui lati sinistro o destro della pagina. Considerate dove potrete mettere il testo e dove si mettere le immagini e porre queste aree in rettangoli pure.

3 Inserisci il tuo pagina con contenuti per farlo venire alla vita. Disegnare alcune figure stilizzate o una catena montuosa greggio nelle vostre caselle di immagini e scarabocchiare con la penna o una matita dove si aspetta di avere il testo. Stampare qualsiasi testo che apparirà nell'intestazione, piè di pagina, o il pannello di navigazione. Infine, ombra nelle diverse aree del sito, utilizzando più scuri, colori più intensi per la backgroudn nelle aree più importanti e le tonalità più chiare per la minore delle informazioni (come dietro il corpo del testo). Utilizzare sfumature di colore per formare una gerarchia in modo che gli utenti possano determinare l'importanza delle informazioni sulla vostra pagina a colpo d'occhio.

Consigli e avvertenze

  • Si consiglia di inserire tra parentesi mostrano quanto grande ogni pannello o sezione della pagina sarà. È possibile inserire manualmente dalla dimensioni in pixel, o come percentuale dell'area dello schermo. Queste informazioni saranno molto utili quando si inizia la codifica pagina HTML sul computer.