Tutoriaux - Créer son site internet

La charte graphique d'un site

La charte graphique ou le visuel d'un site, comprend tout ce qui représente l'aspect esthétique et design de votre site, à savoir, le logo, les couleurs, les polices, les éléments graphiques (puces, séparateurs, aspect des images...), etc...

Cet élément est primordial, car il va représenter l'identité de votre site internet sur la toile.
En général, on se souvient d'un site par son atractivité visuelle, son érgonomie et son contenu.
Le visuel va de paire avec la mise en page que nous verrons en détail plus tard.

voir la mise en page

Pour créer une charte graphique, il existe 2 méthodes, 2 écoles :

  • Les puristes, qui préfèrent un style visuel simple et épuré, avec un minimum de graphisme.
  • Les graphistes, qui partent sur une recherche visuelle et design.

Les deux méthodes se valent, aucune n'est meilleure que l'autre, seule vos compétences en graphisme et dessins vous feront choisir l'une à l'autre, c'est pourquoi je vous propose de découvrir ces deux procédés.

NB : la méthode simple n'exclue pas l'utilisation d'éléments graphiques, en fait leurs utilisations sont simplement restreintes aux bandeaux, logos, zones de contour d'un bloc...

Une fois la charte définie, il faut penser à placer les différents éléments suivants :

  • Le logo : il doit toujours être à la même place dans chacune des pages, par exemple en haut à gauche.
  • Le ou les menus de navigation : intégrer un lien pour revenir à la page d'accueil du site. Deux types de menu sont possibles, le menu latérale (à gauche et/ou droite) et le menu linéaire (en haut et/ou en bas).
  • En bas de page : placez les informations sur le copyright, éventuellement un lien sur les mentions légales applicables au site les éventuels logos de validation et de syndication (RSS) de votre site.
    Un lien vers l'e-mail du webmaster du site peut être également ajouté, sauf si vous prévoyez une page de contact spécifique à cet effet.

Avant de sélectionnez l'une de ces méthodes de travail, faites des croquis du ou des différents aspects visuels que prendront vos pages.

croquis de présentation d'une charte graphique

Vous pouvez apporter une différenciation visuelle à chaque partie de votre site en déclinant votre charte graphique de plusieurs couleurs ou en utilisant des présentations visuelles différentes : par exemple si vous souhaitez créer un site ayant une partie grand public, une partie professionnelle et un intranet.
Attention !!! Attention si vous créez plusieurs chartes, essayez tout de même de garder un certain esprit commun.

 

La méthode simple La méthode graphique

Haut de page

Vérifier la validité de cette page xhtml1-transitional Vérifier la validité de la feuille de styles CCS 2