Création de la charte graphique - séance 5
nov
20
2009
Cinquième séance de cours, dans le cadre de la formation proposée aux étudiants SRC Hunan, dispensée par l’IUT Michel de Montaigne, Bordeaux III.
Cette séance a pour objectif de disséquer le contexte et les principes de la création de charte graphique…
Contexte
Après la rédaction des spécifications détaillées et des storyboards et templates (pages modèles du site), l’étape suivante est la création graphique. Celle-ci doit répondre à différentes priorités qu’il n’est pas toujours simple de rendre compatible :
- Le respect du contexte : la charte graphique doit répondre aux exigences exprimées dans le cahier des spécifications détaillées :
- Correspondre à la cible ou aux cibles du site en prenant en compte :
- Les résolutions d’écran dont disposent les internautes cibles du site
- Leur type de connexion Internet
- Leurs habitudes, les sites qu’ils sont habitués à consulter
- Apporter une réponse cohérente aux besoins exprimés dans le cahier des spécifications
- Correspondre à la cible ou aux cibles du site en prenant en compte :
- L’innovation graphique permettant de caractériser le site et de le distinguer des sites concurrents.
En résumé l’infographiste doit faire preuve de créativité en utilisant sa touche artisitique tout en prenant en compte les contraintes exprimées dans le cahier des spécifications.
Exemple de création de charte graphique
Au travers d’un exemple concret nous allons essayer de mettre en valeur les points clés de la création de charte graphique pour les sites Internet.
Une charte graphique pour quel site ?
Dans notre exemple, le client (un hôtelier situé en Chine) souhaite créer un site Internet destiné à une cible de clients internationaux, potentiels voyageurs, qui pourraient envisager de réserver une chambre dans cet hôtel lors de leur séjour en Chine. Nous n’allons pas rédiger ici les spécifications détaillées, mais présenter les grandes lignes des contraintes que devra prendre en compte l’inforgraphiste.
Un site Internet pour qui et pour quoi faire ?
Pour qui ?
Ce point fondamental nous permet de définir une ou des cibles pour qui le site Internet est principalement conçu, dans notre cas :
- Voyageurs désirant effectués un voyage en Chine
:- Plutôt occidentaux (europe et amérique du Nord)
- Disposant d’une connexion Internet à haut débit
- Habitués à naviguer sur Internet et à effectuer des réservations en ligne
- Agences de voyages et voyagistes
Pour quoi faire ?
Le futur site Internet doit permettre de :
- Présenter l’hôtel, ses atouts,
- Présenter les chambres,
- Présenter les activités proposées à proximité de l’hôtel,
- Présenter la localisation de l’hôtel et les moyens d’accès,
- Présenter les tarifs de l’hôtel,
- Proposer un formulaire de réservation en ligne,
- Permettre de rentrer en contact rapidement avec l’hôtel,
- Permettre à l’internaute de répondre à ses questions annexes.
Arborescence envisagée
- Accueil
- Présentation de l’hôtel
- L’hôtel
- Les chambres
- Les atouts
- Activités proposées
- Tarifs
- Réservations
- A voir autour de l’hotel
- Localisation/moyen d’accès
- Contact
- Mentions légales et copyright
- Liens/partenaires
Conséquences pour la création de la charte graphique
Les pages qui doivent être chartées à minima sont au nombre de 3 :
- Page d’accueil,
- Page contact,
- Page de présentation des chambres/de l’hôtel,
La création graphique
Nous allons réaliser ensemble une première charte graphique concernant la page d’accueil à l’aide du logiciel Photoshop ou de son équivalent libre : Gimp.
Aide
Il existe un certain nombre de mémos pour Photoshop ou Gimp permettant de s’y retrouver plus aisément dans tous les outils et fonctionnalités proposées par ce logiciel :
Les étapes de la création de la charte graphique sur la page d’acccueil
- Choix/création du fond de la page
- Poisitionnement des grandes zones
- Titre du site/logo
- Menu principal/menu secondaire
- Les 4 zones de contenus
- Présentation
- Localisation
- Tarifs/réservations
- Contacts
- Menu de bas de page