Les principes CRAP

De EduTech Wiki
Aller à la navigation Aller à la recherche

Cet article est en construction: un auteur est en train de le modifier.

En principe, le ou les auteurs en question devraient bientôt présenter une meilleure version.



UniTICE
Module: Communiquer efficacement : principes et astuces en communication visuelle
Page d'entrée du module
Communication visuelle
◀▬▬▶
sous-construction débutant
2020/07/22 ⚒⚒ 2020/07/20
Objectifs
  • Reconnaître les caractéristiques des principes du design visuel
  • Identifier la fonction des grands principes dans un design visuel
  • Repérer quand les principes ne sont pas appliqués
Catégorie: Education au numérique

Introduction

CRAP est un acronyme pour les quatre principes de base essentiel à une communication visuelle efficace et attractive.

  • Contraste
  • Répétition
  • Alignement
  • Proximité

Le principe de contraste

Définition

Fonction

Le contraste entre éléments sur une page aide à distinguer facilement un objet du fond ou d'un autre élément. Le contraste peut être utilisé pour attirer le regard à ce qui est plus important et pour créer des groupements entre éléments similaires (p.ex. titre de sections)

Réalisation

Il y a deux attributs utilisés pour atteindre un effet de contraste.

  1. Utiliser des couleurs contrastées en ton (rouge - vert), saturation (couleur pure ou grisée), ou de luminosité (plus ou moins de blanc ou de noir)
  2. Varier les proportions entre objets : grandes images - petite police de texte, texte gras - texte fin, grande police - petite police.

A éviter

Éviter d'avoir des éléments (boites de texte ou images) qui sont presque similaires. Si ces éléments ne sont pas similaires dans leurs fonctions, donne-leur des caractéristiques visuelles suffisamment différentes.

Exemples

Exemple d'un contraste de proportions et de luminosité
Exemple d'un contraste de proportions et de luminosité

Le principe de répétition

Le principe d'alignement

Le principe de proximité

Exercices