Transcription
1. Introduction du cours: Avez-vous déjà joué à ce
jeu : lorsque vous regardez les nuages et que vous essayez de trouver personnes, des animaux ou des objets, votre cerveau trouve toujours inconsciemment
des motifs, des formes et un sens à tout ce que vous regardez pour essayer de
donner un sens au monde. C'est le fondement
de la théorie de la Gestalt, qui découle de la psychologie de la
Gestalt, une théorie née en Allemagne au
début du 20e siècle. Nous passerons en revue certaines
des lois associées à chaque psychologie bloquée et
expliquerons comment elle
se rapporte au design. Lorsque nous comprenons comment
le cerveau humain traite et catégorise une
série d'éléments. Nous pouvons utiliser cette compréhension
pour nous aider à créer messages visuels
faciles à digérer. Chaque théorie adulte essaie simplement
d'
expliquer comment nous visualisons
et organisons l'information. organisation de ces informations est au cœur de ce que nous
faisons en tant que graphistes. Il existe donc plusieurs principes ou
lois
différents dans chaque théorie de l'accident vasculaire cérébral. Et nous allons passer en revue
ces sept aujourd'hui. Similarité, proximité,
symétrie et ordre, simplicité, clôture ,
continuité et
loi de l'expérience. Après avoir suivi ce cours, vous serez très à l'aise identifier plusieurs principes de la
Gestalt. Nous aurons l'occasion
d'examiner des
tonnes d'exemples concrets. Vous serez même chargé d' un projet étudiant
qui vous permettra découvrir ces
principes de conception dans la nature. Je m'appelle Lindsay Marsh et enseigner
la théorie du design, c'est mon truc. J'ai été graphiste
pendant plus de 20 ans et j' enseigné le design à plus de 350 000 étudiants en design graphique. Je suis heureuse de pouvoir vous
présenter ce cours aujourd'hui. Je te verrai dans
la première leçon.
2. Similarité, proximité et simplicité: Commençons par
la similitude. Notre cerveau aime
regrouper des objets , peu importe
où ils sont placés. Dans ce cas, nous
regroupons ces cercles en fonction de leur couleur et non de leur emplacement. Le cerveau humain adore
catégoriser les choses. Lorsque vous regardez l'assortiment aléatoire
de carrés et de triangles
suivant , que voyez-vous encore mieux ? Comment les voyez-vous ? Il est probable que votre cerveau décide de
regrouper les triangles, comme dans cet exemple. Ou il a décidé de regrouper
les carrés, comme dans cet exemple, votre cerveau
travaille d'arrache-pied pour donner un sens aux différentes
formes présentées. Le principe de similitude s'applique
également à la couleur, à
la texture, à la forme, à la position, à
l'orientation et à la taille. Et en
tant que designer, il
est utile de savoir comment fonctionne le cerveau en
tant que designer, il
est utile Nous pouvons utiliser ce principe pour façonner la façon dont nous développons
nos mises en page. Nous pouvons attirer l'attention sur les éléments
les plus importants du design en le
différenciant des autres. Nous pourrions le faire en
lui donnant une couleur différente. Comme dans cet exemple. Nous avons deux mises en page. Chaque forme représente une photo, texte ou un élément de la mise en page. Nous utilisons des
formes similaires dans notre mise en page. Cela donne l'
impression que tout va bien. Cet exemple présente
différentes formes de photos et de contenus, ce qui ne permet pas
au cerveau de catégoriser toutes les différentes informations présentées, ce qui prête à confusion. Le principe suivant que
nous allons aborder est le principe de proximité. Les objets proches sont
regroupés. console de votre voiture utilise la notion de proximité
pour vous permettre de trouver et de localiser plus facilement pour vous permettre de trouver et de localiser commandes
associées
sur le tableau de bord. Vous remarquerez peut-être que toutes les commandes de
climatisation et de chauffage sont situées à
proximité l'une de l'autre. Vous pouvez également voir les
commandes radio étroitement liées les
unes
aux autres
commandes indépendantes de la voiture. Il s'agit d'un
concept utile à garder à l'esprit
lors de la conception de la
mise en page. Nous pouvons regrouper
les éléments connexes et la mise en page afin qu'ils forment un groupe plus large et
cohérent
partageant un objectif similaire. Cela aide le
cerveau humain à organiser plus grandes quantités d'informations qui
seraient autrement accablantes. Et le logo ci-dessus, le logo en haut,
est un bon exemple du principe de
proximité et d'action. Le logo sur le dessus
comporte les mots « voyage » et «
boucle » de l'entreprise espacés assez
étroitement. Je peux lire ce logo sous une boucle de voyage du nom d'une entreprise. Dans le logo au milieu, vous pouvez voir un écart plus large entre
les deux mots. Ils commencent
à lire des mots séparés,
mais ils commencent également à se sentir
déconnectés l'un de l'autre. Le nom de l'événement et la ligne de descripteur sont
regroupés dans la même zone. Vous pouvez également voir les éléments de date et de
lieu
associés regroupés de
manière rapprochée. Cela permet
à l'utilisateur de
regrouper des éléments connexes afin de
comprendre facilement les informations. Imaginez si nous placions toutes
les informations dans une zone sans aucune
sorte de séparation. Cela peut être très compliqué et intimidant à regarder pour le
spectateur. Le principe suivant est celui
de la simplicité. Et nous décomposons
les éléments selon les
formes les plus simples possibles. Nous voyons que l'image ci-dessus est une forme complexe avec des
courbes et des lignes. Notre cerveau
a plutôt essayé de décomposer cette image complexe en
quelque chose de plus facile à gérer. Soudain, nous voyons
apparaître trois formes simples. Au lieu d'
une seule forme complexe. Nous voyons le principe de simplicité appliqué
à la conception d'icônes. Tout le temps. Les icônes doivent être visibles
et de très petite taille. Si nous devions avoir une illustration
détaillée pour une petite icône, il ne serait pas toujours
facile de savoir de quoi il s'agit. Nous avons plutôt simplifié les
illustrations en les réduisant à icônes pouvant être identifiées
dans de nombreuses tailles différentes. Ainsi, lorsque vous utilisez cette icône, par exemple lorsqu'elle est réduite
à des tailles plus petites, lorsqu'elle est réduite
à des tailles plus petites,
cette icône simplifiée s'en
sort bien mieux que l'illustration plus
complexe. Une chose que vous devez toujours
vous demander lors de la création d'un design est de savoir si je peux
le rendre plus simple. Vous pouvez le faire en réduisant les éléments et les
graphiques
inutiles et même en combinant des textes qui disent
la même chose. La simplification peut
rendre votre message plus clair et plus concis. Posez-vous une autre question. Ce graphique ou cet élément
ajoute-t-il de la valeur à mon design ? En tant que designers, nous
ressentons généralement le besoin de faire preuve
de créativité. Mais n'oubliez pas que le message
global de votre design est toujours
le plus important. Rendez-le clair, concis et enrichissant à regarder. Prenons donc cet exemple. La disposition sur la
gauche est chargée et complexe avec de nombreux
éléments et structures de tailles différentes. Simplifier notre
mise en page pour nous concentrer sur notre idée principale
ou sur le point central de notre photo peut aider le spectateur à réduire
le bruit, pour ainsi dire. Pour vivre une expérience agréable. La simplicité facilite la compréhension des objets
complexes. L'objectif est de la réduire au point qu' elle conserve
sa signification fondamentale.
L'utilisation de sa signification fondamentale.
L'utilisation cette horloge est toujours
considérée comme une horloge, même s'il ne s'agit que d'un
cercle. Et une ligne de bits.
3. Figure et terre, fermeture et poursuite: Le prochain principe de la Gestalt que nous allons aborder est celui de
la figure et du terrain. Nous essayons instantanément de
comprendre ce qui se trouve en arrière-plan et ce qui
se trouve au premier plan. C'est très important pour que notre
cerveau puisse le traiter rapidement. Et cela remonte à l'époque de nos
chasseurs-cueilleurs. Nous devions rapidement
déterminer quel animal nous chassions et ce qui se trouvait à l'arrière-plan. Cela peut être difficile
si vous recherchez un lézard brun et une
mer de sable brun Notre cerveau regarde les couleurs et contrastes différemment
pour trouver et attribuer des objets soit
au premier plan, soit
à l'arrière-plan. Ce principe ressort clairement de
l' expérience classique sur le
vase de Rubin. Regardez la figure a. Que voyez-vous ? Voyez-vous un vase en
premier ou deux visages ? Et si on changeait les couleurs ? Êtes-vous maintenant capable de voir les deux ? Parmi les couleurs plus foncées, les couleurs
plus claires ont tendance à ressortir davantage, car
les éléments situés au premier plan se trouvent à l'avant. Cela est vrai pour cet exemple. Le
vase orange vif se
distingue vraiment des faces violettes
plus foncées. C'est le contraire qui est
vrai pour celui-ci. Dans cet exemple, si nous avons
une page d'accueil de site Web, nous avons une boîte contextuelle dans laquelle un utilisateur peut s'inscrire
à une newsletter. Vous pouvez aider le spectateur à mieux
maintenir le point focal, l'élément le plus important, en assombrissant tous les éléments
non liés. Cette zone sombre devient désormais l'arrière-plan et les zones plus claires et
plus contrastées
apparaissent au premier plan. Sans donner à l'utilisateur des indices pour l'
aider à déterminer le premier plan
ou l'arrière-plan, le spectateur peut
perdre de vue
la partie la plus importante
du design à un moment donné. Il est maintenant temps de
parler de symétrie et d'ordre. Et votre esprit essaie de trouver un
équilibre et d'établir un ordre avec
tout ce qu'il voit. Que voyez-vous lorsque vous
regardez ce graphique ? En réalité,
il ne s'agit que de six crochets, trois orientés vers la gauche et
trois orientés vers la droite. Mais lorsque vous placez les crochets gauche
et droit ensemble, l'esprit a naturellement tendance
à rechercher la complétude. Dans ce cas, créer la
forme d'un rectangle. Lorsque nous parlons d'
équilibre et de design, nous parlons principalement de
symétrie et d'ordre au travail. Dans ce graphique, nous avons
deux triangles inégaux. Lorsque nous leur donnons la même
forme et que nous les
assemblons, nous obtenons un équilibre
symétrique naturel. Et en regardant cet exemple, il y a de bien
meilleures chances que les deux moitiés
symétriques de gauche soient
regroupées en une seule unité
et notre esprit
plutôt que les
parties asymétriques de droite. Ce logo pour un
restaurant de sushis comporte une lettre de largeur égale sur le côté gauche et le côté
droit du logo. Lorsque vous mettez les deux lettres
ensemble sur la gauche, mais que vous ne
les équilibrez pas de l'autre côté. Le logo a l'air
vraiment
déséquilibré et ne
semble pas naturel. Vous verrez que
les couvertures de magazines utilisent la même tactique, en veillant à équilibrer les titres des articles à gauche et à droite
au lieu de les
répertorier tous
sur droite
au lieu de un seul côté. Cela aide à atteindre l'équilibre. Le principe de fermeture. Nous aimons combler les lacunes. Regardez le carré
et le cercle ci-dessous. Même s'ils présentent des
trous dans leurs traits, nous n'avons aucun problème
à combler le reste de la forme. Pour le compléter. Le cercle peut
être simplement constitué de deux lignes courbes, mais nous aimons toujours le voir comme un cercle complet dans notre cerveau. Dans cette série de formes, que voyez-vous ? En réalité ? Il y a quatre tartes dont une tranche manque
à sa forme. Ce que notre esprit
aime faire, c'est combler les lacunes et considérer cela comme quatre cercles et carrés car c'est l'explication la
plus simple. Une utilisation pratique du
principe de fermeture et de design est l'utilisation de l'
espace négatif et de la conception du logo. Vous trouverez ci-dessous un exemple classique de la façon dont notre cerveau remplit
l'espace négatif. Nous remplissons l'
espace entre le E et le T pour
former la lettre a.
La lettre a ne se trouve nulle part dans l'espace
positif actif, mais n'existe que dans
l'espace négatif qui existe entre
les espaces positifs. va de même pour
le 0 formé par les formes créées par l'espace positif
du T et du M.
La forme ci-dessous
ressemble à deux flèches opposées, mais en fait elle forme
un D pour la direction. La loi de l'expérience. Nous utilisons les expériences passées pour
essayer d'en interpréter de nouvelles. Si vous lisez ceci, vous avez
appris à identifier chaque caractère de l'alphabet
anglais. La lettre a peut
nous être présentée sans sa traverse
centrale distincte. Et
nous la considérons toujours comme la lettre A. D'une
manière ou d'une autre. manière ou d'une autre. Nous supposons qu'il s'agit
d'une lettre a sur la base nos connaissances antérieures sur
la façon dont la lettre a est formée. Souvenez-vous de notre exemple
de découverte d'animaux, de
personnes, d'objets et de nuages. La seule raison pour laquelle nous avons
pu le faire est notre expérience passée d'
observation du monde qui nous entoure. Nous avons certaines attentes lorsque nous visualisons ou interagissons
avec le design. Par exemple, lorsque
nous sommes sur un site Web et que nous voulons savoir si
un lien est cliquable. Nous savons par expérience que
les mots
soulignés
ont généralement tendance à être des liens actifs. Si le texte n'est pas souligné, il est
parfois plus gras ou
une
couleur contrastante différente est utilisée pour le texte. Si nous décidons de faire en sorte que nos liens
actifs sur notre site Web soient
radicalement différents de ce à quoi s'attend le visiteur. Nous le sommes, cela les embrouille
et embrouille le spectateur. La même règle s'applique
à la conception de la mise en page. Sur la base des expériences passées, nous voyons généralement les
coordonnées de l'entreprise au bas d'
une annonce. Dans ce cas, il
semblerait vraiment étrange de faire autrement. Avez-vous déjà vu une annonce en petits
caractères en haut de la page ? Cela semblerait
extrêmement étrange et ne correspond pas à
ce que nous attendions
des expériences passées. Dans le cas des articles de magazines,
on s'attend
à ce que nous
lisions de la gauche vers la droite, et
non de la droite vers la gauche. Et ce ne
serait qu'un anglais. Il existe des langues
qui font le contraire. Mais ce qui est vraiment intéressant c'est que nous pouvons utiliser
ce principe d' expérience pour faire quelque chose imprévisible afin d'attirer davantage
l'attention sur notre design. Il peut s'agir d'ajuster la topographie de notre titre
principal de haut en bas au lieu d'ajuster la prévisible de gauche à droite. Cela pourrait amener
les spectateurs à s'arrêter
un instant et à prêter attention à quelque chose d'inattendu. Le principe de continuité que nous préférons suivre des chemins lisses et courbes plutôt que des tracés rigides et
incohérents. Et dans l'exemple ci-dessous, vous voyez deux lignes qui se croisent. Selon le principe
de continuité, votre cerveau continuera
à suivre des lignes lisses et courbes même s'il y a une séparation ou une autre ligne
d'intersection. Dans ce cas, votre œil suit la ligne noire jusqu' à l'intersection de la
ligne verte. En suivant un chemin fluide. Votre œil n'a généralement pas tendance à tomber avec
la ligne noire, puis à dévier dans une
tangente spectaculaire, comme vous le voyez ici. Au contraire, il continue sur une trajectoire directe et fluide quel que soit le changement
de couleur. Dans cet exemple, vous voyez
deux tracés qui se croisent. Vous
suivrez très probablement le chemin
vert ou noir jusqu'à la fin. Nous pouvons utiliser ce principe
de continuité pour servir balises le long de la route afin d' orienter les yeux de vos spectateurs
vers le message souhaité. Une illustration très simple. Ceci est affiché dans un
magazine ci-dessous. Le modèle jette un coup d'œil en haut à droite de la page,
guidant l'utilisateur
vers la page suivante avec le titre publicitaire. Une fois de plus, le site de
visualisation est attiré vers le
bas en direction de
la photo et du produit de la chaise. Si nous devions légèrement modifier
cela et faire en sorte que les yeux du modèle regardent
dans la direction opposée. La fluidité naturelle
du panneau serait interrompue.
4. Révision de grands exemples de gestes: Ces principes
doivent donc vraiment être compris sur le plan
théorique. Mais commençons par examiner certaines
conceptions du monde réel pour découvrir certaines de ces lois, principes et actions de la théorie de la Gestalt. Vous devriez donc tous les principes excellents guides à
suivre en tant que concepteurs. Et nous allons passer en revue
plusieurs publicités imprimées, logos, affiches de films et autres projets que vous
pourriez voir dans la nature. Nous pouvons étudier comment de
multiples principes sont à l'œuvre dans une conception solide. Sur ce logo, vous
remarquerez la loi de continuité utilisée pour guider le regard du
spectateur,
du haut du F vers le bas au bout
de la jambe et au K. Vous remarquerez également la loi de symétrie qui
permet d'équilibrer les côtés gauche et
droit avec un poids
égal sur les queues
allongées. Les queues se trouvent au
bout du K et du F.
Et dans cet exemple de conception de logo, si vous regardez assez longtemps, vous commencerez à voir
les lettres S et
R et l'
abréviation du nom de l'entreprise, Silk Road, qui forme également
le châssis du vélo. La loi de l'expérience nous
permet de voir
les deux lettres, mais aussi de discerner la forme du tube
de la bicyclette, car nous avons vu la
même forme de vélo de nombreuses fois dans notre vie. Et dans cet exemple de logo, la simplicité est en jeu ici. Nous interprétons ce mot comme
le mot complet, heureux, même
s'il y a une ligne courbe qui remplace l'âge. La loi de l'expérience indique
également que cette
ligne légèrement incurvée représente un sourire, ce qui donne au mot le sens
voulu de bonheur. Car ce logo, la fermeture nous
permet de voir la forme créée à
partir de l'épingle de sûreté. Il n'y a pas de barre transversale dans le a, mais nous pouvons toujours le
voir comme la lettre a. Pour ce logo. Ce qui semble être un accident de formes aléatoire et désordonné
finit par représenter un nuage. Notre cerveau est merveilleux lorsqu'il s'agit de
localiser les objets du quotidien. Et un tas de boue. Les principes de Gish ne vieillissent jamais. C'est pourquoi il est si important
de vraiment les étudier. Nous trouvons ici une
série de publicités, datant pour la plupart
des années 1960 et 1970. Et cela prouve que le design
et la mise en page
classiques ne vieillissent jamais. Cela est dû en grande partie
au fait que la façon dont notre cerveau organise et gère
les informations ne change pas. Cette publicité
pour Jaguar datant de 1964 représente une époque où
les messages publicitaires subtils étaient
plus éloquents que les gros titres. Il s'agissait d'une
approche discrète et d'une
nouvelle façon unique de présenter les produits. Le principe de la figure et du fond est appliqué ici avec une couleur noir
foncé, créant un arrière-plan évident. Alors que la voiture et le texte blanc jouent le
rôle de premier plan. Ce contraste élevé
permet au produit, à
la voiture, d'être
au centre de la publicité. La loi de la simplicité
se caractérise par un
titre qui attire toute son attention grâce à
sa petite taille et à son arrière-plan
clair. Il est simple, propre, organisé et me fait du
bien quand je le regarde. La Ford Pinto
était peut-être une voiture horrible, mais la publicité
fonctionne bien pour attirer votre attention en utilisant
la continuation. Les lignes rayées
parcourent toute la publicité, orientant l'attention d'
abord sur le titre, puis sur les voitures, orientant l'attention d'
abord sur le titre,
puis sur les voitures,
et enfin sur
le texte final de l'annonce. Tout a un ordre. Et cette loi contribue à instaurer cet ordre
grâce à des graphiques. Cette publicité pour le tabac, c'est une vieille publicité russe
où l'on voit les jambes de messieurs créer des
lettres qui font passer le mot. Cet ajout au téléphone Bell de 1974. Nous voyons le titre
continuer à utiliser le titre pour
déplacer complètement le regard
du spectateur d'une page à l'autre titre se terminant par
un texte publicitaire
supplémentaire. Cette annonce de voiture de 1973
que nous avons déjà examinée. Nous avons tendance à aimer
regrouper les éléments selon la
loi de similitude. Cette annonce regroupe des
articles similaires par paires de couleurs AT, le carré rouge d'
informations avec la voiture rouge et la case jaune d'informations
avec la voiture jaune. En raison de la couleur, nous associons la bonne voiture aux
bonnes informations. Les affiches de films doivent vraiment
attirer notre attention. Celui-ci utilise également la loi de la continuité pour vous déplacer
du titre du
film aux différents
personnages du film. Cela offre au spectateur
une expérience qui l'
incite à en savoir plus sur le film et ces personnages. Dans ce film, l'affiche, qui s'est démarquée
de l'affiche officielle, utilise la loi de la
symétrie pour adopter
un design de mise au point équilibré avec une importance égale sur le côté gauche
et le côté droit de la publicité. Il s'agit d'une couverture de livre qui utilise la figure et le fond,
qui a deux faces. Qui est la fumée
de la fusée ?
5. Théorie du Gestalt dans la librairie et au-delà: Les exemples de Gestalt sont
omniprésents et j' adore me rendre dans ma
librairie locale et regarder toutes les couvertures de livres
et vraiment découvrir quels sont les
principes en jeu qui rendent ces couvertures géniales. Ce livre
expérimente vraiment la figure et le sol, et cet espace
intermédiaire qui consiste
à essayer de comprendre ce qui est au premier plan et
à essayer de comprendre quel est
l'arrière-plan. Et ce côté ludique, si
vous voulez bien le mélanger, une couverture de livre
vraiment, vraiment intrigante. Vous pouvez
le dire avec les mots intégrés au
sujet. Parfois, les mots se trouvent en
haut et au premier plan, et parfois ils sont
en arrière-plan avec le
lapin qui
sort de certaines lettres, ce presque l'impression
qu'il se trouve au premier plan. Ce jeu avec la
figure et le fond, l'arrière-plan et
le premier plan fait une couverture de livre
vraiment, vraiment intrigante. Cette couverture de livre utilise la
symétrie pour créer un point
focal incroyablement fort
au centre du livre
grâce aux peintures colorées. Ils placent également des textes
très importants et l'intérieur de ce point focal, de
sorte que vous puissiez lire le haut, sortir de votre tête et déplacer
votre œil
vers ce centre. point focal symétrique
utilise également la figure et le sol pour inciter vos yeux à
regarder les flèches, mais il n'invite pas à un jeu
de mots avec le titre. Vous avez donc ce
va-et-vient intéressant entre ce qui est au premier plan et
ce qui est en arrière-plan. Et cela en fait
une couverture de
livre vraiment intéressante de cette façon. Il y a aussi la loi
de continuité ici. Il a cette diagonale très
forte. Remarquez comment
les flèches vont
du coin supérieur droit vers le coin supérieur gauche, et les lettres
vont du coin supérieur gauche vers le coin supérieur droit. Il y a donc une tension de conception
intéressante en utilisant ces
lois, ces lois et ces principes fondamentaux. La couverture de ce livre utilise
la loi de l'expérience. Si vous deviez simplement regarder le centre de ce livre et ne concentrer sur
rien d'autre, c'est-à-dire regarder
le centre du livre, vous pourriez ne voir qu'une collection
de formes différentes, vous pourriez ne voir qu'une collection
de formes différentes,
peut-être certaines avec des
angles droits, peut-être des cercles. Mais en réalité, lorsque vous étudiez ceci, vous pouvez tout à fait le
lire très facilement. Vous pouvez lire chaque
lettre dans chaque mot. Grâce à notre loi
de l'expérience, nous savons que ce sont
les formes les plus élémentaires de l'anglais classique. Personnages. Nous pouvons le lire, mais
il peut aussi être abstrait. Cela peut presque
ressembler à de l'art d'une certaine manière, et notre cerveau peut
toujours le rendre lisible. Et cela utilise la loi de continuation, car il s'
agit de deux livres distincts. C'est le premier
livre de la série et le deuxième livre
de la série. Et lorsqu'ils sont exposés
dans le magasin de cette façon, cela crée un seul visage. Et j'ai trouvé que c'
était absolument incroyable et que c'était une
idée géniale et brillante. Celui-ci utilise la symétrie
afin de créer une pièce très puissante, alignée
au centre où vous avez les
yeux et le visage du sujet
au centre, ainsi que la topographie. Et grâce à cette
incroyable symétrie, vous pouvez vous en tirer avec un peu plus d'espacement
entre les mots du titre. Normalement, vous devriez
pouvoir les garder ensemble pour maintenir la lisibilité. Et ce serait la
loi de proximité. Lorsque les choses sont proches les unes des autres, nous les regroupons. Mais comme il y a une telle
symétrie, nous pouvons lire le titre très facilement, même s'
il y a des espaces, grands espaces entre les mots. Nous pouvons voir le principe
de continuité ici avec toutes les lignes
interconnectées, tout remonte en quelque
sorte à ce
point focal central du cercle. Et au lieu d'être tous ces cercles aléatoires
qui ne sont pas connectés, vous avez ces lignes qui vous
permettent de vous déplacer dans l'ensemble et qui attirent
votre regard vers le centre. Et vous remarquerez
souvent que vous verrez la loi
de l'utilisation continue. Je l'utiliserais probablement davantage comme exemple en matière de
design, car c' est un
outil incroyablement puissant et vous le voyez
très, très fréquemment. En tant que
designer, nous voulons parfois enfreindre
ces lois et enfreindre les règles pour créer une tension positive en matière de
conception. Cela signifie donc qu'une
tension s'accumule dans votre design
qui incite la personne à
vouloir continuer à l'étudier. Et c'est un bel
exemple de cela. Cela enfreint toutes sortes de lois. Cela rompt la symétrie
dans la loi de l'ordre. Il n'y a rien de symétrique
ici avec la topographie. Cela enfreint également la règle de
continuation. Il n'y a aucune continuité ni aucun
flux dans la topographie. Elle rompt également avec la proximité. Les lettres ne sont pas ensemble
, même si c'est le titre. Mais je peux toujours le lire, le reprendre et le lire. Je suis capable de le lire, mais cela prend
quelques secondes,
mais cela me donne envie de m'
arrêter et de partir. Qu'est-ce que ce livre ?
Qu'est-ce que ce design ? C'est intéressant
Il y a donc des moments où nous enfreignons intentionnellement et de
manière significative certaines lois pour attirer l'attention et nous
démarquer parmi la foule. Voici un autre exemple pour
répéter ce que je disais dans mon dernier point : il y a un très faible
contraste entre les lettres du loup et du van blanc et
les lignes de fond, ce qui rend les choses difficiles à voir au début
. Mais tout cela était très intentionnel. C'est pour vous intriguer de le
regarder encore quelques secondes. Ce n'est pas très évident, mais c'est très, très intrigant. J'ai donc choisi ce
livre parmi une multitude d' autres livres très ennuyeux qui
avaient des titres lisibles normalement. C'est donc une autre
raison pour laquelle nous allons bien. Comment puis-je enfreindre certaines règles de conception pour rendre mon
livre intéressant ? Vous pouvez voir une jolie silhouette
et un sol ici où nous avons ce premier plan très
fort avec une bande noire dessus. Et puis vous avez un fond blanc à
contraste plus élevé comme arrière-plan. Vous avez donc une belle silhouette, bon équilibre, de sorte
que tout le livre n'essaie pas d'attirer votre
attention en utilisant la même couleur. Vous avez ce beau
contraste et cet équilibre. Et souvent, lorsque j'ai
un design qui a l'air un peu chargé et qui
a un titre. Parfois, ils optent pour
une couleur très foncée ou très claire, quelle que soit la couleur la plus
contrastée. Et mettez ça derrière le titre pour réduire un peu le design. vous contentez donc pas d'un grand carré, mais vous l'avez
en quelque sorte découpé dans votre cerveau, de sorte qu'
il y a un peu d' aide pour vous aider à
décomposer le titre en le détachant
de l'arrière-plan. Voici donc la loi de la simplicité. Au lieu d'utiliser des ustensiles de
cuisine complexes et de mettre une vraie photo d'une spatule tous les couteaux et de
toutes ces autres choses. Ils l'ont simplifié
en icônes simples afin que cela n'
enlève rien aux mots très simples. Ainsi, les icônes simples
associées à un mélange de topographie simple, offrent une lecture vraiment claire. Même si ce demi-cercle
vraiment étrange se trouve entre le L et le W, je l'ai lu comme
un 0, donc 35 en dessous. Mais il y a aussi cette action
intéressante qui se déroule alors qu'elle sous
les autres personnages
et en dessous de la ligne de base. Il a en fait l'impression de
s'enfoncer et de bouger. Et cela le rend vraiment dynamique, même s'ils ne font
que baisser le cercle
et le couper en deux. Mais je pense que la représentation du mouvement ici est intéressante. Dans cette affiche, j'ai créé la danse. On dirait que c'est le cas, vous avez
le n comme deuxième lettre. Mais grâce à la
loi de l'expérience et au
fait que la femme danse
réellement, je suis capable de conclure
que cela signifie danser, même si
le n et le a semblent
être irréguliers. Je passe du D au A, puis je descends jusqu'à la fin,
puis le C et le E. Et j'en suis capable,
mon cerveau est capable faire simultanément
en une seconde. OK, c'est de la danse.
Il y a une femme danse et le mot danse. Cela peut être hors service. Vous pouvez jouer un peu plus avec
la typographie grâce à cette
loi de l'expérience. J'étais chez Starbucks
ce matin et j'ai découvert cette belle gamme de trois emballages
différents pour un café. Et j'ai remarqué qu'il y avait une très forte
symétrie ici. Tout d'abord, tu as une
belle silhouette et un beau terrain. Vous avez un beau premier plan
et un arrière-plan défini en raison
du contraste élevé. Mais il y a aussi cette
belle symétrie avec l'ovale blanc, mais aussi la topographie du haut et du
bas qui est également parfaitement symétrique et qui se
terminent au même niveau
avec le .au centre. Tout est donc
parfaitement
aligné au centre et cela attire
vraiment mon attention le nom de Coffee est en fait un
projet étudiant qui a été soumis présenté sur mon Instagram
parce que je l'ai vraiment apprécié. Mais il a une belle
silhouette et un beau fond, comme vous pouvez le voir, il y a
ce fond en haut et en bas. Ils ont mis cette jolie boîte bleue
à contraste élevé. Donc, presque, quand
je regarde ça, je vois qu'il s'agit de deux moitiés
digestibles. J'ai cette moitié supérieure
avec le produit, et ils ont cette moitié inférieure. Et je suis également
capable de lire si
c' est tout et s'ils le font
beaucoup et
si le design de l'emballage, s'il s'agissait d'
une seule couleur ou de toutes les couleurs, juste cet arrière-plan que vous voyez en haut de
l'ensemble. Il se peut que je perde le
cookie ou que je perde le titre ou le
nom du produit. Et comme elle a pu utiliser ces jolis éléments de premier plan, elle a pu séparer
ce premier plan et cet arrière-plan et le rendre beaucoup plus digeste
qu'il ne le serait normalement.
6. Projet d'apprenant: Comme vous pouvez le constater, j'adore trouver l'
inspiration en sortant, prenant des photos de designs
auxquels j'ai l'impression d'être en
contact et j'ai l'
impression d'avoir de très bons principes de théorie du
design à l'œuvre. Ce sera donc
ton projet d'étudiant. Je veux que vous alliez
à la librairie, à l'
épicerie où vous trouverez des designs d' emballages et
des étiquettes de vin, ou n'importe où dans le centre commercial, même une bannière
accrochée ou un panneau d'affichage. Et je veux que vous preniez
des photos de choses qui, selon vous, reposent sur des principes de conception
solides, en particulier celles qui
mettent en œuvre la théorie de la Gestalt. Ce que je veux que vous fassiez, c'est presque créer un dossier contenant
différents éléments. Vous pouvez même en faire
un journal si vous le souhaitez. Tu veux le faire comme tu veux, mais je veux que tu
prennes chacune
des photos que tu prends. Et je veux que vous
découvriez quelques lois ou principes
qui sont appliqués. Donc, s'il existe une loi de
symétrie pour le design d'une
affiche en particulier, je veux que vous en preniez note et
que vous vous demandiez, eh bien,
comment cela fonctionne-t-il ? Pourquoi est-ce que cela
m'a vraiment parlé ? C'est ce que je
veux que tu fasses. Il suffit de sortir dans
la nature, de prendre des photos et de découvrir certains de ces principes
à l'œuvre, car ces principes concernent
le fonctionnement de notre cerveau. Il s'agit de la psychologie humaine et de la façon dont nous digérons l'information. Donc, si nous comprenons ces lois, nous serons
en mesure de comprendre le psychisme humain et savoir comment les gens voient les
choses et à quoi vous ressemblez. C'est un
assortiment aléatoire de lettres, de formes
et de couleurs d'une manière ou d'une autre, donne un
sens à cela. Et la façon dont nous pouvons remédier et comment
comprendre cela fera de nous designers,
car
nous ne nous contentons pas de créer
des formes et des lettres aléatoires. Tout est intentionnel. Et tout
joue avec notre cerveau et c'est un bon moyen, ou bien il aide notre cerveau à digérer tout
ce monde fou, toutes ces informations insensées. J'espère donc que vous avez
beaucoup apprécié ce cours. J'ai hâte de voir
certaines de vos idées et exemples. Vous pouvez simplement le publier dans
la section des projets étudiants. Vous pouvez simplement publier quelques photos, puis
simplement dire ci-dessous quelles sont les lois, quels sont les
principes selon vous selon
lesquels ce dessin ou cette photo que
vous avez prise de ce design ? Dites-moi ce que vous
pensez du cours. Laissez un avis et j'ai hâte voir vos projets
et de voir ce que vous découvrirez en regardant le monde d'une manière différente.