La charte graphique d'une application web

La charte graphique comme son nom l’indique s’intéresse à tous les éléments graphiques que compose l’identité visuelle de votre application, marque et entreprise. C’est généralement une partie du cahier des charges de votre projet de création de site web. Mais elle peut également être un document à part entière. Le plus souvent, c’est un graphiste ou web designer qui la rédige. Ce dernier travaille en agence ou en free-lance. Cette charte comprend les critères essentiels de votre application comme les couleurs, les logos, les polices utilisées, les signes, etc. Ce document est un outil indispensable pour votre équipe et les prestataires avec lesquels vous allez travailler pour l’avancement de votre projet de site web.

De ce fait, on peut découper la charte graphique en deux divisions :

Dans un premier, on se concentre sur l’identité visuelle et graphique. Cette dernière englobe les éléments suivants :

1. Le logotype : c’est la représentation du logo, celui qui va être utilisé sur les surfaces print et web. Généralement, il est présenté avec ces déclinaisons dont une en noir et blanc pour des impressions. On décrit aussi ses couleurs, ses dimensions et sa position sur l’application web. On cite des préconisations sur les choses à faire et à proscrire.
2. La palette de couleurs : c’est les différentes couleurs qui définissent l’identité de l’application et de l’entreprise. Elle se base sur le célèbre nuancier Pantonne, chaque couleur a un nom et un numéro. On note également les couleurs numériques RV ainsi que qu’HEX, et les couleurs d’impression CMJN.
3. La typographie : c’est les polices que vous allez utiliser sur votre site web et les différentes règles en lien avec leurs utilisations. On détaille également les noms de ces polices et les présente visuellement.
4. Les éléments de graphisme : ce sont tous les autres éléments qui composent le design de votre application web tels que des filigranes et des formes de type géographique.
5. Les images : c’est la présentation des différentes images que vous utiliserez sur votre site web, les préconisations sur leurs utilisations et sur quelles images choisir. On décrit ici aussi la taille des images utilisées.
6. Les règles en lien avec ces éléments graphiques

La seconde partie regroupe :

1. La pagination : ce sont les règles liées à l’organisation et la disposition (visuelle et textuelle) des pages web.
2. Les templates : ce sont les modèles prêts à être utilisés avec les éléments graphiques cités ci-dessus, par exemple des templates pour des visuels.

Alors, la charte graphique est dotée de plusieurs parties sur lesquelles il faut réfléchir et travailler avec votre équipe. Celle-ci doit avoir une cohérence avec l’image de votre application.