« Les principes CRAP » : différence entre les versions
Ligne 37 : | Ligne 37 : | ||
=== Exemples === | === Exemples === | ||
[[Fichier:Contrast1png.png|alt=Exemple d'un contraste de proportions et de luminosité|gauche|vignette|Exemple d'un contraste de proportions et de luminosité]] | [[Fichier:Contrast1png.png|alt=Exemple d'un contraste de proportions et de luminosité|gauche|vignette|Exemple d'un contraste de proportions et de luminosité]] | ||
[[Fichier:Screenlightch.png|vignette|Exemple de contraste de proportion et de couleur.]] | |||
== Le principe de répétition== | == Le principe de répétition== |
Version du 22 juillet 2020 à 18:04
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 | |
|
|
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.
- 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)
- 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.