Principes de conception La Gestalt est un ensemble de principes fondamentaux qui décrivent la manière dont les gens perçoivent et organisent les éléments de conception en structures cohérentes et ordonnées. Lorsque votre première impression d’un design est positive, lorsque vous percevez instinctivement le design comme étant bon, cela est probablement dû à un ou plusieurs principes de perception de la Gestalt. Lorsque vous regardez un dessin et en admirez une ou deux parties, il y a de fortes chances qu'elles correspondent à un ou plusieurs principes de Gestalt.
L'une des meilleures choses que vous puissiez faire en tant que designer est d'étudier ces principes et de comprendre ce qu'ils nous disent sur la façon dont les gens perçoivent les objets visuels et la disposition des objets visuels.
Comprendre les principes de la Gestalt vous donnera plus de contrôle sur votre conception, créera une conception plus harmonieuse et augmentera la probabilité que votre message soit transmis à votre public.
Que sont les principes de conception Gestalt ?
Lorsque les gens regardent un tableau, une page Web ou toute combinaison complexe d’éléments, nous voyons le tout avant de voir les parties individuelles qui composent ce tout. L'idée de voir le tout avant les parties et même plus que le tout devenir plus que la somme de ses parties est la Gestalt.
Le mot allemand gestalt peut être traduit par « forme » ou « forme », et le terme fait référence à la façon dont les données visuelles sont perçues par les gens. La psychologie Gestalt a été fondée par Max Wertheimer et a été développée par d'autres auteurs au fil du temps.
L'observation originale de Wertheimer était que nous percevons un mouvement lorsqu'il n'y a rien de plus qu'une succession rapide d'événements sensoriels individuels, comme une série de lumières clignotantes successives. Imaginez une chaîne de lumières de Noël. Chaque lumière s'allume et s'éteint séquentiellement le long de la chaîne. On voit la lumière se déplacer d’un bout à l’autre du fil, alors qu’en réalité rien ne bougeait.
Nous voyons quelque chose qui n'est pas réellement là, et l'explication de Wertheimer est que nous voyons l'effet de l'événement dans son ensemble, qui n'est pas nécessairement contenu dans la somme de ses parties.
La façon la plus simple de comprendre la Gestalt est d’en examiner les différents principes.
Principes de conception Gestalt
Il existe de nombreux principes de Gestalt, dont la plupart peuvent être expliqués en une ou deux phrases. Bon nombre des principes ci-dessous peuvent être décrits en détail et je vous encourage à les étudier davantage.
J'ai essayé de fournir des liens vers d'autres ressources pour vous aider à démarrer votre recherche, et j'ai également répertorié certaines ressources à la fin de cet article. Considérez l’introduction suivante à chacun des principes énumérés.
Dessin / Terre
Les éléments sont perçus soit comme une figure (l'élément central) soit comme un fond (l'arrière-plan sur lequel repose la figure).
L'exemple classique de figure/fond est l'image de gauche. Voyez-vous un vase noir sur fond blanc ou deux visages blancs de profil assis sur fond noir ?
La première chose que les gens feront lorsqu’ils examineront votre conception est de déterminer ce qui représente la figure et ce qui est raffiné dans votre composition. Dans la plupart des cas, cette détermination se produit rapidement et inconsciemment.
Dessin/Terre nous permet de savoir sur quoi nous devons nous concentrer et ce que nous pouvons ignorer en toute sécurité dans une composition.
Carré. Principes de conception Gestalt
La figure montre le plus petit de deux objets qui se chevauchent. Le plus grand est considéré comme un terrain.
Dans l’image ci-dessus, vous voyez probablement un carré plus petit comme motif dans les deux cas. Vous pouvez voir une figure sombre avec un trou sur un fond plus clair dans l'image de droite, basée sur des objets plus sombres apparaissant plus souvent sous la forme d'une figure avec des zones plus claires vues comme le sol. Principes de conception Gestalt
Similitudes
Des choses similaires sont perçues comme plus liées que des choses différentes.
Dans l’image ci-dessus, vous regroupez sans aucun doute les objets dans un carré ou un cercle en raison de la similitude de forme.
Par la répétition de la couleur, de la taille, de l'orientation, de la texture Police de caractère, formes, etc. Nous pouvons créer des éléments pour les rendre plus connectés. Pensez aux liens dans votre contenu. En suggérant qu’ils sont tous bleus et surlignés, ils envoient clairement au spectateur le message qu’ils sont liés.
La couleur a été utilisée ci-dessus pour indiquer les similitudes dans l'image ci-dessus. Vous devriez voir une alternance de colonnes de carrés noirs et rouges. Chaque colonne est déterminée par la similitude de couleur des cercles qui la composent.
Isomorphisme. Principes de conception Gestalt
Une similitude qui peut être comportementale ou perceptuelle et peut être une réponse basée sur l'expérience antérieure du spectateur. Pensez aux similitudes non visuelles.
Connectivité uniforme (loi de l'unité)
Les éléments qui ont une connexion visuelle sont perçus comme plus connectés que les éléments sans connexion.
Si vous regardez l’image de gauche, vous verrez deux carrés et deux rectangles. Lorsque vous regardez l’image de droite, vous voyez deux objets, chacun constitué d’un carré et d’un cercle. Le cercle et le carré sont reliés par une ligne entre eux. La cohérence uniforme est ici plus importante que la similarité.
Continuité
Les éléments situés sur une ligne ou une courbe sont perçus comme plus interconnectés que les éléments non situés sur une ligne ou une courbe. Principes de conception Gestalt
Dans l’image ci-dessus, vous devriez voir une ligne courbe traversée par une ligne verticale. Ici la continuité est plus forte que la similitude de couleur. Les cercles rouges sur une ligne courbe sont plus liés aux cercles noirs sur la même courbe qu'aux cercles rouges sur une ligne verticale. Principes de conception Gestalt
Fermeture
Lorsque nous examinons un agencement complexe d’éléments individuels, nous avons tendance à rechercher un motif reconnaissable.
Votre première impression en regardant l’image ci-dessus est probablement celle d’un carré, même si l’image est composée de quatre lignes droites. Nous complétons les informations manquantes pour créer un motif unique et reconnaissable.
Proximité. Principes de conception Gestalt
Les choses proches les unes des autres sont perçues comme plus connectées que les choses plus éloignées.
Vous devriez voir trois groupes de cercles noirs et rouges ci-dessus. La proximité, la relative proximité des cercles, est plus forte que la similitude des couleurs. Dans une composition plus grande, la similitude des couleurs transmettra toujours des informations sur les objets en raison des similitudes entre eux.
Destin commun (synchronicité). Principes de conception Gestalt
Les éléments se déplaçant dans la même direction sont perçus comme plus connectés que les éléments stationnaires ou se déplaçant dans des directions différentes. Les éléments qui changent en même temps sont regroupés.
Dans l'animation ci-dessus, vous voyez deux séries de trois cercles chacune au lieu d'une série de six cercles en raison de leur mouvement ou de leur destin partagé.
Imaginez que dans l'animation ci-dessus, les cercles ne bougent pas, mais trois d'entre eux changent de couleur entre le bleu et le rouge. Vous verrez toujours deux groupes de cercles, mais cela sera basé sur le changement couleur, et non sur le changement de leur mouvement. Quoi qu’il en soit, un sort commun les attend. Principes de conception Gestalt
Symétrie
L’idée selon laquelle lorsque nous percevons des objets, nous avons tendance à les percevoir comme des formes symétriques formées autour de leur centre.
Vous voyez probablement trois ensembles de crochets ouvrants et fermants dans l’image ci-dessus. Ici, l’équilibre symétrique est plus fort que l’intimité.
Parallélisme
Les éléments parallèles les uns aux autres semblent plus connectés que les éléments qui ne sont pas parallèles les uns aux autres.
Les trois lignes parallèles ci-dessus devraient apparaître plus connectées les unes aux autres qu’à n’importe laquelle des autres lignes.
Région générale
Les éléments ont tendance à être regroupés s’ils se trouvent dans la même zone fermée.
Nous avons vu précédemment comment les couleurs alternées donnent l’impression qu’il y a 5 colonnes de cercles. Maintenant, après avoir encadré quelques cercles, nous voyons deux groupes de cercles différents.
L'ajout d'une bordure (une zone globale) autour d'un élément ou d'un groupe d'éléments est un moyen simple de le séparer des éléments environnants.
Expérience passée. Principes de conception Gestalt
Les éléments ont tendance à se regrouper s'ils ont été fréquemment regroupés dans l'expérience passée de l'observateur.
Les expériences passées peuvent être individuelles ou communes à la plupart d’entre nous.
Loi sur les points focaux
Un point intéressant, une emphase ou une différence attirera et retiendra l'attention du spectateur /
Lorsque vous verrez le tableau de Kandinsky ci-dessus, vous remarquerez probablement d'abord la forme circulaire sombre dans le coin supérieur gauche. C’est le point focal et donc le point d’entrée dans le tableau. Le point focal attire votre attention, et de là, votre attention se dirige vers d’autres parties de l’image.
Loi de Pranantz (bonne figure, loi de la simplicité)
Les gens percevront et interpréteront les images ambiguës ou complexes comme la forme la plus simple possible.
Le formulaire ci-dessus est globalement ambigu et complexe. Vous le verrez probablement composé de trois formes simples : un carré, un cercle et un triangle. Ces formes peuvent être clairement visibles en attribuant une couleur différente en dessous de chacune. Principes de conception Gestalt
Réflexions supplémentaires sur les principes de la Gestalt
Parfois, deux principes de Gestalt sont en jeu, même si l’un d’entre eux dominera notre perception. J'ai essayé de le souligner dans quelques-unes des images ci-dessus où un principe de Gestalt est dominant, comme l'image de l'intimité ci-dessus. La similarité et la proximité sont présentes, mais la proximité est le principe le plus fort dans ce cas, c'est pourquoi vous voyez trois groupes de cercles au lieu de six colonnes de cercles.
Les principes de la Gestalt sont un ensemble d'outils à votre disposition pour guider la façon dont vos créations sont perçues.
La perception que quelqu'un a en regardant votre design est en fin de compte ce que vous lui dites. Apprenez à contrôler les principes de la Gestalt et vous apprendrez à communiquer à travers votre conception. Principes de conception Gestalt
Les principes de la Gestalt nous aident à mieux concevoir et à comprendre si un élément est nécessaire ou non. Ils vous aident à voir où les éléments doivent être placés sur la page, comment ils doivent être regroupés, quels éléments doivent avoir la même couleur ou la même taille et lesquels ne doivent pas. Les principes de la Gestalt vous aident à déterminer quels éléments doivent être contenus dans un cadre et quels éléments ont simplement besoin de plus d'espace entre eux.
Lorsque vous commencerez à comprendre comment les autres percevront vos éléments, vous aurez plus de contrôle sur vos créations et vous deviendrez un meilleur designer. Prenez le temps d’explorer davantage les principes de perception de la Gestalt. Parcourez les designs que vous aimez et voyez comment la gestalt y fonctionne.
Examinez votre propre travail pour voir comment vous intégrez déjà les principes de la Gestalt dans vos conceptions et lesquels vous ne devriez pas encore intégrer.
Laisser un commentaire