« Principes Gestalt de la perception visuelle » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
Ligne 48 : Ligne 48 :
== Le principe de proportion ==
== Le principe de proportion ==
Le principe de proportion décrit le [[Les principes CRAP#Le principe de contraste|contraste]] entre la proportion de la surface de la page prise par un élément visuel par rapport à un autre. La proportion de la surface prise par un élément détermine sa proéminence visuelle et attire le regard en premier.
Le principe de proportion décrit le [[Les principes CRAP#Le principe de contraste|contraste]] entre la proportion de la surface de la page prise par un élément visuel par rapport à un autre. La proportion de la surface prise par un élément détermine sa proéminence visuelle et attire le regard en premier.
Le principe de proportion peut être utilisé pour établir une hiérarchie de relations entre les éléments textuels ou graphiques ou d'établir une [[Principes Gestalt de la perception visuelle#Le principe de dominance ou de figure et fond|dominance visuelle]] pour guider l'attention.
<gallery mode="packed" widths="680" heights="280">
<gallery mode="packed" widths="680" heights="280">
Fichier:ProportionsPrincipe.png|Illustration du principe de proportions
Fichier:ProportionsPrincipe.png|Illustration du principe de proportions
Ligne 56 : Ligne 58 :
Le principe de dominance cherche à définir une hiérarchie visuelle entre éléments en donnant une dominance visuelle aux éléments les plus importants dans votre communication. Ce sont les éléments qui font le 'sujet' de la composition et de la communication et qui doivent être les figures sur le premier plan. Les éléments sous-dominants sont ceux qui jouent un second rôle dans le narratif de la communication. Les éléments subordonnés passent à l'arrière plan.  
Le principe de dominance cherche à définir une hiérarchie visuelle entre éléments en donnant une dominance visuelle aux éléments les plus importants dans votre communication. Ce sont les éléments qui font le 'sujet' de la composition et de la communication et qui doivent être les figures sur le premier plan. Les éléments sous-dominants sont ceux qui jouent un second rôle dans le narratif de la communication. Les éléments subordonnés passent à l'arrière plan.  


Dans une composition visuelle, il est important de donner une proéminence visuelle aux éléments les plus importants à votre message principal.  
Dans une composition visuelle, il est important de donner une proéminence visuelle aux éléments les plus importants à votre message principal. Cette dominance peut être achevé par une [[Les principes CRAP#Contraste|contraste]] de [[Principes Gestalt de la perception visuelle#Proportions|proportions]] ou de couleur, mais aussi par le positionnement relatif d'un élément aux autres ([[Principes Gestalt de la perception visuelle#Le principe d'équilibre|équilibre asymétrique]], [[Les principes CRAP#Le principe d'alignement|alignement]] distinct)


<gallery mode="packed" widths="300" heights="280">
<gallery mode="packed" widths="300" heights="280">

Version du 13 mars 2021 à 17:20

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 du module
Principes du design visuel
▲
◀▬▬▶
⚐ ☸ débutant
⚒ 2021/03/13 ⚒⚒ 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
Autres pages du module
Catégorie: Education au numérique


Introduction

Dans les années 1930/40 les théories de la psychologie Gestalt ont été appliquées à la perception visuelle pour expliquer comment nous percevons, construisons du sens à partir des stimuli visuels [1]. En plus des principes CRAP, ci-dessous sont présentés quelques uns des plus cités dans les guides et textes sur la communication visuelle.

Le principe d'équilibre

  • Principe de l'équilibre

    Équilibre symétrique

  • Équilibre asymétrique

    Équilibre asymétrique

  • Déséquilibre

    Déséquilibre

Le principe d'équilibre concerne le placement des éléments visuels de manière que nous n'avons jamais le sentiment que la page risque de pivoter ou les éléments risquent de glisser hors du cadre de la page. L'exemple de la balance présenté permet de voir l'effet sur perception de l'équilibre en fonction du positionnement relatif au centre de deux corps et leur 'poids' visuel.

Variantes de la symétrie

L'équilibre peut être achevé de manière symétrique (stricte ou approximée), asymétrique or avec une dispersion en mosaïque des éléments. La symétrie peut être horizontal, verticale ou radiale.

  • Exemple de symétrie verticale (source)

    Exemple de symétrie verticale (source)

  • Exemple de symétrie verticale approximée (source)

    Exemple de symétrie verticale approximée (source)

  • Exemple d'équilibre radiale

    Exemple d'équilibre radiale

  • Exemple d'équilibre asymétrique (source)

    Exemple d'équilibre asymétrique (source)

Le principe de rythme

Le principe de rythme décrit la progression et la forme des sautes faites par l’œil allant d'un élément à l'autre. Ces sautes peuvent avoir un rythme régulier, fluide ou progressif. Un rythme visuel peut être utilisé pour guider l’œil et créer un "chemin" pour la lecture.

Illustration du principe de rythme : rythme régulier (à gauche), fluide (centre), et progressif (à droite)
  • Exemple d'utilisation du principe de rythme régulier (source)

    Exemple d'utilisation du principe de rythme régulier (source)

  • Exemple d'utilisation du principe de rythme fluide

    Exemple d'utilisation du principe de rythme fluide

  • Exemple d'utilisation du principe de rythme progressif ([1])

    Exemple d'utilisation du principe de rythme progressif ([1])

Le principe de proportion

Le principe de proportion décrit le contraste entre la proportion de la surface de la page prise par un élément visuel par rapport à un autre. La proportion de la surface prise par un élément détermine sa proéminence visuelle et attire le regard en premier.

Le principe de proportion peut être utilisé pour établir une hiérarchie de relations entre les éléments textuels ou graphiques ou d'établir une dominance visuelle pour guider l'attention.

  • Illustration du principe de proportions

    Illustration du principe de proportions

  • Exemple de l'utilisation du principe de proportions

    Exemple de l'utilisation du principe de proportions

Le principe de dominance ou de figure et fond

Le principe de dominance cherche à définir une hiérarchie visuelle entre éléments en donnant une dominance visuelle aux éléments les plus importants dans votre communication. Ce sont les éléments qui font le 'sujet' de la composition et de la communication et qui doivent être les figures sur le premier plan. Les éléments sous-dominants sont ceux qui jouent un second rôle dans le narratif de la communication. Les éléments subordonnés passent à l'arrière plan.

Dans une composition visuelle, il est important de donner une proéminence visuelle aux éléments les plus importants à votre message principal. Cette dominance peut être achevé par une contraste de proportions ou de couleur, mais aussi par le positionnement relatif d'un élément aux autres (équilibre asymétrique, alignement distinct)

  • Illustration du principe de dominance visuelle

    Illustration du principe de dominance visuelle

  • Exemple d'utilisation du principe de dominance visuelle

    Exemple d'utilisation du principe de dominance visuelle

Le principe d'unité

Liens

Références

  1. ↑ The Gestalt Principles of Perception, Introductory Psychology, [2]
Récupérée de « https://edutechwiki.unige.ch/fmediawiki/index.php?title=Principes_Gestalt_de_la_perception_visuelle&oldid=146071 »