Come creare una pagina Progetto Web con Photoshop

Siti sono stati intorno dal 1991, quando Tim Berners-Lee ha creato il primo , solo testo pagina web che fornisce informazioni sul progetto World-Wide -Web . Da allora , i siti web sono stati molto popolari come hub personali, commerciali , di intrattenimento e di istruzione . Negli ultimi anni, la progettazione di siti web ha fatto passi da gigante . Web design è ora molto sofisticato , e ha avanzato abbastanza per rivaleggiare con la secolare campo del design di stampa in termini di qualità e artigianalità . Cose che ti serviranno
Un computer
Adobe Photoshop
Show More Istruzioni
1

Sketch il tuo sito con carta e matita . Anche se i computer sono diventati il modo standard per creare i supporti visivi , il modo migliore per iniziare il processo di progettazione è di delineare le vostre idee fuori e affinare manualmente. Gli schizzi non devono essere niente di particolare ; scarabocchi sarà sufficiente , a patto che vi danno un'idea di ciò che il layout del sito sarà simile
2

scaricare un modello di griglia di Photoshop. . Sistemi di Grid nel web design sono importanti quanto a design di stampa . La larghezza standard per i siti web , per la compatibilità tra le risoluzioni dello schermo e le impostazioni del browser , è 960 pixel . Quindi, trovare un sistema di griglia bene che utilizza lo standard larghezza di 960 pixel e scaricare il modello di Photoshop. Ci sono un sacco di eccellenti risorse di rete del sito web disponibili online .
3

iniziare ad impostare il layout . Allineare il contenuto delle colonne del modello di griglia. Navigazione di solito va lungo la parte superiore o sul lato sinistro della pagina . Il logo del sito di solito va in alto a destra . Twitter e RSS icone di solito vanno in alto a sinistra . I visitatori del sito , come per trovare le cose dove li aspettano , quindi continuate a posizionamenti standard, per un design di successo . Quando si è finito di impostare il tuo sito nel modo che vuoi, salvarlo come un formato di file PSD ( Photoshop) .
4

Selezionare lo strumento " Slice " nel pannello degli strumenti di Photoshop . Fare clic e trascinare per separare le divisioni principali del sito. Fette di creare sezioni di un sito che verrà poi salvato come immagini separate . Questo rende più facile da codificare il sito web in HTML e CSS e farlo sembrare come ha fatto in Photoshop .