En crear un lloc web, és molt important la fase de representació del disseny de la pàgina, que posteriorment es compondrà i publicarà a la xarxa. En aquest article, aprendreu a utilitzar Adobe Photoshop per dibuixar un disseny competent per a un lloc web, sobre la base del qual podreu formar dissenys més complexos.
És necessari
Programa Adobe Photoshop
Instruccions
Pas 1
Creeu un fitxer nou a Photoshop (Ctrl + N) amb les dimensions 1040x1400, on 1400 sigui l'alçada. Activeu la visualització de regles (Ctrl + R) i configureu els píxels com a unitats de mesura a la configuració de la regla.
Pas 2
Comenceu a estirar les guies perquè s'adaptin als límits de les caixes de disseny. Estireu les vores laterals de manera que queden 40 píxels a les vores. Les vores superior i inferior també haurien de deixar 40 píxels a cada costat fins a les vores del fons.
Pas 3
A continuació, seleccioneu una guia de 200 px cap avall des de la part superior del fons per a la capçalera superior.
Pas 4
Per formar les barres laterals a l'esquerra i a la dreta del disseny, configureu les guies 240 píxels des de la vora de fons cap a l'esquerra i 800 cap a la dreta.
Pas 5
5px cap endins des de les barres laterals esquerra i dreta i dibuixeu dues guies verticals més. A continuació, arrossegueu dues guies més de 245 px a l’esquerra i 795 px a la dreta.
Pas 6
Ara mesureu des de la vora de la capçalera 30 px i dibuixeu una guia horitzontal per al menú horitzontal.
Pas 7
Seleccioneu l'àrea estreta del menú horitzontal que acabeu de marcar amb una selecció rectangular amb la tecla M. Seleccioneu l'eina d'ompliment i ompliu l'àrea amb un color gris clar neutre.
Pas 8
Seleccioneu l'eina d'ompliment i ompliu l'àrea amb un color gris clar neutre. Feu clic al menú "Selecciona-Modifica-Comprimeix", especifiqueu una opció d'1 píxel i feu clic a "D'acord". Ompliu l'àrea amb un to de gris més clar: tindreu un marc de menú.
Pas 9
Creeu una capa nova i seleccioneu una imatge adequada per a la icona o el logotip del lloc i, a continuació, obriu-la.
Pas 10
Inseriu una imatge en una nova capa a la capçalera, situant-la a la vora esquerra. A la dreta de la imatge, escriviu el títol del text del lloc amb qualsevol tipus de lletra.
Pas 11
Dissenyeu els blocs del lloc web amb el mateix esquema de colors que la capçalera de nova creació. Seleccioneu l'àrea de la barra lateral esquerra i realitzeu-hi les mateixes operacions de farciment de dos colors que amb el bloc de menú.
Pas 12
Feu el mateix amb el bloc central de contingut. Copieu la capa de la barra lateral esquerra i col·loqueu-la com a barra lateral dreta.
Pas 13
Afegiu text al vostre disseny: trieu un tipus de lletra neutral i empleneu els títols del menú, exemples de notícies, fotos, etiquetes i enllaços.
Pas 14
Acabeu el disseny creant un "peu de pàgina" o peu de pàgina: anoteu-hi els vostres drets d'autor i els vostres contactes.
