« Les principes CRAP » : différence entre les versions
| Ligne 26 : | Ligne 26 : | ||
=== 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 | 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 === | === Réalisation === | ||
Il y a deux attributs utilisés pour atteindre un effet de contraste. | 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). | # 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 - | # Varier les proportions entre objets : grandes images - petite 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 | É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 === | === Exemples === | ||
Version du 22 juillet 2020 à 17:38
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 teinte (plus ou moins de blanc ou 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.