Le graphisme est la première chose que découvrent les internautes en arrivant sur ton site, avant même de s'intéresser au contenu. Un site attrayant visuellement aura plus de chance d'être visité.

 

Le design doit être pensé en fonction du sujet et du public ciblé.

 

Choisis les illustrations

exemple d'image pixelisée
exemple d'image pixelisée

Les images permettent d'illustrer ton site web, de le rendre plus agréable mais aussi de donner du sens au contenu. Elles sont regardées même par le visiteur pressé : il faut donc bien les choisir !

 

Pour cela, pense à

  • la qualité de l'illustration : lisible, pas de pixels visibles
  • la taille : ni trop grande, ni trop petite
  • son emplacement dans la page : attention à garder une cohérence (toujours à gauche, à droite au centre)
  • mettre un lien cliquable sur l'image

Facilite la lecture de tes textes.

exemple de texte peu lisible
exemple de texte peu lisible

Police de caractère

  • N'utilise pas plus de 3 polices de caractères différentes.
  • Privilégie les polices classiques (Arial, Verdana, Georgia), elles sont lisibles sur tous les PC
  • Évite les polices de caractères spéciaux.

Taille de caractère

  • Utilise une taille suffisamment grande.
  • Mets en avant les titres et sous-titres en jouant sur la taille des caractères (utilise le style dans Jimdo).

 

 

 

Majuscule

  • Utilise les majuscules pour des titres de rubrique.
  • Évitez les majuscules dans le texte d'un paragraphe.

Italique

  • A utiliser uniquement pour les citations.

Soulignement

  • Évite de souligner du texte autre que les liens hypertextes.

 

 

Utilise les couleurs

Mieux vaut utiliser un nombre limité de couleurs. Ce n'est pas parce que les couleurs sont nombreuses que le site est agréable. Au contraire.

L'utilisation de nombreuses couleurs dans un texte en complique la lecture.

 

 

Il est important de bien choisir la couleur de fond et celle du texte pour assurer une bonne lisibilité et un bon contraste. Les teintes claires pour le fond sont, de beaucoup, préférables aux couleurs foncées.

 

 

 

 

Le choix des couleurs principales de ton site peut se faire selon plusieurs critères.

  • pour un site favorisant la douceur, l'unité et l'harmonie des pages, utilise plutôt des couleurs proches déclinées dans des tons et des nuances diverses.
  • pour des pages plus dynamiques, l'utilisation de couleurs complémentaires, couleurs diamétralement opposées sur le cercle chromatique, sera judicieuse.
  • l'utilisation de couleurs chaudes comme le rouge, le jaune ou l'orange ont tendance à faire paraître tout élément plus gros et plus proche des yeux des internautes. Ces couleurs évoquent la chaleur, suscitent des réactions émotionnelles.
  • Au contraire, les couleurs froides comme le bleu, le vert ou le violet auront un effet appaisant.

 

Voici le cercle chromatique pour associer les couleurs. Pour réaliser un accord chromatique valide, choisir des couleurs consécutives, opposées, disposées en triangle ou en carré.

 

Site réalisé comme support au cours de Math et Gestion pour les élèves de l'option Agent Éducation de l'Institut de la Sainte-Famille.

Réalisation - Contact

J Van Causenbroeck

Professeur à l'ISF

DES de l'UCL en

Communication Multimédia