Structure – Charte graphique – Mise en page

Structure du site

Il s’agit de l’arborescence du site qui est en général fort proche de votre menu principal.

Elle doit être pensée AVANT de commencer quoi que ce soit !

Pourquoi « fort proche » et pas identique au menu ?
Il se peut que certaines entrées de votre menu pointent sur différentes parties de la même page au lieu d’une page différente.

Exemple :

La page « Maladie » pourrait contenir à la fois sa « Description » et son « Diagnostic ».
Les entrées de votre menu pointeront donc sur la même page mais à des endroits différents.
(cela se fait avec des « ancres »; nous verrons cela).

Note :

L’entrée « Accueil est facultative. On retourne généralement à la page d’accueil via un clic sur le logo du site.

Charte graphique

La mise en place d’une charte graphique est un exercice qui demande réflexion et … inspiration.

Votre charte doit définir :

  • Les couleurs de votre site, comme par exemple couleurs charte
    Lien intéressant : roue chromatique Adobe Kuler
    Choisir une palette : colorhunt
  • Le choix du fond (parfois deux dont un pour les titres) et des tailles pour vos différents niveaux de titre, etc.
  • La standardisation de vos « Boutons », vos bordures, etc.

Mise en page

  • Alternez, par exemple, le fond de vos différentes sections.
  • Déterminez le nombre de colonnes de chaque section.
  • La taille et le nombre de vos images par rapport au texte.
  • Tenez compte de l’affichage sur téléphone et tablette
  • Etc. 
Structure – Charte graphique – Mise en page