Conception de sites Web par les enseignants

Pendant la conception

 

Menu principal


Carte du site


Accueil


Avant la conception


Pendant la conception :
-Carte du site
-Code typographique

-Page d'accueil
-Ton des textes

-Couleur
-Hiérarchie des informations
-Images
-Convivialité


Après la conception


Bibliographie


 

Les couleurs

Utilisez un maximum de trois couleurs différentes sur une même page.

Attribuez toujours la même signification aux couleurs d’une page à l’autre.

Par exemple, ce site utilise toujours le bleu pour désigner les liens cliquables et le mauve pour les liens visités.

Choisissez des couleurs foncées pour le texte et très pâles pour le fond des pages

Le meilleur agencement de couleurs est le texte en noir sur fond blanc. Bien sûr, vous pouvez modifier légèrement cette règle, mais ne perdez pas de vue le principe de base.

Évitez les couleurs vibrantes sur fond foncé (par exemple rouge sur noir), car cela rend le texte illisible.


CONTRE-EXEMPLE

Choisissez une couleur plus claire que l’ensemble du texte pour les liens non visités

La couleur de base pour les liens cliquables est le bleu. Vous pouvez choisir une autre couleur, mais elle doit être plus claire que l’ensemble du texte pour faciliter le repérage des liens dans la page.

Utilisez une couleur plus foncée pour les liens visités

Les liens visités doivent être moins visibles que ceux qui ne l’ont pas été.  



La hiérarchie des informations

Utilisez la graisse, l’italique, la taille, les capitales, etc. afin de classer les informations de votre site.

Utilisez-les sur de courtes parties de texte, afin de ne pas diminuer la vitesse de lecture.

Évitez de trop en mettre, car le lecteur ne s’y retrouvera plus.

CONTRE-EXEMPLE

La hiérarchie des mots

Pour mettre un mot ou un groupe de mots en valeur vous pouvez augmenter leur épaisseur, leur taille, les écrire en capitales, en italique ou utiliser une couleur :

La hiérarchie des blocs de textes

Le bloc jugé le plus important pour l’auteur doit être celui qui est perçu en premier par le lecteur. Pour ce faire :

- augmentez la taille des caractères ainsi que leur graisse en fonction de l’importance des blocs de textes. Notez cependant que la graisse se remarque plus facilement que la taille du caractère.

ou

- utilisez l’encadré, la couleur (un maximum de trois), le blanc ou le fond de couleur.

 

 

Auteure : Marie-Josée Patoine

Page modifiée le 29 août 2007

Creative Commons License
Cette création est mise à  disposition sous un contrat Creative Commons