Théorie de la conception graphique - Psychologie de la conception

1. Introduction: Ce qui complique l' apprentissage de la théorie du design c'est que tout est lié. Il est difficile de parler d' règle, d'un principe ou d'un élément unique sans faire référence aux autres. C'est ce qui m'a inspiré pour créer ma série de formations la plus complète et la plus accessible à ce jour, couvrant tout ce que vous devez savoir sur la théorie du design graphique. 20 ans d'expérience l'application de ces théories dans mon travail en tant que professionnel de la création et leur enseignement à des étudiants du monde entier m'ont permis de trouver une approche unique expliquant tout sans jamais vous sentir dépassé. Nous analyserons et comparerons des exemples réels de conceptions imprimées, Web et mobiles pour vous aider à créer une bibliothèque visuelle mentale de superbes compositions. À la fin de cette série, vous serez en mesure de vous rappeler de mémoire de nombreux exemples créatifs. Vous maîtriserez également l' analyse des dessins et apprendrez à poser les bonnes questions lorsque vous jugerez vos propres compositions. Que vous soyez un professionnel de la création chevronné ou que vous débutiez en tant que graphiste, vous trouverez les cours de cette série incroyablement intéressants, inspirants et précieux. Renforcez votre confiance en vous en comprenant comment créer des compositions engageantes, claires et efficaces. Et apprenez le langage du design afin de communiquer avec les clients, les imprimeurs, les développeurs et les autres professionnels de la création. Dans ce cours, nous aborderons tous les principes du guest out, notamment la fermeture, la continuité, la similitude, la simplicité, les bases de la figure et bien plus encore. Pour savoir comment ils peuvent être utilisés dans des projets de conception graphique. En comprenant ces lois universelles de la communication visuelle, vous gagnerez en confiance et pourrez prendre des décisions plus facilement tout au long du processus de conception. Avec le projet de cours passionnant que j'espère que vous terminerez à la fin du cours. Vous disposez également de la feuille de travail d'analyse et du glossaire des termes pour vous aider à mettre en pratique tout ce que vous avez appris J'espère que vous êtes aussi enthousiastes que moi à l'idée de vous lancer et plonger dans l'océan de connaissances et de magnifiques exemples de conception graphique. 2. Principes de la gestalt (Partie 1): J'aime considérer les principes du style invité comme la grammaire de la communication visuelle. Toutes les langues du monde s'appuient sur la grammaire qui fixe les règles, crée de la cohérence et garantit que tout le monde peut se comprendre. C'est intéressant, mais quand on y pense, on n' apprend pas vraiment à l'école à comprendre les choses quand on les regarde. La perception visuelle est donc presque instinctive. C'est quelque chose que nous apprenons en grandissant. Et même en tant que nouveau-né, nous commençons déjà à assimiler notre environnement en le regardant. Bien sûr, au début de notre vie, nous utilisons davantage nos autres sens, comme le fait de toucher et de goûter des choses. Mais en vieillissant, nous finissons par nous fier de plus en plus à nos yeux pour comprendre notre environnement et pour pouvoir interagir avec lui. Apparemment, près de 50 % de notre cerveau est uniquement dédié au traitement des stimuli visuels dont nous sommes constamment bombardés pendant la journée Et même lorsque nous dormons, notre cerveau projette des images que nous considérons comme des rêves. Et j'aime penser que les rêves sont une sorte d' exercice pour le cerveau. Ainsi, même lorsque nous examinons les choses, essayons de faire fléchir les muscles que nous utilisons lorsque nous examinons à nouveau les choses et que nous essayons de comprendre ce que nous voyons. Revenons donc aux principes du guesttop et aux raisons pour lesquelles il est important de se renseigner à ce sujet Souvenez-vous que j'ai dit qu'il n'était pas nécessaire d' apprendre à voir les choses. Mais c'est tout à fait vrai. En tant que designer ou graphiste, nous devons mieux comprendre comment les gens percevront les designs que nous créons pour être en mesure de communiquer efficacement le message qui sous-tend le projet. Dans cette vidéo, je vais vous donner un bref aperçu de l'origine des principes du gestal Et nous analyserons brièvement ce logo Unilever au tableau pour voir comment les principes de Gesto peuvent être appliqués à tout type de design Dans les vidéos suivantes, nous examinerons tous ces principes de manière beaucoup plus détaillée et nous examinerons de très nombreux exemples pour nous assurer que vous comprenez comment les mettre en œuvre dans vos conceptions. Tout d'abord, les principes relatifs aux hôtes proviennent en fait du domaine de la psychologie. Il a été lancé par trois psychologues en Autriche et en Allemagne au début du 20e siècle. Et la citation la plus importante qui résume très bien l'idée qui sous-tend le gastutisme est celle de Kurt Kofka, qui a dit que le tout n'est pas la somme de Et le mot autre est très important, donc ce n'est pas plutôt ce que disait Aristote, mais c'est autre chose ou quelque chose de différent Vous pouvez voir l'exemple du vélo lorsque toutes ses pièces sont disposées et que nous les avons toutes assemblées, même s'il s'agit exactement des mêmes composants avec la bonne configuration ou le bon assemblage, il pourra nous transporter d'un point A à un point B. Il devient un véhicule. Et c'est quelque chose que nous ne pouvons certainement pas dire à propos de toutes ses pièces séparément ou simplement disposées comme ça, une fois qu'elles sont assemblées correctement. Et c'est une excellente analogie pour penser également au design. Que vous ayez de la typographie, des images , des formes, des couleurs, du contraste, etc. Vous pouvez utiliser tous ces éléments, mais si vous ne les assemblez pas correctement ou efficacement, votre design ne sera pas beau ou n'attirera pas l' attention des spectateurs. Ce n'est que lorsque vous aurez tout mis en place dans le bon équilibre, dans le bon ordre ou dans la bonne hiérarchie que vous pourrez créer un design efficace. Il existe un autre terme sous-jacent important utilisé dans les principes du style invité, appelé émergence. Cela signifie essentiellement que nous avons tendance à regarder l'objet dans son intégralité avant de voir ses différentes parties. Encore une fois, en tant que graphiste, cela signifie que si vous créez une affiche, par exemple, les gens regarderont l'affiche dans son intégralité avant de commencer à regarder détails plus petits, tels que les personnes figurant sur l'affiche, le titre ou le sous-titre, etc. Et pourquoi est-ce important ? Parce que pour nous, designers, nous devons toujours créer une composition ou un aspect général agréable de notre design. Mais nous devons également nous assurer que les utilisateurs pourront trouver toutes les informations pertinentes une fois qu'ils auront passé un peu plus de temps à regarder ce que nous avons créé. 3. Principes de la gestalt (Partie 2): Donc, en regardant le design actuel du logo Uni Liver, nous pouvons immédiatement identifier quelques-uns des principes de Guestyle qui sont appliqués ici Comme la simplicité, également appelée loi des femmes enceintes, que nous pouvons voir dans toutes ces petites icônes ici Ils sont tous simplifiés presque jusqu'à l'abstraction. Mais si nous y prêtons attention, nous pouvons toujours distinguer et reconnaître certaines choses ici. Comme s'il y avait un petit e ici. Nous avons aussi un oiseau, un poivron , un palmier , un symbole en faveur du recyclage. Il existe un autre symbole, le cœur, qui peut être interprété comme l'amour. Mais dans ce contexte, il est plus probable que indique des produits sains. Pourquoi pensez-vous qu'il était important d'appliquer la règle de simplicité à toutes les icônes de ce logo ? Eh bien, si vous y réfléchissez, s' ils étaient trop complexes et qu'ils contenaient trop de détails, cela finirait par devenir trop complexe et distrayant Et cela ne fonctionnerait certainement pas comme logo. Unilever est une énorme entreprise qui compte tant de marques Et pour être en mesure de communiquer cette complexité, le designer a décidé de mettre en valeur de nombreux aspects de ces marques sans qu'ils ne deviennent trop accablants ou trop dominants Cela nous amène à l'autre règle appliquée ici, appelée figure ground. Cela signifie que nous pouvons considérer quelque chose comme cette forme comme un contour unifié de la lettre U. est donc quelque chose que nous pourrions comprendre comme le fond ou l'arrière-plan, et toutes les petites icônes qu'elle contient sont des figures ou des éléments de premier plan La règle de base des chiffres est un peu plus délicate à comprendre, vous la comprendrez donc beaucoup mieux une fois que nous aurons examiné d'autres exemples à ce sujet. Maintenant, comme cette forme de U contient tellement de petites icônes , quelques règles supplémentaires sont également appliquées pour la rendre esthétique L'une d'entre elles, qui est assez évidente, est la similitude. Donc, en gros, cela signifie que toutes ces icônes se ressemblent, elles utilisent donc toutes la même couleur. Ils ont tous des bords arrondis, y a donc aucun angle pointu dans l'un ou l'autre d'entre eux. Et si vous prêtez attention aux icônes, elles semblent toutes suivre la forme du U. C'est ce que nous appelons le destin commun Ils ont tous envie d'aller ou couler dans la même direction. Et une autre chose intéressante que nous pouvons voir ici est qu'il n'était pas nécessaire de créer un contour solide pour la lettre U, pour qu'elle ait l'air fermée. Nous la percevons donc comme une forme proche, même si elle est entourée de trous. Et c'est un parfait exemple. Et l'utilisation du principe du style invité appelé symétrie de fermeture est une autre règle que nous pouvons voir ici. Donc, si nous avons cette ligne au milieu, vous pouvez voir que non seulement la lettre U est alignée sur elle, mais que même le texte du bas est aligné symétriquement par rapport à la lettre au-dessus Cela permet de créer un équilibre agréable dans cette composition. Et si nous examinons le texte lui-même, ici en bas, il y a aussi une autre règle qui s'y applique, appelée continuation ou continuité. Là encore, notre cerveau peut facilement relier cela et comprendre comme un seul mot, même s'il y a des espaces entre les lettres. Maintenant, cela fonctionne bien, principalement parce que cela ressemble à un texte manuscrit ou à un manuscrit si ce texte était défini dans une police de caractères différente, comme une police Serif ou Sunserifont, cela poserait déjà problèmes s'il y avait de grands écarts entre ces lettres, en particulier s'ils sont Enfin, une autre règle que nous pouvons voir utilisée ici est la proximité, qui dans ce cas relie le symbole alphabétique que nous avons ici en haut et le symbole verbal que nous avons en dessous. Compte tenu de la proximité de ces deux éléments et du fait qu'ils sont empilés l'un sur l'autre, nous devrons toujours les considérer comme une seule unité, un logo, même lorsqu'il est placé sur une publicité, par exemple, avec les logos En résumé, l'importance des principes du guest out réside dans le fait qu'en tant que designer, vous devez être capable de mettre l'accent sur les relations visuelles. Et vous ne pouvez le faire efficacement en comprenant comment vos spectateurs interpréteront ou percevront les informations visuelles que vous leur présentez. J'espère donc que vous êtes enthousiastes, car nous allons maintenant examiner de plus près chacune des règles des principes relatifs au style des invités. Et ne vous inquiétez pas si vous vous sentez un peu dépassé à ce stade. Tout cela aura beaucoup plus de sens une fois que nous aurons examiné et analysé les designs dans les prochaines vidéos, et que nous nous concentrerons vraiment sur les principes individuels à chaque fois. 4. Fermeture: fermeture est l'une des règles les plus simples des principes de Gestalt, ce qui signifie que lorsque vous regardez une image comportant des détails manquants, votre cerveau peut facilement et automatiquement combler ces lacunes pour vous Pour que cette règle fonctionne, il est important que vous trouviez le bon équilibre. Si vous omettez trop de détails ou il manque trop de détails, vos spectateurs pourraient finir par les considérer comme détails indépendants et avoir du mal à comprendre le design. D'autre part, si vous fournissez trop d'informations, il ne sera pas nécessaire de combler les lacunes, sorte que votre design ne sera pas aussi attrayant ou intéressant à regarder. Regardons d'abord cette illustration sur la gauche Les détails visuels importants qui aident vraiment à comprendre ce que nous examinons sont ces détails courants que nous pouvons comprendre très rapidement, comme les chaussures, le skateboard, les cheveux et la main Même si tout est très stylisé ou simplifié, nous pouvons toujours les comprendre Et une fois que nous avons vu ces quelques détails, ce motif de points sans contour uni commence à prendre tout son sens en tant que robe que porte ce personnage féminin. Faites attention au fait qu'il n'y a presque aucun détail sur le visage, sorte que nous ne pouvons pas vraiment voir les yeux ou le nez. Peut-être qu'une toute petite indication de l'oreille était suffisante pour comprendre ce que nous regardons. donc d'avoir des détails solides entièrement remplis de noir, comme les chaussures, les cheveux et aussi le skateboard, qui a un contour clair, suffit donc d'avoir des détails solides entièrement remplis de noir, comme les chaussures, les cheveux et aussi le skateboard, qui a un contour clair, pour maintenir le tout ensemble Et encore une fois, pour comprendre ce motif flottant qui n'a ni contour ni contour. Et vous vous demandez peut-être pourquoi il a fallu omettre le plan ? Et une réponse simple à cela est de rendre intéressant ou intéressant le moment où la fermeture est utilisée. Eh bien, dans un design, cela met généralement le spectateur au défi, lui donne matière à réflexion. C'est presque comme une petite énigme visuelle qu'il faut résoudre pour comprendre ce que l' on regarde Dans cette illustration en particulier, de nombreuses autres règles entrent également en jeu, comme le mouvement ou le mouvement, que nous pouvons encore une fois voir clairement lorsque nous regardons les cheveux, par exemple, ce qui indique un mouvement vers l'avant parce que nous savons que les cheveux longs tomberaient verticalement. Et lorsque nous voyons des cheveux affichés horizontalement, nous comprenons immédiatement qu'il doit y avoir une sorte de mouvement. Ou peut-être qu'il y a juste du vent qui souffle de la droite. Un autre principe du guest stop, le destin commun, nous aide toutefois à relier certains de ces détails entre eux et à comprendre le mouvement ou la direction de ce mouvement. Non seulement les cheveux, mais aussi la jambe sont tendus vers le dos, et le bras pointe également dans cette direction. Tous ces détails réunis nous aident donc à tout relier et à comprendre qu' il s'agit en fait d'un mouvement rapide. Même s'il s'agit d'une image complètement statique. Nous parlerons beaucoup plus du mouvement et de la manière dont nous pouvons l'indiquer dans nos designs. Une fois que nous aurons abordé le sujet de l'équilibre, examinons l'exemple du logo Johnny Walker. Qui a beaucoup évolué et changé par rapport à l' illustration originale, mais a tout de même réussi à préserver l'esthétique originale du design. Ainsi, outre la simplification évidente des détails, la règle la plus importante qui a contribué à rendre ce logo plus efficace est l'utilisation de la fermeture. Beaucoup de détails ici ne font que flotter dans l'espace. Mais encore une fois, grâce à leur proximité ou à leur proximité, nous pouvons très rapidement relier ces détails manquants et comprendre qu'il s'agit ici de pantalons ou de pantalons, ici de pantalons ou de pantalons, même s'ils n'ont aucun contour Il est intéressant de noter qu'il existait une autre version encore plus abstraite, où même la main manquait et où il y avait encore moins de détails autour de la tête. Mais cette version a probablement poussé la règle de fermeture un peu trop loin. Et ils ont oublié un peu trop de détails pour qu'il soit facilement reconnaissable. Et c'est probablement pour cela qu'ils ont décidé de le modifier et de ramener un peu plus de détails. C'est donc un excellent exemple où nous pouvons voir comment de grandes marques comme Johnny Walker peaufinent l'utilisation de la fermeture. J'adore l'affiche de ce film intitulé The Lobster, où l'on peut voir Colin Farrell étreindre quelque chose, mais on ne peut pas vraiment savoir de quoi il s'agit car il est complètement absent C'est ce que nous appellerions l'espace négatif. Mais dans ce cas, il s'agit plutôt d'appliquer la règle de fermeture, car notre esprit essaie immédiatement de combler cette lacune et de reconnaître ce qui est retiré de l'image. Et il existe des indices visuels très subtils les détails manquants. Si vous prêtez une plus grande attention à cette zone ici, nous pouvons effectivement voir qu'il y a quelques détails sur les cheveux. C'est donc un bon indice qu'il y a en fait une femme qui est probablement enlevée ici ou une personne aux cheveux longs. Et souvenez-vous de ce que nous avons dit à propos de l'équilibre ou de la recherche de la bonne quantité de détails à afficher et de la bonne quantité de détails manquants ici. Les mains sont extrêmement importantes, car sans elles, il serait beaucoup plus difficile comprendre ce que nous voyons. Les mains sont surtout nécessaires pour que nous comprenions qu' il y a un câlin ici. Mais ils agissent également comme un dispositif de cadrage qui crée réellement cette sensation d'espace ou de profondeur Et cette composition me rappelle la pantomime, où encore une fois, les artistes utilisent simplement l'air pour décrire ce avec quoi ils interagissent Le logo du Fonds mondial pour la nature est également un brillant exemple de la fermeture des États-Unis, où nous pouvons immédiatement reconnaître le panda, même s' il manque encore quelques détails sur le contour. Grâce principalement aux détails caractéristiques qui sont encore visibles, comme les taches autour des yeux les grandes oreilles et toutes ces formes courbes Ce qui aide davantage notre cerveau à combler ces détails manquants, c'est la façon dont ce détail ici, et aussi cet autre détail ici à droite, s'amincissent progressivement. Il ne s'agit donc pas d'une épaisseur continue, mais elle permet en fait une belle transition entre les lignes épaisses et les arêtes fines et pointues. Cette transition, ou modification progressive de l'épaisseur, crée réellement un mouvement ou un défaut dans le design Et cela souligne encore la forme de l'ours. Nous pouvons donc voir très clairement ces détails manquants pour la tête et aussi pour le corps. Et j'adore cet exemple amusant ici à droite, qui n'est clairement pas la version mise à jour de ce logo, mais qui montre à quoi pourrait ressembler un ours polaire dans le même style visuel. Mais bien entendu, là encore, le réglage de la fermeture est allé trop loin. Trop de détails ont été omis pour que cela fonctionne vraiment efficacement en tant que logo. Lorsque nous voyons les deux versions côte à côte, il est évidemment facile de comprendre de quoi parle l' image, mais imaginez la voir seule. Eh bien, je suis sûr que vous pouvez imaginer que cela ne fonctionnera pas vraiment comme logo. Il existe également un terme appelé ratification ou réification qui décrit toute cette idée de fermeture et la façon dont notre cerveau et nos yeux ont tendance à combler les lacunes lorsqu' il manque des contours ou des contours Et bien qu'il y ait tant d'autres très bons exemples ici. Enfin, je voulais juste souligner cette affiche ou ce design où nous pouvons voir que la fermeture peut également être utilisée de manière extrême. Où nous ne montrons même pas les grandes lignes du sujet de notre design, en l'occurrence cette œuvre d'art manquante, qui n'est entourée que de détails, trois mains et du texte figurant dans le coin supérieur gauche de cette pièce manquante. Mais quand on y pense ici, aucun schéma n'est en fait utilisé pour ce détail. Ainsi, même s'il s'agit d' une utilisation extrême de la fermeture, elle fonctionne toujours, principalement parce que les quatre coins de ces formes rectangulaires présentent une sorte de détail qui les maintient ensemble. Imaginez que vous enlevez l'une de ces mains, la composition s'effondrerait immédiatement. 5. Persistance (Partie 1): La continuité est un autre principe qui consiste à relier des points. Encore une fois, c'est quelque chose que notre esprit fait automatiquement. Donc, en gros, nous aimons voir les choses disposées en ligne, en ligne ou en courbe, ce qui est agréable à regarder et aussi plus facile à comprendre pour nous. C'est pourquoi nous aimons voir des arbres plantés en rang dans un jardin, ou disposer les vêtements dans un dressing dans le même ordre que nous les porterions, chapeaux sur le dessus et des chaussures sur l'étagère du bas. Même s'il n'y a aucune raison logique de les placer dans cet ordre, cela crée simplement une combinaison esthétique et aide notre esprit à relier ces objets ou les arbres plantés dans une rangée C'est un instinct pour nous de suivre une rivière, un chemin ou une clôture. Et c'est exactement ce que nous aimons également voir dans les designs. Ainsi, chaque fois qu'il y aura une invitation, une voie à suivre pour nos yeux, nous le ferons probablement. En tant que graphiste, la continuité est un outil formidable qui peut vous aider à vraiment diriger le regard de votre spectateur d' un point à l'autre dans vos conceptions. Et vous pouvez le considérer comme un défi visuel similaire à celui de clôture que vous avez lancé à vos spectateurs. Vous les invitez et vous leur donnez matière à réflexion en omettant certains détails, ou peut-être en associant différentes choses, mais en faisant une continuation entre les deux avant que nous commencions à analyser des designs incroyables sur ce forum. Voici un exemple très intéressant. Nous voyons quelques points, certains sont rouges, d'autres sont noirs. Et même si ces couleurs les séparent clairement les unes des autres, plupart des gens considéreraient cela ou comprendraient comme une ligne droite et une ligne courbe. Au lieu de suivre les points par leur couleur, nous préférons suivre leur forme. Voici une ligne droite et une courbe. Il est beaucoup plus agréable pour notre esprit de relier ces points de cette façon d'avoir une forme que d'avoir une forme comme celle-ci et une autre forme comme celle-ci. Cela explique ou mène à une découverte très importante selon laquelle changements brusques ne sont jamais bons en général dans votre vie de tous les jours, mais aussi dans le domaine du graphisme Par exemple, lorsque nous regardons cette image au début notre esprit préfère regarder ces deux personnes de cette façon. Bien sûr, il y a en fait une personne ici en haut et une autre personne en bas. En simplifiant cela, nous pouvons également imaginer un triangle ici en haut et un autre triangle en bas Et c'est à ce moment que le changement brusque se produit à la fois en haut et en bas Ou voici un autre exemple. Si nous regardons ces flèches, même s'il s'agit d'une image en deux dimensions, nous avons toujours l'impression qu'il y a une impression de profondeur et d'espace, grâce à la façon dont ces lignes sont disposées. Mais surtout, ces courbes sont créées grâce une belle transition progressive entre le bas et le sommet de cette bosse Nous avons cette transition graduelle dans l'épaisseur et la direction des lignes. Et le changement de ces attributs nous prépare et nous aide à comprendre le changement de direction. Imaginez donc que si ces lignes étaient complètement droites et qu'une autre ligne apparaisse à côté d'elles, il nous serait beaucoup plus difficile de les percevoir comme lignes continues ou d'en voir la continuité. Votre travail en tant que graphiste, bien entendu, consiste, comme toujours, à comprendre que la règle est de le remettre ou d'en faire un défi pour vos spectateurs. Ce qui rend cette composition intéressante c'est qu'au lieu de simplement exposer un portrait, le designer l'a découpé en tranches séparées Mais comme ils sont empilés les uns sur les autres, notre esprit peut toujours facilement les combiner. Et je suis sûr que dans votre tête, vous visualisez également automatiquement tous ces détails qui tombent les uns sur autres et forment la tête réelle Voici un autre exemple très similaire où, encore une fois, au lieu de voir le portrait complet, nous n'en voyons que des parties Et ce qui rend cela intéressant, c'est vraiment le fait que nous avons ce ruban, une seule ligne continue qui forme l'ensemble de la forme. Nous pouvons donc facilement le tracer, vous pouvez vraiment voir qu' il a une forme simple, presque comme la peau d'une pomme de presque comme la peau d'une pomme de terre épluchée en un seul morceau. Et c'est la continuité de ce ruban qui aide notre œil à tout connecter et qui rend l' ensemble de la pièce intéressant. 6. Persistance (Partie 2): Une règle importante de la typographie est la lisibilité. Il faut donc s'assurer que les gens peuvent lire tout ce qui est écrit dans un dessin. Cependant, les titres ou les textes plus volumineux peuvent toujours être rendus plus intéressants si vous en omettez ou en cachez certains détails. Ce dessin est l'exemple parfait où la jungle de texte est écrite en beaucoup plus grand que le reste de la copie. Et grâce à son échelle et à son contraste élevé par rapport au reste des détails, il fonctionne et se lit parfaitement bien, même si les détails du feuillage recouvrent une grande partie de la composition. Si vous faites bien attention, vous verrez que chaque lettre du mot jungle a certaines parties recouvertes de détails qui se chevauchent Il y a donc quelque chose ici sur la lettre J, il y en a une assez grande partie couverte sur la lettre U. Il y a aussi un autre détail ici, un autre là, et un autre D'ailleurs, ces motifs floraux utilisent également la règle de la continuité. Voici donc un joli détail qui relie non seulement le mot livre au mot jungle, mais aussi les lettres de jungle, qui sont séparées dans ces deux rôles distincts. La même branche qui apparaît ici possède également une autre branche qui se tord, la lettre U. C'est une autre belle utilisation de la continuité Commencez par le bas de la composition, puis remontez, faites demi-tour, puis remontez. Il se tord autour de la lettre U et crée un sentiment de continuité, tout en ajoutant de la profondeur au design Et il en va de même pour tous les autres détails, comme cette branche présente, encore une fois, une belle courbe continue. Et nos yeux peuvent facilement suivre ce type de courbe et le comprendre comme un seul élément, même s'il est divisé par une lettre. De même, nous comprenons la lettre comme un seul objet, même si elle est interrompue par ces éléments floraux. Cette affiche est un autre excellent exemple de la façon dont vous pouvez défier vos spectateurs ici. La tâche est évidemment de pouvoir lire le texte, qui est à nouveau divisé en plusieurs lignes. Plus de lignes que le nombre réel de mots. Il ne s'agit donc que de trois mots, mais il y a cinq lignes. Cette disposition du texte mettrait donc déjà un peu les spectateurs au défi de comprendre ce qu'est le texte. Mais les spectateurs sont confrontés à un défi supplémentaire en voyant cette arène de cloches s' entrelacer ou s'imbriquer dans Et comme si cela ne suffisait pas déjà, elles ont même oublié le corps, ou la partie centrale du corps de cette ballerine, où l'on s'attendrait à voir la robe blanche qu'elles porteraient normalement Mais c'est là que notre esprit entre en jeu. Et parce que nous comprenons très bien les proportions du corps humain, parce que nous le voyons tout le temps, tous les jours, nous comprenons immédiatement que ces détails, ici en haut, doivent être liés haut, doivent être d'une manière ou d' une autre aux jambes situées en dessous. Pour que cette composition fonctionne, il était très important de s'assurer que la distance entre les détails du bas et ceux du haut devait être la même que sur la photo originale. S'ils étaient éloignés autre ou rapprochés l'un de l'autre, le tout serait gênant et étrange à regarder. Donc, pour récapituler, il y a trois manières différentes de nous mettre au défi ici En termes de continuité, nous devons d' abord relier les lignes de texte entre elles. Nous sommes également confrontés au défi qu' une grande partie du texte soit couverte de détails sur la ballerine Nous devons donc imaginer les détails manquants dans ces lettres. Et troisièmement, nous avons également ce gros détail manquant de la ballerine Donc, la leçon à retenir, et ce que j'essaie vraiment c'est que lorsque vous adoptez une seule règle, en l'occurrence la continuité, vous pouvez non seulement l'utiliser une fois dans votre composition, mais vous pouvez également la faire utiliser plusieurs fois pour vraiment mettre en valeur ou l'exagérer au point qu'elle reste reconnaissable N'oubliez donc pas de peaufiner ces éléments et de ne pas aller trop loin, car vous perdrez alors vos spectateurs et ils ne comprendront pas ce qu'ils regardent, ou ils seront simplement confus, et ce n'est jamais une bonne chose. Ainsi, par exemple, avec ce design, même s'il manque beaucoup de détails à ces chiffres, il est presque immédiatement reconnaissable. Et nous pouvons les lire. Et nous pouvons également comprendre que celles-ci représentent très probablement des dates. Et cette composition, comme les autres précédentes, repose également fortement sur la continuité ou la continuité. Notre esprit sera facilement capable de relier ces détails, même s'il y a des écarts entre eux. Non seulement les nombres utilisent la règle de continuité, mais également ces formes ou taches définies en rouge Au lieu de simplement avoir quelques points, il y a en fait des pièces connectées ici. Nous pouvons donc voir une suite ici et une autre ici. Et aussi entre ces deux points, vous vous demandez peut-être pourquoi était-il nécessaire de relier ces points rouges rendre les chiffres plus lisibles à l'intérieur Eh bien, principalement parce qu'ils orientent les yeux du spectateur dans la direction dans laquelle ces chiffres sont censés être rouges. Pour que les dates aient un sens, nous devons commencer ici en haut gauche, puis passer à ce numéro ici. Ensuite, nous pouvons continuer ici. Et cette ligne est également très importante car c'est qui divise les deux dates. Encore une fois, ces points nous guident vers le bas. Une fois que nous voyons le point, nous pouvons monter et terminer la lecture de ce chiffre avec le point. Sans ces quatre points, encore une fois, l'ensemble du dessin s'effondrerait et nous ne serions pas en mesure de vraiment comprendre ces chiffres. Ces points ou points sont donc tout aussi importants que les chiffres eux-mêmes. Et maintenant, si vous vous concentrez uniquement sur ces formes connectées, elles vous aideront vraiment à suivre ces détails importants la composition dans un ordre parfait. 7. Figuré au sol (partie 1): L'un des principes les plus intéressants ou les plus intrigants de la Gestalt est sans doute la relation entre la figure et le fond La figure est généralement le sujet de l'image et le sol est l'environnement ou l'arrière-plan. Mais cela peut avoir de nombreuses interprétations différentes. Mais la meilleure façon de préciser quelle figure figure dans une composition est de l'appeler l'élément ciblé. Comme je l'ai dit, le sol est l'arrière-plan ou l'environnement dans lequel cette figure, ce sujet ou ce point focal repose ou est placé. La particularité cette relation est que notre cerveau essaie automatiquement ou instinctivement de garder le personnage au premier plan ou de s'attendre à ce que le personnage ou le sujet soit au Voici un exemple intéressant. Lorsque nous regardons cette simple illustration abstraite, nous pensons automatiquement que ces carrés sont le sujet quelle que soit leur couleur. Nous considérerions que le carré blanc dans ce rectangle noir est le sujet ou la figure. Et de la même manière, nous considérerions ce carré noir, encore une fois, la figure dans le sol qui, dans ce cas, est blanche. Ce que nous pouvons apprendre de cet exemple très simplifié c'est que la plupart du temps, nous nous attendons à ce que le chiffre soit plus petit que le sol. Bien entendu, il peut y avoir des exceptions ou vous pouvez intentionnellement aller l'encontre de cette façon de comprendre ce qu'est la figure et le terrain. Il existe un autre terme important qui mérite d'être mentionné lorsque nous parlons la relation entre la figure et le fond, mentionné lorsque nous parlons de la relation entre la figure et le fond, à savoir la stabilité multiple ou la perception multistable, qui est cette étrange expérience lorsque vous regardez quelque chose et qu'il revient sans cesse d'avant en arrière Dans ce cas, par exemple, vous pouvez voir ce cube, qui s'appelle d'ailleurs le cube de Necker, car cette face est plus proche vous et le reste du cube s'éloigne dans l'espace Mais si vous détournez le regard et regardez en arrière, vous pourriez voir ce visage se rapprocher de vous et le reste du cube s'éloigner à nouveau dans l'espace Considérer cette phase comme étant plus proche de nous, c'est comme regarder le cube d'en bas. Alors que nous considérons que cette phase se situe au premier plan, nous regardons le cube vu d'en haut. Ce type spécial de vue qui nous donne une représentation d' un objet tridimensionnel dans un plan bidimensionnel est appelé vue isométrique, où toutes les lignes qui reculent dans l' espace sont parallèles les unes aux autres Par rapport à lorsque nous voyons les choses en perspective où toutes les lignes parallèles convergeraient vers un point de fuite Nous parlerons plus en détail perspective et des vues exxonométriques car elles sont toutes très importantes à comprendre pour un Mais cela fait partie d'un autre sujet, nous nous concentrons donc sur la relation entre la figure et le fond. Voici un autre exemple très intéressant. Le Rubin est l'endroit où nous avons encore une fois cette sensation de stabilité multiple, où nous pouvons regarder cette image comme une tasse ou un vase Mais peut-être avez-vous immédiatement vu ces deux visages ici, des deux côtés. Dans ce cas, notre compréhension du fond des figures est remise en question car nous ne pouvons pas vraiment décider si les visages sont la figure, le sujet ou le vase. Donc, si nous considérons que les visages sont la figure, nous voyons le champ noir comme arrière-plan. Cependant, si nous considérons le vase comme le sujet ou la figure, cela signifie que nous le voyons dans un environnement ou un arrière-plan blanc. Vous vous demandez peut-être si la multistabilité est réellement une bonne chose ou non et si vous devez l'appliquer à vos conceptions ou non. La réponse est que, bien sûr, il peut être utilisé et transformé en une bonne et bonne chose. Mais si vous ne faites pas attention à la façon dont vous l'utilisez, cela pourrait simplement ennuyer vos spectateurs. Voici donc un excellent exemple de multistabilité, où nous avons Batman à l'envers, ou la silhouette de Batman et la silhouette de Penguin ou Copa Pot, l'un des célèbres méchants de l'univers DC Si cette composition fonctionne si bien, c'est parce que l'illustrateur ou le designer comprend vraiment comment fonctionne la relation entre la figure et le fond. Tout d'abord, tout comme si l' objet le plus petit était la figure, nous considérons normalement que détails les plus lumineux et les plus saturés sont la figure. Parce que les objets ont tendance à s'assombrir et à se désaturer à mesure qu'ils s' enfoncent dans l'espace C'est pourquoi, à première vue, presque tout le monde considérerait que c'est le chiffre. C'est pourquoi il était judicieux tenir debout normalement, c'est-à-dire la tête en haut, puis le corps en dessous. Parce que c'est simplement la façon naturelle ou attendue voir un personnage dans une illustration. Mais le fait que Batman Silhouette soit noire fonctionne bien sûr bien avec le personnage lui-même, car Batman porte une cape noire. Mais encore une fois, le fait qu'il soit à l'envers fonctionne parfaitement avec la façon dont il se comporte dans l'histoire C'est un autre brillant exemple d'illustration minimaliste qui peut nous aider à comprendre un autre terme qui mérite d'être rappelé. C'est ce qu'on appelle la région inférieure. Et c'est une autre de ces choses instinctives où nous pourrions envisager deux régions séparées par une ligne horizontale La région inférieure pour être plus proche de nous ou la région inférieure pour être la figure. Ainsi, même si cette illustration ne contient pas beaucoup de détails et qu'elle est très abstraite, nous pouvons tout de suite comprendre que nous avons affaire à une plage avec un bateau. Voici donc notre personnage, au premier plan, tandis que nous avons la mer et une île en arrière-plan Et souvenez-vous de ce que nous avons dit à savoir que les détails les plus clairs devraient encore une fois être plus proches de nous que les détails plus sombres qui sont également appliqués ici. Et ainsi, il est plus facile de comprendre ce que nous examinons. 8. Figuré au sol (partie 2): Voici maintenant quelques exemples de compositions achromatiques où nous n' avons que des détails en noir et blanc Et toutes ces affiches, encore une fois, jouent avec ce facteur de stabilité multiple. Mais très probablement, vous reconnaîtrez d'abord les formes ou les silhouettes des objets qui sont en blanc Ce sont donc les jambes ici, ou le visage et le corps sur celui-ci et la fourchette sur ce troisième poster. Mais une fois que vous avez fait attention à ce que vous avez d'abord perçu comme l'arrière-plan ou ces détails noirs, vous pouvez également commencer à les considérer comme la figure. Nous voyons donc ici la main, également la main ici, et les bouteilles de vin dans cet exemple. Dans ces deux premiers exemples, cette stabilité multiple était un excellent moyen d'attirer l'attention des spectateurs et d' attirer leur attention sur ces problèmes très importants harcèlement sexuel et la violence domestique. Dans le cas de la troisième affiche, c'est un peu moins dur. Il s'agit simplement d'une affiche très intelligente qui combine les deux détails importants relatifs sujet ou à l'événement pour lequel cette affiche a été créée. Il s'agit donc d'un festival gastronomique et œnologique et nous pouvons immédiatement voir la nourriture à laquelle il est fait référence en utilisant la fourchette sur l'illustration. Ensuite, nous pouvons voir le vin, bien sûr, à travers les bouteilles. Et je pense qu'il y a une raison pour laquelle ils ont décidé d'avoir la fourchette en blanc. Je crois qu'il existe un moyen de suivre le même ordre, la façon dont le titre est écrit. Nous avons donc de la nourriture et du vin parce que nous avons la fourchette en blanc, c'est la première chose que nous voyons, de la nourriture. Et puis nous voyons les bouteilles, qui est le deuxième mot du titre, simplement en sachant de quelle couleur les gens verront. Tout d'abord, nous avons déjà établi l'ordre visuel ou hiérarchie dans laquelle les utilisateurs interagiront avec ce design. J'adore cette composition parce qu'elle nous met au défi. Et encore une fois, cela montre très bien comment relation figure-fond peut être utilisée pour rendre un dessin ou une illustration, dans ce cas, plus intéressant. Donc, quand vous regardez cela, il est clair que le point central est le chat. Mais quel chat ? Eh bien, voici exactement la même silhouette et même même taille que ce que nous voyons ici. Il est juste différent en couleur et évidemment en position dans la composition. Mais il vous a probablement fallu un peu de temps pour déterminer lequel est le chat et lequel est l'ombre. Et la raison pour laquelle il n'est pas immédiatement évident de savoir laquelle est due au fait qu'il n'y a que cette seule ligne ici qui suggère la source de lumière venant du haut à droite. Et ce qui expliquerait l'ombre projetée dans cette direction. Normalement, dans une photographie ou même dans une illustration un peu plus complexe, nous avons de nombreuses suggestions la lumière et la façon dont les ombres se forment. Ici, il s'agit vraiment intentionnellement de cette seule ligne, ce qui, encore une fois, est un excellent moyen de défier le spectateur. Le logo du zoo de Pittsburgh est un autre excellent exemple de l' utilisation du principe de base de la figure. Vous verrez probablement d'abord l'arbre, puis vous remarquerez les silhouettes de ces deux animaux, le gorille et le lion Si vous passez un peu plus de temps à analyser le logo, vous remarquerez également ces oiseaux en haut et les poissons en bas. Il y a donc en fait une plante et quatre animaux ici, même si au début vous ne voyez probablement que la plante. J'aime également cette illustration d'Olimos où, encore une fois, nous sommes mis au défi de décider quel est le sujet de la figure et quel est le terrain Parce que nous avons une compréhension immédiate du personnage de Sheer Khan, le tigre. Et vous voudriez le considérer le sujet d'une figure dans la composition. Cependant, vous remarquerez bientôt que ces bandes représentent en fait une histoire très importante livre de la jungle, où Mowgli rencontre la voiture serpent et se laisse hypnotiser Ainsi, ce qui semblait à première vue être, les rayures du tigre deviennent le sujet ou la figure, et le tigre lui-même devient le sol. Et n'oubliez pas que nous avons dit que les petites choses ressemblent instinctivement à une silhouette quand on est ici Mowgli et qu'elles sont vraiment petites par rapport au reste de la composition Cela ne fait donc que renforcer cette controverse ou cette stabilité multiple qui consiste à décider laquelle est la figure et laquelle est le terrain. J'adore aussi cette illustration. En arrière-plan, nous avons une bouteille et le vin ou tout autre liquide qui en sort. Ensuite, si nous commençons à suivre ces lignes, elles nous mènent aux détails intéressants la composition, où nous avons du mal à comprendre qu' il s'agissait peut-être d'un tapis ou d'un canyon. Ici, il n'y a pas deux, mais trois perceptions différentes selon lesquelles nous pouvons alterner entre le vin renversé, le tapis et le canyon De même, cette illustration sur l'encre des monstres est également très intelligente : même si la couleur n'est utilisée qu' une seule fois, le vert sur ce fond jaunâtre parvient à créer trois couches et à nous faire voir les trois personnages les plus importants de l'histoire Bien sûr, il est également utile que la plupart des animations Disney et Pixar aient des silhouettes très reconnaissables pour tous les personnages Mais j'adore le fait que la tête de la petite fille soit parfaitement alignée à l'endroit où l'on s'attend à voir gros œil ou le globe oculaire de ce monstre Et ce n'est pas tout, même ces petites cornes font également office de dents ou grosses défenses du monstre qui souille en arrière-plan Il s'agit donc, encore une fois, d'un brillant exemple d'utilisation de cette relation figure-fond. Mais le même schéma représente des choses différentes selon la façon dont nous l'envisageons et le comprenons. 9. Destin commun: La foi commune est un principe intéressant que nous pouvons utiliser pour associer différents détails et leur donner l'impression qu'ils sont connectés ou liés uns aux autres s' il est utilisé correctement. Même si les éléments sont de taille, de couleur ou de forme différentes , ils peuvent toujours se sentir connectés tant qu'ils se déplacent dans la même direction ou qu'ils sont placés sur le même trajectoire. Cette affiche est un excellent exemple la foi commune, où nous pouvons voir toutes ces personnes vues d'en haut. Et normalement, de ce point de vue, il est très difficile de dire dans quelle direction ils se déplacent par rapport à une vision latérale. Mais parce qu' il y a immédiatement plus de monde ici, si nous avons l'impression que la plupart de ces personnes se dirigent dans cette direction. Cela repose maintenant sur notre compréhension et notre expérience des foules qui se rassemblent. Cela signifie normalement que les gens viennent de toutes sortes de directions différentes, mais qu'ils finissent par se rendre au même endroit. Pensez à faire la queue au stade ou au concert. Maintenant, ce qui rend cette composition encore plus brillante, c'est le fait que les informations réelles, la fois la date, le nom et le lieu de ce festival, sont compressées dans ce petit espace en haut à droite. C'est un placement inhabituel pour les informations, car normalement nous nous attendons à ce qu'elles se trouvent quelque part au milieu, ou peut-être ici en haut à gauche. Mais en utilisant la foi commune et utilisant ces lignes invisibles pointant toutes vers cette partie du design, il parvient toujours à être un point central très fort. De plus, nous avons également le sentiment que ce festival est très populaire et qu'il y aura beaucoup de monde. Cette illustration est un autre bon exemple de la façon dont nous pouvons susciter l'intérêt en plaçant simplement quelques éléments floraux ou des décorations autour de ce texte. Et encore une fois, utiliser le destin commun les faisant tous pointer vers le centre pour que tout dans cette composition soit harmonieux et uni. Cette affiche qui tente de sensibiliser le public aux déchets plastiques dans les océans parvient à communiquer un problème très complexe avec de simples silhouettes de quelques objets Nous avons donc un dauphin ici sur le côté droit, puis tous ces déchets plastiques s' écoulent dans la direction de la bouche. signifie qu'il y a un énorme danger que tous ces déchets finissent dans le ventre de ces animaux Et cela causera évidemment leur mort. Dans ce cas, le destin commun est donc utilisé en plaçant tous ces objets sur la même trajectoire. Donc, même s'il y a un certain hasard entre eux, ils semblent tous pointer vers ce point Et ils convergent également d' un espace plus grand vers cet espace plus petit ici Ces deux courbes se rencontrent donc à ce point, qui est évidemment le point central de la composition. Et d'ailleurs, c'est un placement très intelligent car c'est aussi un point d' intersection selon la règle des tiers ici. Et si vous ne connaissez pas ce terme, nous l'aborderons en détail dans le sujet de la composition. Enfin, un autre exemple où le destin commun est utilisé pour séparer deux significations différentes au sein d'une même composition. Ainsi, bien que nous ayons le placement vertical ou le positionnement de ces bouteilles de vin, nous avons le placement diagonal de leurs ombres. Et ce ne sont en fait pas les ombres des bouteilles, mais les ombres de monuments célèbres. Normalement, nous regarderions un objet et l' associions à son ombre. De cette façon, nous associerions à nouveau cette bouteille à son ombre. Dans ce cas, il y a en fait plus de liens ou relations entre les ombres elles-mêmes. Pour obtenir cette bonne façon de regrouper éléments dans la composition, il faut encore une fois aillent dans la même direction ou pointent dans cette direction, tandis que les bouteilles sont toutes placées dans une position plus verticale, pointant vers le haut, ce qui les aide à se sentir à nouveau plus connectées les unes aux autres que leurs ombres. Il y a beaucoup d'autres excellents exemples de foi commune affichés sur ce forum. Et j'aimerais que vous les analysiez et que vous essayiez de voir comment ils sont utilisés et ce qu'ils mettent en valeur dans chacune de ces compositions. 10. Simplicité (partie 1): La simplicité est un autre de ces principes qui est très facile à comprendre et qui semble évident. Cependant, il y a un peu plus que ce que vous pensez au début. C'est en fait très difficile pour tout graphiste, en particulier pour ceux qui débutent, de simplifier le travail dans la plupart des professions. Pour être honnête, plus une chose doit être simple, il faut travailler dur pour l'obtenir. Cela peut sembler étrange au début, mais si vous y réfléchissez, pour qu' une chose soit simple, elle doit contenir uniquement les détails ou informations les plus essentiels tout en restant esthétique Lorsque nous parlons de design graphique, bien sûr, mais cela s'applique à presque tout, même à la conception de produits, tout commence par être complexe. Ensuite, par itération, nous arrivons à des versions de plus en plus simples jusqu'à ce qu'il ne reste plus rien à supprimer ou à simplifier Un terme qui vient également du design de produit est également quelque chose que j'aime appliquer en design graphique. Ça s'appelle Kiss, qui signifie Keep it simple, stupid. Ou soyez bref et simple. C'est une excellente directive que vous pouvez garder à l'esprit chaque fois que vous concevez quelque chose. Vous voulez donc essentiellement créer quelque chose que tout le monde puisse comprendre et leur expérience avec votre travail, qu'il soit imprimé ou basé sur le Web, sera fluide et indolore La simplicité de la conception graphique peut toujours vous aider à clarifier votre message et à attirer l' attention de vos spectateurs et à leur faire comprendre votre message beaucoup plus rapidement que lorsque vous leur présentez des designs plus complexes. Moins c'est plus est une autre chose que nous ne cessons de dire en matière de design. Et ce n'est qu'une autre façon d' expliquer à quel point la simplicité est importante. Ainsi, même si cela semble contradictoire, il est vrai qu'en supprimant des éléments et en simplifiant votre travail, donnez-lui plus d'impact. Et croyez-moi, l'une des erreurs les plus courantes des designers débutants est de trop compliquer leur travail Ils essaient d'introduire beaucoup trop d'éléments et de composantes dans leur travail, ce qui ne fait que diminuer le message qu'ils essaient de communiquer La différence entre complexité et simplicité dans la conception graphique peut simplement résider l'introduction d'une phase de texte supplémentaire ou une couleur supplémentaire qui n'est pas en harmonie avec le reste de la palette. Il est donc très facile de s' écarter du chemin de la simplicité et d'être tenté d'ajouter de plus en plus d'éléments ou de composantes à son travail La simplicité, comme tous les autres principes, a quelque chose à voir avec le fonctionnement de notre cerveau et la façon dont nous percevons les informations visuelles. Il est généralement vrai pour tout le monde dans le monde que nous préférons voir les choses simples, claires et ordonnées. C'est parce que nous pensons instinctivement que ces choses sont Lorsque nous voyons une forme complexe et inconnue, notre cerveau s'efforce immédiatement de lui donner un sens en décomposant en composants plus petits et plus simples. Presque tous ceux qui regarderaient cette étrange silhouette ici sur le côté gauche verraient immédiatement le rectangle, l'ellipse et le triangle à l'intérieur, même si leurs contours ne sont pas définis Quand on regarde le logo des Jeux Olympiques, presque tout le monde voit immédiatement qu'il s' agit de cinq cercles reliés les uns aux autres. Encore une fois, cela semble évident, mais si vous y réfléchissez, il n' y a pas de distinction claire entre ces formes et elles sont complètement connectées à ces points d'intersection. Nous n'avons donc aucune information visuelle quant à savoir s'il s'agit réellement de cercles indépendants placés les uns sur les autres. Ou peut-être s'agit-il simplement d'une forme complexe ou composée de régions de plus en plus petites. Donc, si je vous montre exactement la même disposition des cercles dans un format légèrement différent, votre esprit devra encore une fois faire un petit travail pour comprendre ce qui se passe ici. Mais encore une fois, il ne nous faut généralement qu' une fraction de seconde pour reconnaître les cercles. Et même si cela semble différent, nous essayons encore une fois de donner un sens à cela et de le simplifier autant que possible. après ce que nous voyons, vous pensez peut-être que même si la simplicité est une bonne chose, dans certains domaines comme les bijoux par exemple, nous aimons la complexité. Nous aimons voir les détails complexes. Mais lorsque vous regardez ces ornements ou embellissements, encore une fois, plupart d'entre eux peuvent être décomposés en formes et formes géométriques simples J'adore les croix celtiques, et c'est un bel exemple, encore une fois, de quelque chose qui semble assez complexe au début, mais là encore, notre esprit peut très rapidement trouver ces formes simples à l'intérieur, donc il y a un cercle. Cet autre détail peut être réduit à un triangle, ou vous pouvez voir la section d'un cercle. Dans ces formes, il y a une section là, il y a un autre grand cercle ici, et il y en a un autre ici. Il est en fait composé de quatre cercles, celui du milieu et trois plus grands qui ne sont pas terminés. Au lieu de cela, ils ne font que se transformer et se joindre les uns aux autres. Mais ce qui rend ces ornements plus intéressants, c'est le fait qu'il y a aussi une sensation de profondeur Lorsque cette forme, par exemple, apparaît ici, elle passe en dessous de ce petit cercle. Mais quand ça revient, c'est en fait au-dessus de tout. Et la même chose se produit encore et encore. Il y a donc cette imbrication complexe de ces quatre formes dont nous avons parlé plus tôt Même s'il s'agit d'un design simple composé de quatre cercles, il est présenté de manière à le rendre plus complexe et intrigant Un autre terme à retenir lorsque nous parlons de simplicité est la loi de Hicks, selon laquelle plus vous présentez d'options à votre utilisateur ou à votre téléspectateur, plus il lui faudra de temps pour prendre une décision Aujourd'hui, cette loi est très importante dans conception Web et de l'expérience utilisateur, où nous pouvons affirmer avec fierté que nous avons un long chemin pour passer site Web vraiment parcouru un long chemin pour passer d'un site Web vraiment encombré d'informations inutiles à des sites beaucoup plus soignés, plus propres et mieux organisés Ces deux exemples étaient donc le même site, bon, c' est-à-dire le site Web original et la version actuelle, beaucoup plus simplifiée de celui-ci. Et non seulement le site est devenu plus simple, mais même le logo Vous vous souvenez peut-être cet étrange logo aux allures de dessin animé qui était original et qui se démarquait définitivement des autres. Mais maintenant, si vous regardez leur logo, il est beaucoup plus simple et plus propre. Je ne dis pas que c'est forcément mieux, mais en général, le site lui-même semble beaucoup plus accueillant et plus professionnel. Et c'est une façon très courante d'entendre les gens parler de choses qui ont l'air simples, qui ont l'air professionnelles. Et n'oubliez pas que c'est parce que la création designs simples demande généralement le plus d'expérience. Parce que vous devez être capable de sélectionner les composants les plus importants. Et ayez également une très bonne idée de leur taille, couleurs qu'ils devraient utiliser et de l'endroit où ils devraient être positionnés. En tant que designer, la plupart du temps, vous aurez beaucoup d' informations à intégrer à votre travail. Et c'est à vous de créer de l'ordre et de la simplicité en organisant les choses et en veillant ce que tout soit clair pour vos utilisateurs ou vos spectateurs. 11. Simplicité (partie 2): Ce n'est pas pour rien que des marques internationales célèbres comme Apple, Nike et Target ont des logos très simples. Même s'ils n'ont pas commencé aussi simplement, ils ont fini par être dans cette forme la plus pure que nous puissions encore les reconnaître. Mais si vous y réfléchissez, si nous en retirions d'autres détails, il serait impossible de les relier à la marque. Donc, même si je retirais cette petite forme, qui représente la feuille de pomme, cela semblerait étrange et vous ne la reconnaîtrez peut-être pas tout de suite. Si je devais couper cette partie du logo nocturne, ou peut-être la fin de celui-ci, cela semblerait étrange et vous ne le reconnaîtrez peut-être pas immédiatement. Ou si je retirais le petit cercle du logo Target, il ne s'agirait plus que d'un cercle normal. Encore une fois, vous ne pourriez pas le reconnaître. Voici un autre logo célèbre qui a commencé par être beaucoup plus complexe, et au fur et à mesure que la marque s'est développée, le logo a fini par devenir de plus en plus simplifié tout en préservant son esthétique d'origine. De nos jours, il est courant que même les éléments d'un logo puissent être utilisés séparément, et si vous pouvez toujours le reconnaître comme étant lié à la marque, cela signifie que votre logo est vraiment emblématique. Le D du logo Walt Disney ou l'étoile rouge du logo Heineken en sont un bon exemple ou l'étoile rouge du logo Heineken Et comme pour les logos, lorsqu'il s'agit d'icônes, il est également extrêmement important de garder les choses simples. Et même si vous pensez que les icônes sont déjà très simples ou simplifiées, elles peuvent toujours être simplifiées. C'est donc un parfait exemple de la façon dont tous les logos de Google ont été redessinés et simplifiés Donc, à partir de celles que nous pouvons voir ici en haut, nous avons fini par voir celles qui sont les icônes actuelles des différents services Google. Si vous regardez ces icônes de près, vous pouvez voir qu'outre le fait que les concepteurs repris ces petits dégradés et ombres des icônes originales, nous pouvons les voir presque toutes. Dans la nouvelle version, tout est composé des formes géométriques les plus simples, des rectangles et des triangles aux coins arrondis Ainsi, même lorsqu'il s'agit d'une icône plus complexe, comme un appareil photo, ils ont réussi à la simplifier en utilisant simplement un carré et un triangle sur la droite. Une chose qui peut vous aider à atteindre la simplicité est généralement la cohérence. Et c'est quelque chose que nous pouvons également voir ici. Dans le design original, toutes les icônes avaient une sorte d'indication de profondeur, mais elles n'étaient pas vraiment similaires les unes aux autres. Alors que l'icône du courrier n'avait qu' une subtile touche de profondeur en ayant cette ombre ici. Ce détail plié donne donc l'impression qu'il se trouve un peu plus haut que le reste de l'icône. L'icône du calendrier, par exemple, a beaucoup plus de profondeur et de mouvement que celle-ci. Encore une fois, l'icône Google Docs, encore une fois, comparée au calendrier, semble beaucoup plus plate en termes de formes utilisées. Encore une fois, nous avons beaucoup de variété ici s'agisse de cercles, de triangles ou de rectangles qu'il s'agisse de cercles, de triangles ou de rectangles. L'ajout d'une plus grande cohérence en termes de formes utilisées et de profondeur utilisée dans ces icônes les a rendues plus simples et plus connectées ou cohérentes Lorsque vous concevez des cartes de visite, c'est également un excellent exercice pour essayer de les rendre aussi simples que possible. Et j'adore la créativité de cette carte, où au lieu d'afficher toutes les informations, il n'y a qu'une seule ligne d'information. Et ces légendes nous aident à voir quelles sont les informations réellement pertinentes pour le site Web, Instagram, le courrier électronique, etc. Au lieu d'écrire trois fois, par exemple The Singing Bear Shop, il n'a fallu le noter qu'une seule fois. J'adore également cette illustration minimaliste, et j'ai l'impression que même sans elle, voyant le tennis au bas de l'échelle, plupart d'entre nous seraient en mesure dire qu'il s'agit de tennis. Ou nous pouvons voir un court de tennis. Et si vous y réfléchissez, cela se fait en utilisant seulement quelques formes simples. Nous avons donc la balle, un cercle, son ombre et son ellipse, puis nous avons ces deux lignes blanches, l'une allant en diagonale dans cette direction et l'autre montant dans cette direction Et bien sûr, deux couleurs différentes sont utilisées ici pour représenter le terrain réel et la zone qui l'entoure. Encore une fois, je ne pense pas qu'il soit possible de supprimer plus de détails sans rendre impossible la reconnaissance de ce que nous voyons. Enfin, voici deux exemples d'une entreprise célèbre pour son application de la simplicité dans le travail d'Apple. Nous pouvons voir ici la carte Apple, par exemple, qui, encore une fois, ne contient vraiment que les informations les plus nécessaires et rien d'autre. Même cette bannière qui fait la promotion de cette carte ne peut pas être plus simple que d'avoir le nom et l'icône du produit ici en haut. Ensuite, la description , puis l'appel aux options d'action en dessous. La carte est affichée sur un fond d'un blanc pur, et seule une ombre subtile indique la profondeur, ce qui la rend plus attrayante et plus tangible. Et enfin, jetez un œil à ces trois affiches en haut de la page. Encore une fois, ces histoires sont assez complexes. Nous avons les deux films, Truman Show et Interstellar, et le célèbre conte de fées The Little Red Writing Code sur la droite Et même si les histoires sont beaucoup plus complexes, ces designs minimalistes simplifiés peuvent tout de même mettre les informations les plus importantes les concernant. Tous ces modèles utilisent beaucoup d'espace négatif, ce qui met vraiment en valeur ou fait ressortir les détails importants , comme la caméra, le vaisseau spatial et le mur N'oubliez pas que moins c'est plus. Essayez toujours de simplifier votre travail autant que possible jusqu'à ce qu'il ne reste plus de détails inutiles. 12. Symétrie (Partie 1): Nous avons déjà établi que l'un des meilleurs moyens d'atteindre l' équilibre dans vos compositions est de miser sur la symétrie. Mais il existe en fait de nombreux types de symétrie que vous pouvez utiliser dans vos conceptions. Et vous pouvez même combiner plusieurs symétries dans une seule composition Dans cette vidéo, nous analyserons quelques exemples très créatifs de tous ces différents types de symétries Nous verrons également comment asymétrie peut apporter un intérêt visuel à vos compositions Et nous passerons même un peu de temps à examiner comment la symétrie est utilisée dans la conception de logos. Tout d'abord, pourquoi la symétrie plaît-elle universellement à tout le monde dans le monde ? explique principalement par le fait qu'il apparaît très fréquemment dans la nature, le corps humain lui-même et le visage sont presque parfaitement symétriques. Même s'il existe des différences mineures entre les deux côtés, tous les composants du corps sont symétriques. Donc, même si nous regardons le visage, nous avons des choses centrées, comme le nez et les lèvres. Alors que les yeux et les oreilles qui ne sont pas centrés sont exactement à la même distance de la ligne médiane des deux côtés. Il en va de même pour les membres, comme deux mains avec cinq doigts de chaque côté. Cette symétrie particulière, que nous appelons symétrie réfléchissante, ou symétrie bilatérale, permet d'atteindre l'équilibre et la symétrie en Pour en revenir à l'exemple des mains, vous pouvez le constater, c'est une image parfaitement symétrique, les pouces se croisant au milieu et tous les autres chiffres réfléchis sur les Et vous observerez la même symétrie de réflexion dans presque tous les organismes vivants, y compris les animaux et les plantes Il suffit de penser aux arbres, c'est probablement le plus facile à imaginer. Les racines et les branches visent à obtenir une symétrie. Cependant, selon les circonstances et les conditions, par exemple un vent fort, venant toujours du même côté, peut rendre un arbre asymétrique qui ne veut pas dire qu'il ne sera plus esthétique. Au contraire, cela peut devenir plus intéressant et unique. Maintenant, il est important que la symétrie réfléchissante dans le design puisse être appliquée non seulement entre les côtés gauche et droit de votre composition, mais également entre le haut et le bas Et même il peut être utilisé dans un format diagonal. Si vous placez votre centre de symétrie sur une ligne diagonale, vous pouvez placer les détails réfléchis ou réfléchis dans les deux coins opposés Comme dans ce cas, le concepteur de cette affiche Shepherd Fairy utilise de multiples symétries au sein d'une même composition Nous avons clairement cette symétrie réfléchissante pour le visage et cette image au milieu Nous avons également une symétrie radiale pour les éléments autour de ce cercle ici. Mais la typographie suggère de multiples lignes de symétrie, nous pouvons donc en placer une ici au milieu Et nous pouvons voir cette forme ici en haut sembler symétrique, même si les personnages réels ne sont pas parfaitement équilibrés. Mais nous pouvons également placer une autre ligne de symétrie ici, car encore une fois, nous avons la même quantité de texte en bas et en haut. Mais en ce qui concerne les couleurs utilisées sur le texte, nous pouvons également utiliser un centre de symétrie ici, en diagonale, car comme vous pouvez le voir, nous avons du blanc dans les coins opposés et également noir dans les coins opposés Comme pour tous les autres outils et méthodes de conception graphique, lorsque vous appliquez de la symétrie à vos compositions, cela peut être plus intéressant une fois que vous commencez à combiner différents types de symétries ou même à combiner symétrie Et remarquez que le visage n'est pas parfaitement symétrique. Par exemple, cette ligne n'est pas répétée sur le côté gauche. De plus, les lèvres ne sont pas parfaitement symétriques. Même les détails des cheveux ne sont pas symétriques, alors que les fleurs dans les cheveux utilisent en fait une symétrie parfaite. Ces détails subtils qui introduisent une asymétrie sur le visage contribuent à le rendre plus naturel , car comme nous en avons discuté, visages en particulier ne sont pas parfaitement symétriques Et s'ils sont faits pour ressembler à ça, ils se sentiront étranges et maladroits. Mais en termes de composition, ce qui est génial, c'est que nous avons ces détails asymétriques et symétriques proches les uns des autres Et tout comme le yin et le yang dont nous avons parlé lorsque nous parlions d'équilibre, ces deux choses opposées fonctionnent vraiment bien ensemble et se complètent. Et vous pouvez trouver plein d' autres exemples sur ce tableau, comme cette affiche du film Rogue One, où tout est généralement symétrique à l'exception d' un petit détail. Dans ce cas, c'est le personnage principal regarde vers la gauche au lieu de nous faire face. Mais le titre et le texte jouent également un rôle aligné vers la droite. Et même des choses subtiles comme cette personne qui regarde vers la gauche, peuvent contrebalancer le fait que le texte est placé ici sur la droite. Et la raison en est, encore une fois, espace implicite ou des détails implicites. Donc, même si nous ne voyons pas réellement ce qu'elle regarde, nous imaginons qu'il doit y avoir quelque chose ici sur le côté gauche. Et même si c' est hors cadre, cela permet tout de même d' équilibrer les détails ici à droite. Si vous misez sur une symétrie parfaite dans une composition, elle peut sembler un peu trop statique et ennuyeuse. C'est pourquoi, encore une fois, même avec l'affiche du Titanic, bien que la partie inférieure de l'affiche soit très symétrique, les visages du haut ne sont pas symétriques Kate Winslet regarde vers la droite et Leonardo DiCaprio Même sur cette couverture de livre, qui nous ressemble, la symétrie est parfaite. Si vous portez une attention particulière à certains détails, en particulier dans cette zone, vous remarquerez qu'il existe en fait certaines imperfections qui permettent d'obtenir une réflexion ou une symétrie. Il n'est pas toujours nécessaire d'utiliser exactement la même chose des deux côtés. Vous pouvez également simplement vous fier à des objets similaires. Et cette affiche le montre très bien. Où nous avons deux objets complètement différents alignés l'un par rapport à l'autre, formant un cercle parfait, formant un cercle parfait, mais toujours divisés dans leur ligne médiane, qui est le centre de symétrie. Bien entendu, Wes Anderson, le célèbre réalisateur, aime également utiliser la symétrie dans son travail. Vous trouverez donc de nombreuses scènes dans tous ses films où vous pouvez facilement placer un centre de symétrie au milieu. En plus d'établir un tel équilibre, il aime aussi utiliser la règle des probabilités, laquelle le sujet se trouve au milieu, accompagné ou encadré par deux autres sujets sur les côtés. 13. Symétrie (partie 2): Il existe également un terme intéressant appelé symétrie translationnelle Cela signifie qu' au lieu d'avoir simplement une version miroir du même détail, vous auriez plusieurs copies du même objet répétées à un endroit dans l'espace, formant essentiellement un motif sur la répétition et Mais par exemple, cette affiche utilise les deux symétries réfléchissantes, nous pourrions donc placer la ligne de symétrie ici au milieu Mais il utilise également la symétrie translationnelle, répétant les mêmes détails sur une trajectoire horizontale Il existe également une autre forme spéciale de variation de la symétrie réfléchissante, que nous appelons symétrie réfléchissante glissante, dans laquelle les détails réfléchis ne sont pas parfaitement alignés les uns par rapport réfléchissante glissante, dans laquelle les détails réfléchis ne sont pas parfaitement alignés les sont Au lieu de cela, ils sont légèrement décalés les uns des autres. Dans ce cas, la symétrie réfléchissante glissante est utilisée sur les mains Même s'ils sont symétriques, ils ne sont en aucun cas alignés les uns par rapport aux autres. Cette composition particulière combine également très bien profondeur et rythme. Nous pouvons voir que cette ligne jaune sinueuse s'imbrique avec les mains Parfois c'est derrière la main, parfois c'est devant. Et le rythme est créé par cet effet de superposition, en alternant une fois qu'il est derrière, prochaine fois qu'il est devant, puis de nouveau il est derrière, puis il est devant, et encore une fois à la fin il est derrière Et la même chose se produit également ici au sommet. Une autre forme de symétrie très courante et efficace est appelée symétrie radiale, ou symétrie rotative, dans laquelle la plupart des objets et des éléments de conception pivotent autour d'un point central spécifique Et nous pouvons repérer ces points centraux très rapidement et facilement. Il y en a un ici, un autre ici, un autre ici, encore un ici au milieu, celui-ci, puis un autre ici en haut, et ainsi de suite. Il est important que le point central ne se trouve pas nécessairement dans le centre physique ou visuel. Comme je l'ai déjà mentionné dans une autre vidéo, comme dans ce cas, nous pouvons placer le point central ici, sur le bord gauche du cadre. Même s'il se trouve dans la ligne centrale de la composition, il peut être placé plus bas, pas exactement au centre, verticalement. Tout comme pour les autres formes de symétrie. Il n'est pas nécessaire d'utiliser parfaitement la radiosymétrie, même si dans certains cas, comme avec ce modèle, elle est utilisée de manière à ce que tous les éléments soient parfaitement répétés et autour du centre de symétrie Mais vous pouvez voir de bons exemples comme cette affiche, où les détails ne sont clairement pas identiques. Même si la radiosymétrie n' est pas parfaite, nous avons tout de même l'impression que tout est très bien équilibré dans cette composition Lorsque la symétrie radio est combinée à la perspective, où les lignes sont fortes, une fois de plus, en attirant notre attention sur le centre de la composition, l'effet d'attraction de votre spectateur dans votre design peut être encore accentué. Dans cette affiche en particulier, j'aime aussi la façon dont les couleurs sont utilisées pour relier les deux points focaux et établir l'unité et l'harmonie. Et vous vous demandez peut-être si les designs symétriques nous plaisent. Pourquoi voudrait-on utiliser l' asymétrie dans une composition ? La meilleure réponse à cela est que cela peut introduire du drame et de l'intensité, ou de la tension. Si cela correspond bien au message ou au thème principal de votre design, il sera alors plus efficace d' utiliser l'asymétrie plutôt que la symétrie L'affiche Fall in Love en est un bon exemple. Nous savons tous que lorsque nous sommes amoureux, nous ne pensons pas clairement et les choses peuvent devenir un peu chaotiques. L'utilisation de l'asymétrie pour ce sujet fonctionne donc très bien, tout comme cette affiche du film Joker, où le personnage principal occupe cette position asymétrique, soulignant à quel point il devient instable à la fin du film sans rien vous gâcher au cas où vous n'auriez pas encore vu Et la même composition asymétrique fonctionne très bien également pour ce film Pixar, où elle met l'accent sur la situation précaire d' une maison flottant dans le ciel attachée à Il est difficile de trouver quelque chose de plus déséquilibré que cela. C'est pourquoi une composition parfaitement symétrique, où le titre serait ici au milieu et le ballon également placé au milieu, n' aurait pas été aussi efficace. Enfin et surtout, si vous examinez les logos, vous constaterez également que la symétrie est très souvent utilisée, aidant à atteindre et à mettre en valeur l'équilibre, la stabilité, la force, la puissance ou tout ce qui s'applique le mieux à une marque spécifique. Et souvenez-vous de ce que j'ai dit sur fait d'éviter une symétrie parfaite dans certains cas. C'est exactement ce que vous verrez le logo Starbucks où, encore une fois, le visage présente quelques différences entre le côté gauche et le côté droit, car il semblerait un peu étrange qu'il soit parfaitement symétrique Et même le logo Google n'utilise pas un cercle parfait, vous pouvez donc voir cette différence sur le côté droit. Ces imperfections subtiles de symétrie ou forme peuvent toujours rendre les choses un peu plus intrigantes. 14. Expérience passée: L'expérience passée, également appelée isomorphisme, est probablement le plus subjectif de tous les principes relatifs au style des clients Cela repose uniquement sur les connaissances et les intérêts d'un individu. Et cela fonctionne généralement bien lorsque vous exposez quelque chose d' emblématique ou de célèbre, comme le portrait de Bengog, les frites de McDonald's ou le feu de signalisation, qui est le même partout dans le monde À l'instar des autres principes, l'expérience passée est également un outil avec lequel vous pouvez inciter vos spectateurs à travailler un peu plus dur pour comprendre ce qu'ils regardent. Encore une fois, c'est comme un petit défi que vous leur lancez. Comme dans le cas de l'affiche de jazz présentée ici, au lieu de montrer un instrument, nous voyons simplement quelques chaussettes sécher sur un radiateur. Mais à cause de la façon dont ils sont disposés et principalement à cause des espaces entre eux, et bien sûr aussi le fait qu'ils soient tous noirs sur un radiateur blanc nous aide à nous associer. Cela nous rappelle le clavier d'un piano. Voici une autre affiche brillante où les pierres tombales sont utilisées pour représenter la mort Et même s'il s'agit d'une coutume et d'un symbole chrétiens, il serait toujours reconnu dans le monde entier, même dans les pays non chrétiens. Et le fait de voir ces rangées parfaites de croix tout autour nous fait immédiatement remarquer l'espace vide, qui est bien sûr le point central de toute la composition , c'est-à-dire la zone non-fumeurs. ailleurs, ce texte utilise également la règle du troisième placement. Il se trouve également sur la ligne centrale visuelle, qui est toujours légèrement plus haute que la ligne centrale physique lorsque vous divisez une image en deux parties supérieure et inférieure. Nous discuterons de ces règles de manière beaucoup plus détaillée lorsque nous aborderons le sujet de la composition. J'aime aussi la simplicité de cette affiche sur le cancer du sein, qui montre juste assez de détails sur ces deux lettres pour que nous puissions les reconnaître. Mais en les cachant par la main, nous pouvons également lire cela comme « Vaincre le cancer ». Maintenant, vous vous demandez peut-être, qu'est-ce que ce design a à voir avec l'expérience passée ? Et si vous y réfléchissez, le cancer du sein est l'un des sujets les plus fréquemment abordés. Et il existe de nombreuses campagnes de sensibilisation, car c'est quelque chose qui peut vraiment être évité si les gens s' auto-examinent régulièrement. Le fait d'entendre parler du cancer du sein nous aide donc souvent à lire cela, même lorsque ces deux lettres sont presque complètement cachées. J'adore également ces deux exemples de mise en page. Encore une fois, il s'agit de la restauration rapide ou en particulier de McDonald's, où le corps du texte et la typographie font partie intégrante des illustrations Sur le texte, on voit le texte utilisé pour former un hamburger, la canette de soda, et aussi le rattrapage. Ici, sur la droite, il est utilisé comme pièce individuelle des frites, simplement en appliquant une couleur différente sur le corps de la copie. N'oubliez donc pas que vous pouvez créer des designs très intelligents en vous appuyant sur l' expérience passée de vos spectateurs. Mais vous devez faire attention à utiliser des objets ou des objets largement connus ou compris, même lorsqu'ils sont simplifiés masqués ou simplement mentionnés 15. Similarité: La similarité est un autre principe du style invité, ce qui signifie que nous connectons instinctivement des objets ou des éléments dotés attributs similaires et que nous les considérons comme faisant partie du même groupe Ce principe peut être appliqué à tout, mais il fonctionne très bien sur les sites Web où vous avez de nombreux produits différents que vous souhaitez peut-être que vos utilisateurs comparent les uns aux autres. Et encore une fois, Apple fait un excellent travail dans ce domaine. Encore une fois, il faut garder les choses aussi simples que possible et s' assurer que vous pouvez non seulement voir les similitudes, mais aussi repérer facilement les différences entre les produits. Donc, entre ces trois modèles de Macbook, la principale différence réside bien sûr dans la taille Et en les plaçant parfaitement les uns à côté des autres, on peut très vite constater les différences de tailles d'écran. Mais on peut également remarquer des différences subtiles comme les biseaux étant plus grands ici, l'encoche pour la webcam, plus perceptible sur ces deux modèles Et aussi la base du Macbook. Légèrement différent sur les grands modèles par rapport aux plus petits. Cette page, par exemple, ne fonctionnerait donc pas aussi bien si nous devions aligner ces Macbooks sur leur point central vertical Cela signifierait que le point inférieur de chacun d'eux serait légèrement décalé et qu'il serait beaucoup plus difficile voir les différences entre les tailles d'écran. La similitude peut être obtenue avec beaucoup de choses différentes. Par exemple, dans cette affiche, nous avons simplement dû conserver le texte en utilisant la même police de caractères et la même couleur Et même si les lettres sont complètement éparpillées sur l'affiche et qu'elles s'étirent et redimensionnent de différentes manières, nous pouvons toujours les relier et lire ces textes assez rapidement et facilement. Encore une fois, vous devez faire attention à la manière dont vous utilisez la similitude. Si vous créez des choses trop manifestement similaires, cela pourrait être un peu trop ennuyeux et statique. si vous introduisez un peu de variété ou de différences tout en vous assurant que les gens peuvent relier ces détails les uns aux autres, vous pouvez obtenir un design plus dynamique et plus engageant. Il y a un autre terme à retenir lorsqu'on parle de similitude. C'est ce qu'on appelle l'invariance, ce qui signifie que nous reconnaissons des formes similaires ou familières malgré la variation de leur couleur, taille et même de leur rotation Cette affiche le prouve très bien. Même si nous voyons des avions empilés les uns sur les autres, nous pouvons très rapidement apercevoir un sapin de Noël ici, grâce à ces petites lumières qui brillent au bout de chacune des ailes Comme pour tous les autres principes du style invité, briser la similitude peut également être un bon moyen d'attirer l'attention sur un certain détail. Et c'est généralement ce que nous appelons une anomalie au niveau d'un élément similaire, ou un élément qui se démarque du reste de l'environnement C'est donc un excellent moyen de créer un point focal comme celui-ci avec la flèche rouge pointant dans la direction opposée. invariance est une compétence importante que presque tout le monde possède, et en tant que graphiste, vous pouvez compter sur elle pour vous assurer que les gens reconnaîtront les objets ou les personnages, même s'ils sont vraiment simplifiés dans une version minimaliste, comme ce que nous pouvons voir ici avec ces icônes Il suffit de tracer quelques lignes dans le bon ordre et les bonnes proportions pour créer quelque chose comme un chat, un caniche, une fleur, un pinceau ou même un ananas De même, le caricaturiste doit reconnaître et exagérer les caractéristiques uniques et remarquables des personnes pour créer des illustrations convaincantes et amusantes En tant que graphiste ou illustrateur, vous devez également apprendre à reconnaître les détails les plus importants qui peuvent encore aider les gens à reconnaître ce que vous affichez. Cela peut parfois être difficile à réaliser, surtout lorsque vous avez beaucoup d' informations à compresser dans votre composition. Prenons cet exemple de la carte du zoo de Los Angeles. Outre toutes les illustrations des animaux, vous y trouverez également de nombreux panneaux importants, notamment les zones de restauration et les points forts botaniques Mais la similitude, encore une fois, aide à les relier les uns aux autres, car toutes les zones de restauration sont indiquées par des carrés rouges et toutes les notes botaniques par des feuilles vertes Il est très rapide et facile pour nous de les repérer sur la carte, même si elle contient de nombreux détails et informations supplémentaires. Normalement, vous voudriez que vos créations se démarquent et attirent l'attention de vos spectateurs. Cependant, il peut parfois être plus efficace ou plus facile pour vos utilisateurs de vous appuyer sur modèles ou des mises en page bien connus, ce qui est certainement le cas lorsqu'il s'agit de créer des comptes et de se connecter à différents services l'heure actuelle, presque partout, vous trouverez différentes manières de vous connecter, que ce soit en utilisant les réseaux sociaux ou d'autres comptes comme Google ou Apple. En plus de taper manuellement votre e-mail et votre mot de passe, et presque tout le temps, vous devez vous souvenir de moi et oublier vos mots de passe placés ici en bas gauche et le bouton de connexion en bas à droite. Vous pouvez donc voir ici les options de connexion pour trois sites complètement différents. Et vous pouvez voir la similitude à la fois dans le placement des options, leur dimensionnement et même dans leur alignement La similarité peut être utilisée au niveau micro, c'est-à-dire au sein de votre design, mais elle peut également être utilisée au niveau macro, ce qui signifie que vous créez quelque chose de similaire à d'autres designs que les gens ont l'habitude d'utiliser. Même en ce qui concerne les logos de grandes marques de mode, il y a une raison pour laquelle certains d'entre eux se ressemblent autant. Probablement parce qu'ils sont en concurrence les uns avec les autres et essaient également d'obtenir le même type d'esthétique. En général, vous souhaitez que le texte votre logo soit très clair et lisible. Et si vous disiez à votre client que vous avez l' intention de masquer 50 % du texte de son logo, il pensera probablement que vous êtes fou. Mais c'est exactement ce qui s'est passé avec le logo IBM. Et même s'il y a de grands espaces vides dans le texte, nous pouvons toujours le lire facilement grâce à l'autre principe de style dont nous avons déjà parlé, à savoir la fermeture Mais aussi le fait que toutes ces lignes que nous pouvons encore voir se ressemblent, non seulement par leur couleur mais aussi par leur épaisseur. Et même les espaces ou espaces ajoutés sont exactement de la même taille Il y a donc même un rythme et répétition dans ce motif de lignes. Plus nous parlons des principes du style pour les clients, et plus vous les comprenez, plus vous les verrez liés dans chaque design. Ainsi, un design réussi ne repose presque jamais sur un seul principe. Cela combinerait plusieurs d' entre eux et les ferait travailler ensemble pour créer quelque chose d' unique et d'engageant. 16. Uniforme: La connectivité uniforme est un autre principe de démarrage en mode invité qui peut vous aider à associer des objets entre eux Mais ici, au lieu de vous fier à une apparence visuelle similaire, vous utilisez des lignes, des flèches ou d'autres formes pour relier certains éléments entre eux. Ces dispositifs de connexion peuvent aider les spectateurs à informations à certains détails d'une composition, même lorsque celle-ci est assez complexe et même lorsque les deux détails connectés sont éloignés l'un de l'autre. Les organigrammes, par exemple, ne fonctionneraient pas sans l'utilisation d'une connectivité uniforme Il en va de même pour les infographies ici. Par exemple, outre la ligne qui montre la chronologie de l' historique des communications, il existe également ces petites flèches pour relier les informations pertinentes à chacun des points de la chronologie. Les lignes de connexion ne doivent pas toujours pointer vers des détails spécifiques et mettre en évidence les caractéristiques importantes d'une photo ou d'une illustration. Ils peuvent également être simplement utilisés pour regrouper des informations. Comme dans le cas de cette affiche où, après avoir décrit quelque chose, cette ligne nous aide à revenir à la paire. Ensuite, une autre ligne nous amène à l'information suivante. Ces lignes servent de voies visuelles au sein du design. va de même pour ce design de panneau d'affichage, où un simple message, une seule phrase, est divisé en quatre parties distinctes reliées par des points et des lignes, soulignant à quel point il est important de se faire guider pour éviter les repères, tout en étant capable de voir tous les points de repère importants Cette mise en page utilise une composition similaire où, encore une fois, le titre est divisé en trois mots distincts complètement éparpillés sur cette page. Et les lignes simplifiées et courbes du statoscope sont les seules choses qui les relient les unes aux autres et aident le lecteur à lire ce titre Dans cet exemple, j'aime aussi le fait que le dispositif utilisé pour créer cette connectivité soit également étroitement lié à la typographie Nous pouvons donc voir une utilisation très subtile de la profondeur. Le V, par exemple, se cache légèrement derrière cette ligne noire ici, alors que le E est déjà devant. Encore une fois, le passage derrière la ligne noire, alors que le U est devant elle. Et il y a même une certaine cohérence dans façon dont les trois mots sont légèrement recadrés Il manque donc la moitié du T ici, moitié du H à droite, et aussi la moitié du H ici. Donc, dans ce cas, outre la connectivité uniforme, il existe également une similitude utilisée pour s' assurer que nous pouvons associer ces trois mots les uns aux autres Ils partagent la même phase typographique, mais ils ont également une profondeur subtile ou un effet d'entrelacement avec l'illustration Et ils sont également tous légèrement coupés à leurs extrémités. Encore une fois, la connectivité uniforme fonctionnerait pas aussi bien que si elle était combinée avec les autres principes de style que nous avons déjà abordés 17. Régions communes: La région commune est un autre principe assez évident selon lequel les éléments sont perçus comme faisant partie du même groupe s'ils sont placés dans la même région fermée. En tant que designer, votre tâche consiste à créer ces régions de manière créative, que ce soit en utilisant des cadres, couleurs d'arrière-plan différentes pour chaque section ou simplement de simples lignes de division. Sur ce tableau, vous pouvez voir quelques exemples traditionnels, mais aussi des exemples uniques et créatifs. Ainsi, par exemple, voici une mise en page où nous avons ces lignes qui divisent les différentes histoires. Outre ces fines lignes de démarcation, spectateur d'un point à l'autre, aident également les spectateurs à reconnaître le point de départ de chacune des histoires les points d'entrée indiqués ici par ces chiffres, qui, grâce à leur similitude, conduiront immédiatement le indiqués ici par ces chiffres, qui, grâce à leur similitude, spectateur d'un point à l'autre, les spectateurs à reconnaître le . Il n'est pas toujours nécessaire d'utiliser des dispositifs tels que des lignes ou des cadres pour créer ces régions communes. Parfois, il suffit simplement d' utiliser un grand espace ou des espaces vides. Comme dans le cas de cette page d'un guide, nous n'avons pas besoin de voir des lignes de division individuelles entre chacun de ces composants, car l'écart entre les images et le texte les regroupe déjà les uns par rapport aux autres et facilite la reconnaissance de ces régions communes Et la seule fois où une ligne est utilisée, c'est lorsqu'il est important de s'assurer que nous pouvons séparer les catégories d'aliments et de boissons des autres. Et la catégorie, comme toujours, moins c'est plus. Et l'utilisation unique d'une ligne est bien plus efficace que création d'un maillage ou d'une grille qui serait totalement inutile dans cette mise en page, même si nous avons quelques lignes de division entre les colonnes. Les principaux outils utilisés pour créer ces régions communes sont les différentes couleurs d'arrière-plan. Encore une fois, si ce design élégant et simple, c'est parce qu' au lieu d'introduire des arêtes fortes entre ces deux zones, ou des motifs décoratifs tels que des lignes ondulées ou zigzags ou peut-être même un angle sur cette ligne de division, il fonctionne déjà parfaitement il est en matière de conception d'interface utilisateur Il est également important de pouvoir créer ces régions communes, de regrouper toutes les fonctions ou fonctionnalités importantes . Mais encore une fois, il est important que les appareils ou les détails que vous avez utilisés pour créer ces régions soient toujours secondaires et très flous en arrière-plan, assurer qu'ils ne surpassent pas les fonctionnalités réelles qui doivent se démarquer Vous pouvez voir ici, par exemple, quel point ces lignes de division sont subtiles. Ils sont non seulement fins, mais ils sont très pâles, presque de la même couleur que la couleur de fond environnante La zone centrale est également un tout petit peu plus sombre que les autres régions qui l'entourent. Cela semblerait trop accablant si nous introduisions une couleur de fond plus forte Par exemple, si vous utilisez la couleur du logo ici sur ce fond, vous pouvez imaginer que ce serait beaucoup trop intense et que cela créerait trop de contraste par rapport au reste de la composition. contrastes plus forts sur les détails d' arrière-plan ne sont utilisés que sur des éléments plus petits et plus importants comme ceux-ci. Enfin, comme je l'ai mentionné, vous pouvez faire preuve d'une grande créativité dans la création de régions communes. Comme dans cet exemple d'Apple, les Macbooks eux-mêmes sont les appareils utilisés pour séparer les régions Ainsi, les informations présentes sur le côté gauche et sur le côté droit ne sont clairement pas connectées les unes aux autres, mais connectées aux appareils situés à côté d'eux. Et bien sûr, cela aide également qu'ils aient un alignement différent. Alors que ce texte est aligné vers la gauche, l'autre est aligné vers la droite. Et même des choses simples, comme l'alignement du texte, peuvent aider à établir les détails d'une composition. Bien entendu, l'alignement est un autre sujet important que nous aborderons de manière beaucoup plus détaillée une fois que nous aurons commencé à parler de l'espace. 18. Proximité: La proximité est un autre principe de départ selon lequel nous percevons les objets les plus proches les uns des autres comme étant plus apparentés que les éléments ou les objets plus éloignés les uns des autres. Cela ressemble aux régions communes, mais ici, au lieu d' utiliser des dispositifs tels que des cadres ou des lignes, vous regroupez simplement les éléments les plaçant simplement les uns à côté des autres. agit d'un principe très important que vous devez appliquer à la fois à la conception imprimée et à la conception Web afin de créer une hiérarchie et de guider vos spectateurs tout au long de votre conception dans l'ordre prévu. Même si, encore une fois, cela semble évident à faire, il s'agit en fait d'un vaste sujet qui comporte bien d'autres aspects. Et je pense qu'il est plus logique d'en parler dans le contexte de l'espace et de la façon dont nous utilisons l'espace dans nos conceptions, ce qui est un autre sujet important de ce cours. Donc, si vous souhaitez en savoir plus sur ce principe de style invité dès maintenant, n'hésitez pas à passer au chapitre intitulé Space. Et une fois que vous avez terminé, vous pouvez revenir et continuer avec le reste de ce chapitre. La proximité est un autre principe de départ selon lequel nous percevons les objets les plus proches les uns des autres comme étant plus apparentés que les éléments ou les objets plus éloignés les uns des autres. Cela ressemble donc aux régions communes, mais ici, au lieu d' utiliser des dispositifs tels que des cadres ou des lignes, vous regroupez simplement les éléments les plaçant simplement les uns à côté des autres. agit d'un principe très important que vous devez appliquer à la fois à la conception imprimée et à la conception Web afin de créer une hiérarchie et de guider vos spectateurs tout au long de votre conception dans l'ordre prévu. Et même si , encore une fois, cela semble évident à faire, il s'agit en fait d'un vaste sujet qui comporte bien d'autres aspects. Et je pense qu'il est plus logique d'en parler dans le contexte de l'espace et de la façon dont nous utilisons l'espace dans nos conceptions, ce qui est un autre sujet important cette série sur la théorie du design graphique. Donc, si vous souhaitez en savoir plus à ce sujet, assurez-vous de consulter celui-ci. Comme pour les autres principes relatifs au style invité que nous avons abordés dans ce cours, je vais analyser en détail tous les exemples que vous pouvez voir sur ce forum, mais vous m'entendrez également y faire référence dans certaines des prochaines vidéos. Et bien sûr, vous pourrez accéder à ce forum pour avoir un aperçu de ces exemples à votre rythme. 19. Conclusion: Félicitations pour avoir terminé ce cours de la série sur la théorie du graphisme. J'espère que vous l'avez trouvé utile et inspirant. N'oubliez pas de parcourir le glossaire des termes, au format PDF, de revue tout ce que nous avons abordé et, si vous vous sentez prêt, passer en revue tout ce que nous avons abordé et, si vous vous sentez prêt, de répondre au questionnaire pour tester vos connaissances Revenez à tout moment aux références sur les tableaux Miller Not que nous utilisons dans ce cours pour vous aider à vous souvenir des sujets dont nous avons parlé ou à trouver l'inspiration pour votre prochain projet de design. Faites-nous savoir si vous pensez qu'il manque quelque chose à ce cours ou si vous avez des suggestions pour l'améliorer. Envoyez-nous un e-mail à Info at Sm Designer.com et nous vous répondrons dès que possible Nous apprécions vraiment votre contribution et votre aide. Il est maintenant temps pour vous de choisir votre prochain sujet et de vous lancer dans un autre cours de théorie du graphisme. N'oubliez pas qu'il n'y a pas de bon ou de mauvais ordre pour terminer cette série. Toutes les règles que nous couvrons sont également importantes et tout est lié. Mais le plus important est de bien comprendre ces règles et de les appliquer dans vos projets. Je suis sûr que vous utiliserez ce que vous avez appris pour créer quelque chose d'incroyable, et j'ai hâte de le voir.