Comment faire un site web rapide et facile maquette

Création d`une maquette est la première étape de la planification de la conception de votre site Web.

Création d`une maquette est la première étape de la planification de la conception de votre site Web.

Création d`une maquette est l`une des premières étapes dans la construction d`un site Web. Le terme "maquette" est souvent utilisé de manière interchangeable avec "wireframe," mais ils ne sont pas tout à fait la même chose, même si les deux sont importants pour la planification de votre site. Une maquette est la conception visuelle du site, alors qu`un wireframe se concentre sur le contenu et la fonction du site.

Bien qu`une maquette est essentielle pour le développement de votre site, il n`a pas besoin d`être compliqué ou beaucoup de temps pour créer un. Tant que vous capturez l`idée du site, il n`a pas d`importance si vous allez haute technologie (logiciel de conception graphique) ou pas tech (papier et crayon).

Déterminer la structure de base de votre site. Pensez à des choses telles que le nombre et l`emplacement des colonnes et des éléments clés que vous souhaitez voir apparaître au-dessus du défilement.

Briser la page dans les zones désignées pour la navigation, en-tête, le contenu du texte et vidéo ou encore le contenu. Vous pouvez constater que vous rééquilibrer les proportions du site à travers quelques projets de votre maquette.

Video: CREER UN SITE ? HTML/CSS #1 - LES BASES

Sélectionnez les images pour les principaux éléments visuels qui évoquent le sentiment que vous voulez pour le site. Ceux-ci ne doivent pas être selections- finale "comp" ou "Polynésie française" (Pour le placement seulement) images sont très bien.

Video: Tutoriel Photoshop - Tuto Web Design - Maquette Web avec Photoshop Partie#01

Sélectionnez les polices et les tailles de police. Indiquez le style pour les titres, paragraphes, listes standards et d`autres éléments de texte.

Identifier un schéma de couleurs et étiqueter les éléments de votre site en conséquence.

Conseils

  • vérifier Les maquettes sont un projet de votre site, et vous aurez probablement passer par quelques versions avant de vous installer sur le plan de la conception finale du site. La maquette vous permet d`expérimenter avec une variété d`options avant de commencer à investir dans le développement du site lui-même, alors restez flexible que le site évolue.
  • vérifier Si vous utilisez un logiciel de conception pour créer votre maquette, insérez le texte de l`espace réservé pour voir comment les différentes tailles et poids des flux de texte sur la page.
  • vérifier générateurs de schémas de couleurs en ligne sont un outil précieux à tout stade de la conception du site. Vous pouvez sélectionner des thèmes prêts à l`emploi, les extrapoler à partir de photos ou les images que vous aimez ou créer vous-même.

Les références

  • lien Université de Washington: Apprentissage et érudites Technologies- Site Web de planification: Wireframes et Mockups
  • lien Adobe: Macromedia Dreamweaver- Design Mise en page

Video: Tutoriel Photoshop - Tuto créer un template Web en Flat Design avec Photoshop CC

A propos de l`auteur

Kristen King est en train d`écrire professionnellement depuis 2004. Son travail est apparu dans "iParent" magazine, "Le Journal de la pratique en oncologie," "Publishing Association" et d`autres publications imprimées et en ligne. Le roi a reçu le Prix du président Writers américain indépendant en 2009. Elle est titulaire d`un baccalauréat ès arts en anglais de l`Université de Mary Washington et une maîtrise d`études professionnelles dans l`édition de l`Université George Washington.

Articles connexes