Sites


Initiation à l'Ergonomie

Les couleurs

Pour ne pas surcharger visuellement un site web, et pour le cas où vous n'êtes pas expert en couleur, contentez-vous de penser une petite palette de couleurs composée de trois couleurs.

  • Les couleurs harmonieuses entre elles améliore l'expérience de l'internaute.
  • Les couleurs chaudes donnent la sensation d'occuper plus d'espace que les couleurs froides.
  • Le texte doit toujours être bien lisible quelque soit la couleur de fond.
  • Les couleurs constratées sont déconseillés pour de grandes surfaces.
  • les objets de petites tailles semblent encore plus petit sur un fond gris.
  • Le noir fait ressortir les petits objets.
  • Le fond noir augmente la fatigue visuelle du fait du contraste lumineux engendré avec le blanc en fond de page.
  • Utiliser une couleur neutre et clair pour le fond d'écran.
  • Il peut être utile de se référer au sens des couleurs selon la culture des internautes cibles pour ne pas risquer de se tromper de sens.

La mise en place d'élément coloré est à réaliser dans un second temps. La première étape consiste à réaliser une maquette en noir et blanc dans le but de disposer les éléments dans un ordre logique et esthétique. L'ajout de couleur sera dans un second temps à visée de lisibilité et d'esthétisme.

Comment choisir les couleurs ?

Une fois la maquette en noir et blanc réalisée, il s'agit de déterminer quels éléments seront à coloriser.

  • Tous les éléments de la maquettes ne sont pas à coloriser. Commencez par identifier les éventuelles éléments à coloriser.
  • Les éléments les plus importants sont à mettre en évidence. Le choix de la couleur peut être déterminant ou alors le simple fait d'être coloriser peut être suffisant si l'ensemble est neutre ou monochrome.
  • Les couleurs saturées mettent en évidence les informations importantes.
  • Les couleurs moins saturées sont donc à utiliser pour les informations de moindre importance.

Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.

Vous devriez rafraîchir la page.