Design graphique

Charte graphique

La charte graphique est un document de spécification de l'interface. Elle définit précisément les éléments graphiques constituant l'identité visuelle de l’application.

Charte graphique

La charte graphique de l'interface est réalisée par un binôme ergonome-graphiste afin d'intégrer efficacement les principes ergonomiques dans le design de l'interface.

Conception de la charte graphique

Un binôme ergonome-graphiste réalise la charte graphique. Celle-ci s'applique à définir :

  • Les gabarits d'écran de l’application,
  • La description des éléments de l'interface : bouton de commande, champ de saisie, radio bouton, case à cocher, liste, etc.
  • Les polices de caractères utilisées, la taille et la couleur des caractères.

Pour les applications web, afin de pouvoir mettre en œuvre facilement et rapidement la charte graphique, nous réalisons également la feuille de style CSS et les gabarits XHTML (option).

Découvrez le design des interfaces réalisées avec nos clients.

Planning
5 - 10 jours

Livrable : Charte graphique

Le document de charte graphique précise:

  • L’organisation visuelle et les cotes en pixels des écrans de l’application,
  • Les codes couleur,
  • Les polices de caractères.

Les choix graphiques sont figurés visuellement, concrétisés par des gabarits de pages et des zooms sur des éléments d’interfaces (boutons, icônes, liens...).

L’objectif est de s’appuyer sur la charte graphique pour construire les pages HTML et la feuille de style CSS lors du développement du site.

La charte graphique est présentée et revue avec l’équipe de développement pour vérifier sa faisabilité en fonction des contraintes techniques liées au poste client et aux outils de développement.

Extrait d'une charte graphique : Spécification d'un tableau de données
La charte graphique précise les cotes, les polices de caractères et les codes couleur
Extrait d'une charte graphique : spécification des boutons de commande
Chaque élément de l'interface est décrit dans la charte graphique

Références

ADP-GSI France, AG2R, Amadeus France, Business Document, Caisse Centrale de Réassurance, Caisse Nationale des Caisses d’Epargne, Centre Hospitaliser de Rouffach, Voluntis