« Définir la hiérarchie visuelle » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 21 : Ligne 21 :


Donner une hiérarchie visuelle consiste à organiser les éléments (texte et graphiques) sur une page, et leur attribuer des caractéristiques perceptibles pour attirer l'attention en fonction de leur importance par rapport au message principale à communiquer. C'est de communiquer visuellement la priorité d'importance des contenus et les relations entre les eux '''en utilisant les [[Principes du design visuel|principes du design visuelle]]''' : le [[Les principes CRAP#Le principe de contraste|contraste]] (de couleur, taille, positionnement), la [[Les principes CRAP#Le principe de répétition|répétition]], l'[[Les principes CRAP#Le principe d'alignement|alignement]], le [[Principes Gestalt de la perception visuelle#Groupement par similarité, proximité ou alignement|groupement]], la [[Les principes CRAP#Le principe de proximité|proximité]], etc.   
Donner une hiérarchie visuelle consiste à organiser les éléments (texte et graphiques) sur une page, et leur attribuer des caractéristiques perceptibles pour attirer l'attention en fonction de leur importance par rapport au message principale à communiquer. C'est de communiquer visuellement la priorité d'importance des contenus et les relations entre les eux '''en utilisant les [[Principes du design visuel|principes du design visuelle]]''' : le [[Les principes CRAP#Le principe de contraste|contraste]] (de couleur, taille, positionnement), la [[Les principes CRAP#Le principe de répétition|répétition]], l'[[Les principes CRAP#Le principe d'alignement|alignement]], le [[Principes Gestalt de la perception visuelle#Groupement par similarité, proximité ou alignement|groupement]], la [[Les principes CRAP#Le principe de proximité|proximité]], etc.   
* formatter les niveaux hierarchiques (définir leurs attributs)
 
* standardiser les éléments repetitifs(définir leurs attributs)
[[Préparer la mise en page|La mise en page]] avec des formes génériques pour définir les espaces réservés aux différents contenus est la première étape dans la définition d'une hiérarchie visuelle.
 
La prochaine est la dernière étape de choisir les polices et couleurs et définir les conventions visuelles qui vont être utilisées pour chaque type de contenu identifié lors de la [[Structurer et hiérarchiser les informations|structuration et la hiérarchisation des informations]] : titre, sous-titres, cadres d'images, légendes, références, etc. 


== Texte ==
== Texte ==

Version du 7 avril 2021 à 15:18

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.



Digital skills @ FPSE
Module: Communiquer efficacement : principes et astuces en communication visuelle
Page d'entrée de la section
La mise en page d'un poster avec Powerpoint
⏏︎
◀︎
débutant
2021/04/07 ⚒⚒ 2020/07/20
Objectifs
  • Appliquer les principes du design visuel pour rendre l'organisation et l'hiérarchie des informations visible
  • Réaliser la mise en page d'un poster en respectant les principes du design visuel
Contenu de la section
Activité(s)
  • Schéma de conception
Catégorie: Education au numérique

Objectifs

  • Appliquer les principes du design visuel pour rendre l'organisation et l'hiérarchie des informations visible
  • Réaliser la mise en page d'un poster en respectant les principes du design visuel

Activité(s)

  • Schéma de conception


  • Difficulté: débutant


Introduction

HierVis2.svg

Donner une hiérarchie visuelle consiste à organiser les éléments (texte et graphiques) sur une page, et leur attribuer des caractéristiques perceptibles pour attirer l'attention en fonction de leur importance par rapport au message principale à communiquer. C'est de communiquer visuellement la priorité d'importance des contenus et les relations entre les eux en utilisant les principes du design visuelle : le contraste (de couleur, taille, positionnement), la répétition, l'alignement, le groupement, la proximité, etc.

La mise en page avec des formes génériques pour définir les espaces réservés aux différents contenus est la première étape dans la définition d'une hiérarchie visuelle.

La prochaine est la dernière étape de choisir les polices et couleurs et définir les conventions visuelles qui vont être utilisées pour chaque type de contenu identifié lors de la structuration et la hiérarchisation des informations : titre, sous-titres, cadres d'images, légendes, références, etc.

Texte

choix de police

Taille

Couleurs

CMJN (CMYK)

Choisir une palette

Pratique

Ressources

Références