Module 1    Module 2    Module 3    Module 4    Module 5    Module 6    Module 7    
   Accueil               Aide        Contact         
La conception d'un modèle de site : Mise en page du texte
Comme vous disposez d'une énorme quantité de couleurs et de polices de caractères, vous serez tenté de les utiliser. Avec une telle utilisation, vous risquez de frustrer le lecteur et de manquer votre objectif qui consiste avant tout à transmettre un message et attirer son attention sur le contenu et présenter une page facile à lire.

Règles typographiques :

Nous donnons ci-dessous quelques règles élémentaires de typographie qui vous permettront de créer des pages esthétiques :
  • Les polices de caractères : En langage Html, on peut utiliser n'importe quelle police de caractère mais à la condition que celle-ci soit installée sur l'ordinateur de votre visiteur. Ainsi, si vous écrivez tout votre site avec la police ''Comic'' et si cette police n'est pas installée sur le poste de votre visiteur, ce dernier verra votre site dans la police par défaut de son navigateur. Généralement La police par défaut est Times New Roman sous environnement Windows et Times sous un environnement Macintosh.
    La solution pour faire de la mise en page de votre texte consiste à utiliser les polices installées par défaut dans le système d'exploitation, des polices que tout utilisateur est censé avoir sur sa machine.
  • Utilisation des majuscules et des minuscules : Il est plus facile de lire un texte possédant des minuscules et des majuscules, parce que celui - ci offre des formes distinctes facile à repérer et aide à décoder le contenu des pages Toile.
  • Pour mettre en évidence un mot ou une phrase, on recommande généralement, l'utilisation du gras plutôt que des MAJUSCULES car ces dernières ont une signification bien particulière : Elles signifient ''crier''. De plus un texte, écrit dans sa totalité en majuscule forme un bloc serré qui permet difficilement la distinction des lettres.
  • Type et taille des caractères : Evitez toute utilisation exagérée de caractères en gras ou en italique. Les caractères en gras deviennent très vite monotones, car s'ils sont utilisées partout ils n'auront aucune signification et finissent par devenir agressifs à l'égard du lecteur.
  • L'utilisation du texte souligné : Le souligné identifie les hyperliens, vous devez éviter son utilisation en tant que texte ''normal''.
  • L'utilisation des styles d'en-tête (Les balises Hn en Html) : Sélectionnez quelques styles d'en-tête pour organiser votre contenu et utiliser ces styles de manière cohérente. Une présentation régulière avec des répétitions permet au lecteur de localiser rapidement l'information et de saisir la structuration de votre site tout en contribuant à la clarté des pages.

La couleur du texte :

La couleur du texte doit contraster avec le fond pour en faciliter la lisibilité. Idéalement, une typographie foncée sur un fond clair produit moins de fatigue à l'écran. Il est possible d'obtenir un bon contraste en utilisant un texte clair sur un fond foncé, mais l'impression d'une telle page-écran peut être illisible. En effet la plupart des internautes configurent l'impression des pages-écrans en noir et blanc afin d'accélérer le traitement. Cela a pour effet qu'un texte clair sera de piètre qualité d'impression en noir et blanc, à moins d'utiliser les niveaux de gris de l'imprimante. Selon notre expérience, il semble que certaines associations de couleurs soient plus efficaces que d'autres, pour faciliter la lisibilité du texte :
Conseillé Déconseillé
Texte
Fond
Texte
Fond
Violet Blanc Rouge Vert
Gris pale Vert forêt Rouge Bleu
Bourgogne Gris pale Vert Bleu
Ocre Violet foncé Vert pale Blanc
Vert forêt Beige Jaune Vert
  La conception d'un modèle de site  
La conception de la charte graphique
La conception de l'interface de navigation
Mise en page du texte
Les éléments d'une page Toile
En conclusion


Accueil - Aide - Contact - Haut de la page


© Tous droits réservés, Agence universitaire de la Francophonie -Centre SYFED de Tunis - 2000.