CATALOGUE Design et Infographie Formation Sketch Atelier Sketch 3 - Créer une maquette web

Détails de la leçon

Description de la leçon

Dans cette leçon, nous couvrirons les étapes nécessaires pour créer un footer professionnel pour votre site web. Tout d'abord, nous commencerons par créer un fond bleu pour marquer la différence avec le reste de la page. Vous apprendrez à réduire la taille de la page d'accueil pour ajuster correctement votre footer, et comment utiliser les commandes de votre clavier pour optimiser sa taille.

Nous continuerons en ajoutant divers éléments comme le sitemap du site, et en modifiant les styles pour assurer une uniformité esthétique. Cet ajout comprendra l'utilisation de la pipette pour changer les couleurs, la mise en majuscules des textes, et la division en parties distinctes pour une meilleure lisibilité.

Nous intégrerons également une ligne de séparation et repositionnerons le logo du site dans le footer. Enfin, nous ajouterons des informations de contact telles que l'adresse électronique et le téléphone, et apprendrons à centrer ces éléments efficacement.

Afin de garantir une bonne organisation et une meilleure manipulation, nous regrouperons différents éléments et apprendrons à les aligner correctement. Cette leçon se conclut par la création d'un symbole 'footer' pour faciliter l'application sur d'autres pages de votre site web.

Objectifs de cette leçon

Les principaux objectifs de cette vidéo sont de vous apprendre à :

  • Créer un footer visuellement distinct.
  • Intégrer des éléments essentiels comme un sitemap et des informations de contact.
  • Utiliser des commandes clavier pour optimiser la taille et l'alignement des éléments.
  • Créer des symboles réutilisables pour d'autres pages du site web.

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez avoir une connaissance de base en design web, être familier avec les outils de design graphique et comprendre les principes d'édition de texte et d'image.

Métiers concernés

Les compétences acquises dans cette vidéo sont applicables dans des métiers tels que :

  • Web designer
  • Développeur front-end
  • Intégrateurs web
  • Directeur artistique numérique

Alternatives et ressources

En dehors de la méthode présentée, vous pouvez utiliser d'autres logiciels de design tels que Sketch, Figma ou même des éditeurs de code HTML et CSS avec des frameworks comme Bootstrap ou Tailwind CSS.

Questions & Réponses

Un fond bleu est utilisé pour distinguer visuellement le footer du reste de la page, créant une séparation claire.
Pour centrer les éléments dans le footer, sélectionnez-les et utilisez les options d'alignement de votre logiciel ou les commandes clavier appropriées.
Créer un symbole 'footer' permet de réutiliser le même design sur plusieurs pages, assurant ainsi une uniformité et simplifiant les mises à jour futures.