HEAJ 2006-2007
Cours de Communication Visuelle 2
Professeur : Marc Wathieu.
http://www.multimedialab.be

Consignes :
Le gabarit de charte graphique devra être respecté dans sa structure.
Si certains champs devaient rester vides, il conviendra de ne pas les retirer de la liste.
Dans ce cas, placer un tiret "-".

L'incrustation d'échantillons visuels est obligatoire.
Exemples : http://www.erg.be/multimedialab/doc/doc_tech.htm#chartes
Le document final sera publié en PDF.
Nomenclature (pas d'accents) : charte_nom_prenom_classe.pdf

================================

CHARTE GRAPHIQUE.

---------------------------------------------------

Date : 
Prénom :
Nom :
Classe :
URL :

---------------------------------------------------

CONCEPT.

Titre :
Description : 
Objectif :
Mots-clé : (de 5 à 8 mots-clés)
Public-cible : (éviter les généralités)

---------------------------------------------------

IDENTITE VISUELLE :

Description de l'univers graphique :
Mots-clé : (de 5 à 8 mots-clés)
Mise en page : commentaires.
Principe de montage HTML : description, commentaires, validation W3C.
Contraintes techniques : commentaires.

---------------------------------------------------

COULEUR : 

Echantillon de gamme, code, attributions et commentaires.
Aplats : dimensions, couleurs, règles d'utilisatations
Filets : dimensions, positionnement.

---------------------------------------------------

TYPOGRAPHIE :

Police de caractères non-système (titres-images)  : nom de la police, nom de son créateur et de son producteur.
Police-système : nom de la police, nom de son créateur et de son producteur.
voir http://www.identifont.com/

---------------------------------------------------

SIGNALETIQUE :

Principe de navigation : descriptif, types de page.
Styles à respecter : types de boutons, commentaires.
Identification des types de liens (internes, externes) : commentaires.
Boutons, puces, pictogrammes : échantillons.
Dimensions, couleurs, règles d'utilisation, styles à respecter.
(Fichiers - Word,  PDF,  Excel,  videos...)
(Fonctionnalités - Imprimer, Envoyer, Télécharger ...)

---------------------------------------------------

ICONOGRAPHIE : 

Détail des éléments graphiques : descriptif général.
Découpe d'images : commentaires.
Logo : positionnement et commentaires.
Illustration : auteur + URL.
Photo : auteur + URL.

Conservation de l'intégrité visuelle : recommandations et commentaires sur tout choix ultérieur.

Nomenclatures : éléments graphiques, divers...
Exemple :
Bouton : Roll-over «on» : b_ + nom de l'image + _on + .gif
Bouton : Roll-over «off» : b_ + nom de l'image +  _off + .gif
Visuel : v_ +  nom de l'image + .jpg (photo) 
Picto : p_ +  nom de l'image + .gif 
Texte : t_ + nom de  l'image + .gif (texte image) 
Filet : f_ + nom  de l'image + .gif

---------------------------------------------------