Lors de la création d'un site web , parfois la partie la plus difficile est de déterminer la mise en page . Adobe Photoshop fournit un moyen rapide et facile de créer un site web maquette. En utilisant des couches et d'une combinaison des outils de conception de Photoshop , le processus de réorganisation du look and feel de votre site web peut vous épargner des heures . Instructions
1
Déterminer la taille de votre toile site web maquette en fonction de votre auditoire. Par exemple, pour un public qui utilise toujours un moniteur à tube cathodique de faible résolution , vous souhaitez utiliser une taille de toile qui est 760 pixels de large. Cependant, pour un moniteur à la résolution fixée à 1.024 par 768 à écran plat, vous souhaitez utiliser une toile qui est de 975 pixels de large . Créez un nouveau document et définir la taille de la toile.
2
déterminer la disposition du site . Utilisez des carrés ou des ellipses simples pour délimiter les différentes sections de votre maquette. Par exemple, délimiter un espace pour la bannière , la bannière de côté , le contenu et le pied de page . Créer chaque fonction sur un nouveau calque de sorte que vous pouvez facilement réorganiser le site.
3
Déterminer la taille de la police et de remplir les sections qui contiennent du texte avec le texte de l'espace réservé . Faire une recherche rapide sur Internet pour Lorem Ipsum , un discours latin utilisé par les concepteurs de voir comment le texte se penchera sur une page, va générer ce texte pour vous. Si le fond ou les autres sections seront composées d'une couleur, remplissez-les avec la bonne couleur .
4
Créer des graphiques . Vous pouvez utiliser Photoshop pour créer ces graphiques , tels que la bannière ou logos , ou les tirer à un autre endroit . Placer et positionner les graphismes du site fictif. Sélectionnez "Fichier " puis " Place" et naviguez vers l'image. Note: . Gardez une version de Photoshop des graphiques afin que vous puissiez les modifier ultérieurement
5
affiner et modifier le site jusqu'à ce que le simulacre site regarde la façon dont vous voulez qu'il regarde . Parce que chaque nouvelle fonctionnalité est sur un calque différent , vous pouvez vous déplacer rapidement autour de sections , masquer des sections ( cliquez sur l'oeil dans la palette de calques) ou remplacer les images et les couleurs .