LES VISUELS
en communication 
LA COULEUR
•	nombre de couleurs limité (3 ou 4) : les couleurs doivent être signifiantes (en rapport avec le sujet) et mettre en valeur les éléments importants (et non les occulter)
•	Le fond : simple, couleur neutre (pastel clair ou gris foncé coloré ; blanc si le document est destiné à être imprimé) : il est le même pour toutes les pages (sauf cas exceptionnel, quand une rupture est nécessaire) ; noter que le texte en clair sur fond sombre passe très bien pour les documents à visualiser sur écran, notamment quand ils présentent des photos – éviter les fonds noirs cependant (sauf pour la présentation de photos).
•	le texte : très contrasté avec le fond, mais neutre aussi, même couleur pour tout le site ; les titres peuvent être d'une autre couleur.
•	Les liens : doivent être bien visibles au milieu du texte (ils sont soulignés par défaut ; conserver ce style).
•	les éléments importants : utiliser les couleurs vives (avec modération : elles attirent l'oeil mais sont fatigantes) ; jouer avec la différence de police de caractères, la taille, le style.
•	Les camaïeux donnent une impression de calme, les contrastés sont plus dynamiques
LE TEXTE
•	Pas plus de 2 polices de caractères pour  l'ensemble du document : attention à la lisibilité de la police ! L'italique est moins facile à lire que le style normal.
•	Le texte long doit être écrit avec une police simple sans empattement (arial ou verdana) pour un document sur écran, avec empattement (Times New Roman) pour un document imprimé,
•	taille suffisante (pour être lu par tous) ; taille 12 en général pour un document imprimé ; taille 16 minimum pour une PréAO ; pas plus de 90 caractères par ligne pour une page web
•	aligné à gauche, avec des puces, pour plus de lisibilité
LES IMAGES
•	signifiantes : elles doivent apporter une information utile
•	légendées ou proches du texte qu'elles illustrent 
•	éviter les animations qui ne servent à rien (qu'à distraire l'attention) ... on peut en mettre un peu quand même, si cela se justifie – idem pour les sons et les animations sur une PréAO
•	images + texte n'utilisent pas plus de 50% de la page web (le reste, c'est le fond)
•	Leur poids total ne doit pas excéder 60 Ko pour une page web
LA STRUCTURE
Les pages doivent présenter des similitudes sur lesquelles l'oeil va s'accrocher : cela permettra de garder une unité à l'ensemble du site (définition de la charte graphique). Cela permet une meilleure compréhension et un certain confort pour l'utilisateur. (Titres, boutons ou barres de navigation ...)

Pour rendre simple cette unité, il convient d'utiliser les styles (automatisation de la mise en forme) sur l'ensemble du document (le fichier ou le site),

Règles de communication :

•	la répétition : des couleurs, des polices, des boutons de navigation ...
•	l'alignement : choisir un alignement et l'appliquer à toute la page : ne pas combiner différents alignements
•	les contrastes : ponctuer la page avec des tailles de caractères différents, le changement de police, le changement de couleur
•	la proximité : regrouper le sous-titre avec son texte, la légende avec l'illustration

Source : académie de Rennes : http://phares.ac-rennes.fr/techno/tdownloadmp.php?op=viewsdownload&sid=1