Non seulement les gens sont rencontrés par leurs vêtements, mais aussi par les sites Web. La robe du site est sa conception. Une conception de haute qualité et attrayante de la ressource fait une impression favorable sur les utilisateurs, assurant ainsi leur fidélité et leur volonté de consacrer leur temps à une visualisation ultérieure. En plus de la qualité, l'originalité et l'unicité du design sont importantes. Les sujets usés rebutent les visiteurs. Mais développer un design unique coûte cher. C'est pourquoi de nombreux webmasters novices se demandent comment dessiner un design de site Web de leurs propres mains.
Il est nécessaire
- - crayon;
- - papier;
- - éditeur graphique raster GIMP ou Photoshop;
- - en option: éditeur de graphiques vectoriels (par exemple, CorelDraw);
- - en option: environnement de modélisation 3D (3DStudio, Blender);
- - navigateur moderne;
- - accès à Internet.
Instructions
Étape 1
Développer un concept de conception de site Web. Décidez du style, de la palette de couleurs, de la mise en page (taille de l'en-tête du site, emplacement du menu, blocs de texte, images). C'est bien si le concept de design est basé sur des idées originales. Mais si elles font défaut, vous pouvez vous inspirer de l'analyse des solutions existantes. Par exemple, parcourir les catalogues de thèmes CMS populaires. Le résultat du travail peut être un croquis de la page du site, réalisé au crayon sur une feuille de papier, indiquant les zones de tailles fixes et variables.
Étape 2
Créez un modèle de page de site vierge dans un éditeur graphique raster. Ouvrez un nouveau document dans un éditeur graphique. Les tailles de document doivent être beaucoup plus grandes que la taille de page minimale à la fois horizontalement (même si vous n'avez pas l'intention de créer un design "fluide") et verticalement. Ajoutez un nouveau calque transparent. Dans le calque ajouté, dessinez l'image du modèle de page avec des lignes de 1 pixel d'épaisseur, en respectant les dimensions réelles des éléments. Pour les conceptions de page à largeur fixe, désignez des marges qui seront remplies avec la couleur d'arrière-plan.
Étape 3
Téléchargez sur Internet ou concevez vos propres éléments de conception de page. Le logo et les éléments de conception uniques peuvent être créés dans l'environnement de modélisation 3D, l'éditeur vectoriel ou raster. Un grand nombre d'images thématiques de haute résolution sont contenues dans des photobanques Internet gratuites. Il existe également des collections d'icônes gratuites sur Internet que vous pouvez utiliser librement dans vos projets.
Étape 4
Dessinez une conception de site Web. Ajoutez des calques transparents à un document contenant un modèle de page de site Web dans un éditeur graphique. Sélectionnez et remplissez-les les zones qui correspondent au fond de la page. Remplissez les zones avec un remplissage dégradé et des textures périodiques. Insérez le logo, les images statiques, les icônes. Tracez les limites des blocs. Ajoutez du texte. Placez chaque élément de conception fini, image statique et logo sur un calque séparé. Déplacez les images en couches afin d'obtenir la mise en page requise.
Étape 5
Enregistrez la "source" de travail du design du site au format "natif" de l'éditeur graphique. Cela vous permettra de revenir plus tard à son édition.
