« Les principes CRAP » : différence entre les versions
| Ligne 24 : | Ligne 24 : | ||
==Le principe de contraste== | ==Le principe de contraste== | ||
=== Définition === | === Définition === | ||
=== Fonction === | === 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 utiliser à attirer le regard à ce qui est plus important. | |||
=== Réalisation === | === 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 teinte (plus ou moins de blanc ou noir). | |||
# Varier les proportions entre objets : grandes images - petit police de texte, texte gras - texte fin, grande police - petite police. | |||
=== A éviter === | === 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 visuels suffisamment différents. | |||
=== Exemples === | === Exemples === | ||
Version du 22 juillet 2020 à 18:34
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 utiliser à attirer le regard à ce qui est plus important.
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 teinte (plus ou moins de blanc ou noir).
- Varier les proportions entre objets : grandes images - petit 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 visuels suffisamment différents.