Théorie du graphisme - Composition et mise en page

1. Introduction: Utilisez les photos et illustrations les plus saisissantes dans votre travail, les polices de caractères les plus cool et la palette de couleurs la plus étonnante Mais sans une composition ou une structure solide, tout va s'effondrer. Dans ce cours, nous aborderons tout ce que vous devez savoir sur le cadre du design graphique, la colle qui unit tous les éléments. Nous découvrirons les méthodes de composition largement utilisées telles que la règle des tiers, le nombre d' or, les diagonales, les silhuettes, les tangentes, les tangentes Nous analyserons également des centaines de designs incroyables issus de tous les domaines de la conception graphique pour vous aider à visualiser et à comprendre facilement tous les termes et règles abordés dans ce cours. En plus du projet de cours passionnant que vous terminerez, je l'espère, à la fin du cours, vous disposez également de la feuille de travail d'analyse et du glossaire des termes qui vous aideront à 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. La composition: Peu importe ce que vous concevez, il s'agisse d'un logo, d' une carte de visite, d'une affiche ou d'un site Web, vous devrez toujours créer une composition, qui signifie littéralement rassembler les choses ou quoi ? quelque chose est fait de tous les éléments que nous utilisons dans la conception graphique, y compris les images, topographie, les formes, les couleurs et même espaces réservés, doivent être disposés d'une certaine manière pour créer un cadre agréable résultat. Et la bonne chose, c' est que la plupart des gens ont une perception similaire de l'harmonie et de l'unité entre les éléments que vous avez assemblés. Et cela ne s'applique pas seulement au graphisme, suffit de penser à la musique, par exemple. La composition est également un autre mot que nous utilisons, à la fois dans la littérature lorsqu' il s'agit de composer des poèmes, mais surtout dans la musique. La composition est également le processus d'écriture ou de production musicale. Et dans ce cas, il s'agit de la disposition des instruments et notes de musique par rapport aux éléments visuels avec lesquels nous travaillons en conception graphique. Mais ne pensez pas que la composition ou la création de compositions soit un processus si sophistiqué et élaboré que seuls les artistes sont capables , car c'est en fait quelque chose que nous faisons tous dans notre vie quotidienne. presque tout le temps. Pour vous donner quelques exemples, chaque fois que vous enfilez vos vêtements, c'est aussi une façon de composer des vêtements et des accessoires pour vous présenter d'une certaine manière. Ou à chaque fois que vous faites de la salade, encore une fois, vous choisissez des ingrédients. Vous les découpez d'une certaine manière. Vous ajoutez une source particulière. Et c'est encore une façon de composer de la nourriture. Et même lorsque vous faites vos valises ou valises pour un voyage, encore une fois, vous réalisez une composition de choses dont vous aurez besoin pendant votre absence. Et c'est la raison pour laquelle j'ai inclus dans ce tableau ces trois exemples ici en bas, juste pour vous rappeler ces références simples et quotidiennes que j'ai mentionnées. Le but principal de la composition en conception graphique est de s'assurer qu'il existe la bonne hiérarchie d'équilibre, ou qu'il s'agisse d'une disposition de tous les éléments visuels de votre travail afin en conception graphique est de s'assurer qu'il existe la bonne hiérarchie d'équilibre, ou qu'il s'agisse d'une disposition de tous les éléments visuels de votre travail afin de communiquer efficacement un message ou une certaine histoire. Comme je l'ai toujours mentionné, la composition ne fonctionnera pas sans la compréhension et l' utilisation de la plupart des principes de conception que nous avons abordés dans ce cours. Donc, revenir à nos références d'emballage pour un voyage, créer une composition sans compter aussi sur l'équilibre, hiérarchie et l'unité serait semblable à jeter des vêtements au hasard dans une valise avec notre premier à les arranger et à les plier soigneusement ou à essayer de faire une salade sans hacher les ingrédients. Il n'existe aucun moyen réel de catégoriser les types de compositions dans le graphisme, à part une simple différenciation des compositions ouvertes et fermées. Et c'est un concept assez simple à comprendre. Ainsi, dans le cas d'une composition ouverte, le flux visuel n'est pas limité. Ainsi, les éléments de votre conception peuvent facilement interagir avec leur environnement. Et par exemple, je considérerais certainement cela comme une composition ouverte. Mais même celui-ci ici, comparé à cette disposition, qui utilise deux blocs de textes sur les deux côtés, formant presque un cadre ou une limite pour la composition. Cela serait donc considéré comme une composition fermée. Mais jetons un coup d'œil à un autre exemple, une comparaison de deux modèles similaires. Une fois de plus, sur le côté gauche, on voit une composition ouverte. Même si nous avons quelques lignes de division, n'y a généralement pas de limite visuelle qui les fermerait ensemble via, comparé à cela ici sur le côté droit de ce menu, nous avons beaucoup structure plus stricte qui mène à la création d'une composition plus fermée. Un autre aspect important pour les compositions est de s' assurer qu'il existe une hiérarchie entre les éléments. Et cela devient encore plus important une fois que vous avez beaucoup d' informations à afficher dans la mise en page, par exemple, pour qu'une composition fonctionne Il ne s'agit pas seulement de trouver le bon endroit et la bonne proportion ou la taille des éléments, mais aussi la hiérarchie ou les relations entre les éléments. Et c'est un autre sujet important que nous abordons en détail, notamment la façon dont vous établissez des points focaux, points d'entrée et que vous utilisez l'échelle, position, la proportion et la domination dans votre travail. Plus vous devez ajouter d'éléments dans un design, est-à-dire plus il devient complexe, plus il est important de comprendre ces règles et techniques avec lesquelles vous pouvez créer une composition. Mais la bonne nouvelle, c'est que vous pouvez apprendre ce processus sur des conceptions plus simples. Et avec la pratique, vous pourrez éventuellement appliquer les mêmes techniques sur des projets beaucoup plus complexes. Avant de parler de mises en page, je voulais simplement montrer ces quatre exemples de scènes célèbres de films et de séries télévisées montrant comment la composition des scènes est également cruciale dans la cinématographie. . Que ce soit en utilisant une perspective à un point et plaçant le personnage principal dans le point de fuite, ou en divisant le cadre en deux côtés égaux et en utilisant beaucoup d' espace négatif, encore une fois, pour se concentrer davantage sur le personnage principal de la scène, utilisent le langage des formes et des triangles pour représenter la puissance et la force. Pour résumer, la composition n'est en fait pas quelque chose que vous devez apprendre séparément. Il va toujours devenir un processus naturel. Vous n'avez même pas à y penser car il s'agit d'une certaine manière, la combinaison de tous les autres principes et règles de conception que nous abordons dans ce cours. 3. Mise en page: Outre la composition, un autre terme que nous appelons très couramment en design graphique est la mise en page, et il est principalement appelé dans le contexte de la conception éditoriale. Cependant, il a également fini par être utilisé dans la conception Web et UX. Vous vous demandez peut-être pourquoi devons-nous parler séparément Liao alors que nous avons déjà abordé composition dans la vidéo précédente. Parce qu'il y a certaines personnes, ces deux mots peuvent ressembler exactement à la même chose ou à des synonymes les uns des autres. Cependant, il y a une différence subtile lorsque nous utilisons le terme composition, nous nous concentrons sur le fait de sélectionner les composants ou les éléments dans une conception par mise en page se réfère au processus réel de l'organisation et la mise en page de tous ces éléments dans un design. Et j'aime les considérer comme les deux principales étapes ou phases de chaque projet de conception graphique. composition étant la première, en sélectionnant ce dont nous avons besoin, puis en passant à la phase de mise en page où nous avons tout assemblé. Bien sûr, vous pouvez soutenir que lorsque vous travaillez sur une mise en page, vous pensez toujours à la composition des éléments. Mais ce n'est que ma préférence et ma façon simplifiée de penser ces deux termes l'un par rapport à l'autre. Il existe de nombreuses définitions connectées qui ont été utilisées avec des mises en page à la fois pour l' impression et la conception Web. Et nous aborderons tous ces sujets dans des sujets distincts. Cependant, dans cette vidéo, je voudrais me concentrer sur l'objectif général ou l'objectif d'une mise en page. Et je crois que cette citation résume le mieux. Je vais donc lire ça pour vous. Les lettres ou les ornements parfaits ne font donc pas de sondeurs parfaits. Une bonne mise en page est beaucoup plus importante que lettrage parfait ou la décoration fantaisie. L'étudiant qui peut organiser la copie en groupes simples et équilibrer ces blocs en fonction leur force et de leur importance, a appris le secret de sortir efficacement. Cela signifie donc qu'il ne s'agit pas de la quantité d'éléments visuels que vous introduisez dans une œuvre qui compte, mais de la façon dont vous parvenez à atteindre l'harmonie et hiérarchie entre ces éléments, et c'est le but ou le résultat d'une bonne mise en page. Pensez donc à la présentation d'un CV, par exemple, ici, il est crucial d'afficher toutes les informations nécessaires de manière très efficace, en veillant à ce que l'employeur trouve ce qu' il recherche. C'est pourquoi il est si important d'avoir une structure, créer des groupes et des régions communes, et d'établir une hiérarchie et une unité en réutilisant ou en répétant le même style ou la même mise en forme du texte. Vous pouvez donc penser à l'efficacité d'une mise en page en fonction de la rapidité avec laquelle votre spectateur trouvera ce qu'il recherche. Et pour cela, il faut se rappeler qu'il y a quelque chose appelé la gravité de lecture. Cela signifie que, surtout dans les pays occidentaux, les téléspectateurs et les lecteurs ont tendance à partir du haut à gauche d'une page ou d'une mise en page, et se dirigent lentement mais progressivement vers le coin inférieur droit. C'est donc ce que nous appelons la gravité de la lecture, et elle repose sur l'orientation générale de la lecture de gauche à droite. C'est pourquoi j'ai mentionné les pays occidentaux parce que dans certaines langues, comme en arabe, l'écriture allait dans la direction opposée. Donc, de gauche à droite. Ou dans certains pays asiatiques, il serait vertical de haut en bas. Mais sans trop généraliser, concentrons-nous sur la gravité de lecture originale de gauche à droite, de haut en bas, ce qui signifie également que la zone optique primaire, nous appelons le coin supérieur gauche, est l'endroit où vous êtes censé placer les informations les plus importantes, car c'est ce que la plupart des téléspectateurs verront en premier. Et puis de l'autre côté, le coin inférieur droit est ce que nous appelons la zone terminale. Et c'est également très important car presque tous les spectateurs finiront par être ici après avoir scanné le reste de la mise en page. Vous devez donc placer des informations secondaires mais toujours importantes dans cette zone terminale. Et pour ce qui est des deux autres zones restantes, le coin supérieur droit est beaucoup plus fort que le coin inférieur gauche. C'est pourquoi, ici, nous appelons normalement le domaine de la VQ. Et celui qui se trouve en haut à droite est la zone forte. Et si vous n'êtes pas familier avec le mot jachère, il vient en fait de l'agriculture et il est utilisé pour des terres qui sont normalement cultivées mais qui ne sont actuellement pas utilisées ou ne sont pas récoltées, terrain ou zone inactif. Et j'adore le fait que même penser à l'agriculture peut nous aider à comprendre comment nos spectateurs vivront un design que nous créons. N'oubliez donc pas de penser à la gravité de lecture et ces quatre zones distinctes chaque fois que vous travaillez sur une mise en page. Enfin, il convient de mentionner qu' une mise en page va généralement au-delà de la disposition va généralement au-delà de la disposition des éléments au sein d'une page ou d'un spread. Parce que dans la plupart des cas, en particulier dans la conception d'impression, il faudrait étendre la mise en page au-delà des limites de ceux-ci et réfléchir à la mise en page de l'article entier, ou même à l'ensemble ou, dans le cas d'un livre, la mise en page d'un chapitre et la mise en page de l'ensemble du livre. Et la raison pour laquelle vous devez penser plus globalement en ce qui concerne les mises en page est qu'en répétant certaines mises en page, vous pouvez aider vos spectateurs à voir la structure d'un magazine, un catalogue ou un livre. Nous pouvons donc constater qu'une fois de plus, la même disposition se répète. Même si les pages sont échangées, les spectateurs reconnaîtront un modèle et la réapparition des mêmes mises en page. Et pour faciliter la cohérence dans le cas des magazines , les sorties se répètent généralement non seulement dans un seul numéro, mais dans tous les numéros publiés. Pensez simplement à la couverture qui ressemblerait la plupart du temps très semblable même si l'image principale change. Mais la page de la table des matières de la plupart des magazines aura également une mise en page très similaire. Et principalement en raison de ces structures et de ces mises en page répétées dans la conception éditoriale, nous avons tendance à utiliser des modèles ou des pages maîtres dans InDesign qui sont désormais appelées pages parentes. 4. Règle des tiers: La règle des tiers est une technique très couramment utilisée en arts visuels. Donc, avant de commencer à être utilisé en graphisme, il était déjà appliqué depuis longtemps dans la peinture, photographie et même la cinématographie. Il s'agit d'une règle très simple, facile à comprendre et facile à appliquer à n'importe lequel de vos projets. Et il n'y a que quelques points dont je voudrais en parler dans cette vidéo, en plus montrer quelques exemples créatifs, en règle générale des tiers, est utilisé pour aligner les points focaux dans les conceptions parce que c'est la meilleure façon et la plus courante d'utiliser la règle des tiers. Mais tout d'abord, comprenons simplement comment cela fonctionne. essentiel, ce que vous devez faire est de diviser votre cadre en trois sections égales, verticalement et horizontalement. Et ces lignes de division horizontales et verticales entraîneront quatre points d' intersection selon la règle des tiers. Ce sont là les positions où il est le plus efficace de placer un point focal. Maintenant, vous vous souviendrez peut-être que nous parlions de la lecture gravité lorsque nous parlions de mises en page. Et pour la même raison que plupart des spectateurs partent du haut à gauche, puis gravitent vers le bas à droite de chaque composition et cadre. Même ces quatre intersections au sein la règle des tiers ne sont pas aussi puissantes. Vous l'avez donc deviné, le point d'intersection supérieur gauche est le placement le plus efficace pour un point focal, car c'est ce que la plupart des spectateurs regarderont d'abord lorsqu' ils verront une composition. Et la plupart des gens ont non seulement tendance à regarder ici en premier, mais aussi à garder un œil sur cette position le plus longtemps. Selon les statistiques, ce point d'intersection supérieur gauche reçoit 41 % de l'attention, suivi de celui en dessous, soit vingt-cinq pour cent, puis 20 % en haut à droite. Enfin, le dernier en bas à droite est de 14 %. Selon ces pourcentages, nous pouvons penser que ces quatre points sont la direction ou la direction générale mouvement oculaire du spectateur, ce qui correspond encore bien à la gravité de la lecture. dont nous avons discuté plus tôt. Avant de regarder quelques exemples de graphisme, je voulais simplement passer un peu de temps sur ces deux photographies, ce qui peut nous aider à comprendre que non seulement les points d'intersection sont important en ce qui concerne la règle des tiers, mais aussi la façon dont nous utilisons les lignes qui divisent la composition. Ainsi, en plus de placer ce tableau ici près d'un des points d' intersection, remarquez comment l'horizon est également aligné sur l'une des règles des troisièmes lignes de division en photographie ainsi qu'une illustration. et la conception graphique, fait de décider où se trouve la ligne d'horizon affectera grandement le point de vue et la perception de votre composition. Et il est courant de l'aligner la troisième ligne horizontale inférieure ou supérieure. Voici donc un exemple où, une fois de plus, l'horizon est aligné, dans ce cas sur la troisième ligne supérieure. Et dans ce cas, le point focal serait cette fille parfaitement alignée sur cette troisième ligne verticale. Et même si on ne voit pas son visage, la tête est toujours parfaitement alignée sur l'une de ces lignes d' intersection. Il est important de mentionner que vous n'avez pas besoin d'être extrêmement strict quant à l'utilisation de cette règle. Il s'agit plutôt d'une ligne directrice. Et l'idée générale est qu'en déplaçant votre sujet ou votre point focal du centre de votre composition, le rend plus dynamique et intéressant. Tout en gardant votre sujet au centre d' une composition peut le rendre plus inactif ou statique. Bien sûr, il y a des exceptions comme lorsque vous souhaitez obtenir une réflexion parfaite ou une symétrie radiale dans vos compositions, ou lorsque vous souhaitez mettre l'accent sur la stabilité en alignant tout sur au centre de votre cadre. Mais voyons la règle des tiers en action dans ces exemples créatifs ici. Tout d'abord, en commençant par cette couverture de magazine. Si j'aligne ce rectangle que j'ai créé sur la couverture elle-même, nous pouvons voir qu'il aura le point focal, qui est naturellement le visage de cette femme et aussi le grand chapeau rond qu'elle porte. plein, presque exactement sur le point d'intersection en haut à droite, en plus d'avoir la femme alignée sur ce troisième vertical, nous avons également la ligne de couverture principale alignée sur l'autre troisième ligne verticale. Et il peut également être intentionnel que ce groupe de texte soit parfaitement placé sur la troisième ligne horizontale inférieure. Une autre chose que l'on peut repérer sur la ligne d'horizon ou sur le dessus de la couverture, c'est que les trois mots qui s'y trouvent sont également parfaitement divisés et distribués selon la règle des tiers, où ces petits points de division s'alignent parfaitement avec les lignes de division verticales. Donc, si je déplace un peu cette image vers le bas et que je zoome de plus près, vous pouvez voir à quoi je faisais allusion en regardant à nouveau cet exemple, nous pouvons voir que le titre principal est parfaitement aligné ou centré sur celui-ci premier point d'intersection ici, mais c'est le bord droit. Le g est également parfaitement aligné sur la deuxième verticale, la troisième ligne. Donc, même si cette composition peut sembler un peu chaotique au début, vous pouvez voir qu'il y a en fait beaucoup de structure sous-jacente utilisée. Voici une très belle couverture du magazine The New Yorker, qui montre New York complètement recouvert de neige et crée beaucoup d' espace négatif ou d'espaces blancs. Mais comme avant, la règle des tiers, encore une fois, est parfaitement utilisée ici pour aligner le seul bâtiment visible. Et même s'il ne s'agit pas d'une ligne droite, mais la ligne actuelle , même la neige, est alignée sur l'une des troisième lignes, de la même manière qu'une ligne d'horizon, même si nous ne pouvons pas vraiment voir que dans cette composition. Cette affiche du joker du film utilise également parfaitement la règle des tiers où nous pouvons clairement voir que le point focal est censé être ce que j'atteins de manière très intelligente est une combinaison des deux la vraie personne et le reflet du personnage qu'il est en train de devenir dans l'histoire. dualité est donc représentée dans cet alignement particulier. Et si nous prenons notre guide et que nous le faisons glisser ici, nous verrons qu'il est presque parfaitement aligné sur ce point d' intersection. Comme dans les exemples précédents, même la topographie est alignée sur la même ligne de division verticale. Parfois, vous pouvez même utiliser plusieurs points d'intersection, comme dans ce cas, le lapin est placé sur l' un d'eux par l'ego, est très proche de l'un des autres points d'intersection. Et si nous relions ces deux points, ils forment en réalité une diagonale qui crée une composition très dynamique. Et dans une autre vidéo, nous verrons de nombreux exemples créatifs. Encore une fois, l'utilisation de diagonales disposition diagonale des éléments visuels. Enfin, voici une autre affiche où presque tous les points d'intersection sont utilisés. Nous avons donc le visage de cette personne sur ce point d'intersection, un autre ici à droite. Et puis, en bas, nous avons les textes couvrant les deux points d'intersection inférieurs. Et je ne sais pas si c'était intentionnel ou non, mais même cette lettre D est alignée sur la ligne de division verticale gauche et le texte lui-même est parfaitement centré sur cet horizontal inférieur. ligne de division. Rappelez-vous donc que la règle des tiers n'est pas une structure stricte comme une grille dans une composition laquelle vous devez aligner vos éléments. Vous pouvez penser qu'il s'agit plutôt d'une aide ou même d'une réalisation qui peut vous aider à trouver le bon emplacement pour les éléments les plus importants de votre conception. 5. Nombre d'or: À l'instar de la règle des tiers, une autre technique de composition fréquemment mentionnée est le ratio d'or, qui est parfois appelé rapport divin ou proportion divine. Quelle que soit la version du terme que vous utilisez, cela semble assez significatif. Et quelque chose que nous devrions absolument couvrir dans ce cours, comme je l'ai mentionné au sujet de la règle des tiers, n'est pas quelque chose que vous devez suivre. C'est encore une fois, plus comme une ligne directrice ou un cadre qui peut vous aider à créer une composition équilibrée et intéressante. Et c'est une technique que même Léonard de Vinci utilisait déjà dans son travail, fois pour ses peintures, ses sculptures et même pour l'architecture. Mais la raison pour laquelle elle est appelée Proportion divine, car elle peut également être trouvée ou reconnue dans les modèles de la nature. Vous pouvez donc voir ici quelques-uns de ces exemples basés sur cette proportion ou ce ratio. On peut donc voir le même schéma dans la façon dont les galaxies se sont formées dans les coquillages , les tempêtes et même chez les plantes, les animaux et plusieurs proportions du corps humain. Maintenant, même si en tant que graphiste, vous n' avez pas vraiment à vous soucier des mathématiques derrière le ratio d'or. Il est toujours bon de savoir qu'il provient de la séquence Fibonacci ou est basée sur celle-ci, qui ne doit pas être confondue avec les nombres premiers. Donc, pour obtenir le numéro suivant dans la séquence, il faut toujours ajouter les deux derniers numéros l'un à côté de l'autre ensemble. Donc, si vous commencez par 01, cela équivaut à un, alors vous en ajoutez un plus un, ce qui équivaut à deux. Ensuite, un plus deux est égal à trois, puis deux plus trois équivaut à cinq et ainsi de suite. C'est donc la séquence de Fibonacci. Mais pour obtenir le ratio d'or, vous devez diviser deux nombres l'un à côté de l' autre dans cette séquence. Par exemple, 987 divisé par 610, ce qui donnera un chiffre d'environ 1,618. Et c'est le rapport d'or. Et pour pouvoir utiliser ce rapport dans la conception graphique, nous utilisons couramment la spirale dorée, qui est générée en appliquant ce rapport, divisant le cadre et continuant à le faire après chaque division, vous finissez toujours par avoir le même rapport entre ces éléments jusqu'à ce que la spirale finisse pointer vers un point spécifique dans le cadre. Et contrairement à la règle des tiers, lorsque vous utilisez la spirale dorée, ce n'est pas seulement le point où cette spirale mène, qui peut être important, mais aussi la trajectoire générale de la spirale et tout ce que vous y alignez. Voici donc deux exemples de peintures très célèbres où nous avons déjà la spirale dorée montrant comment elle a été appliquée ou utilisée pour créer ces compositions agréables. L'une d'elles est la magnifique œuvre des artistes japonais Hokusai intitulée The Great Wave of Kanagawa. Et vous pouvez voir que la spirale dorée ne doit pas nécessairement être alignée exactement sur le cadre, sorte qu'elle peut même être pivotée. Et même comme cela, si un élément important ou le sujet de l'image va aboutir à une composition universellement agréable. J'ai déjà mentionné que Léonard de Vinci aime utiliser le ratio d'or ou la proportion divine. Et dans l'une de ses œuvres les plus célèbres, la Joconde, nous pouvons également identifier l' utilisation de la spirale dorée. Dans ce cas, les points de départ et de fin de la spirale jouent un rôle important dans la composition. Le point de départ est donc sur les mains et le point final est au centre du visage. Ces deux détails peuvent être considérés comme des points focaux dans le tableau. Mais même le long de la spirale, nous aurions des détails parfaitement alignés, comme le haut de la tête, tangent à la spirale. Et même les bras, si nous les étendons, seraient parfaitement alignés sur la spirale. Et le ratio d'or est également couramment utilisé dans le design graphique, où vous n'avez pas nécessairement besoin compter sur la spirale dorée, simplement sur cette proportion ou ce ratio divin que nous savons maintenant qu' il est proche de 1,618. Et nous pouvons trouver le même rapport entre les deux côtés du rectangle National Geographic, par exemple, ou les deux rayons utilisés pour les cercles du logo BP. Et même plusieurs détails dans des logos comme Apple et Toyota utilisent à nouveau le même ratio. Et comme je l'ai dit, le rapport d'or ne se limite pas à trouver le point focal de votre composition. Il peut également être utilisé, par exemple, pour définir la proportion ou le rapport entre les couleurs d'arrière-plan d'une composition, comme dans cette conception d'emballage ici, ou même au sein d'un site Web ou d'un encore une fois, en utilisant la même proportion entre les deux côtés. 6. Spirale d'or: Probablement les exemples les plus intéressants que nous puissions trouver nos illustrations ou affiches d'art numérique et de films. Et tout comme pour la règle des tiers, j'ai préparé ici la spirale dorée, que nous pourrons aligner et insérer sur ces images. En commençant par cette première image ici, je vais juste l' aligner sur les bords. Et vous verrez que parfois vous n'avez pas nécessairement à utiliser toutes les parties de la spirale dorée. Vous pouvez donc voir même s' il n'y a rien d'important aligné sur l' extrémité de la spirale. La plupart des détails de cette illustration, comme la forme de ces collines à gauche et à droite. Même le flux général de ces nuages suit tous la structure invisible de la spirale et même du moulin à vent ici, bien qu'il ne soit pas tangent à la spirale, courbure est en fait parallèle à la spirale, ou du moins cette section à l' intérieur de la spirale. Et dans cet exemple suivant, je voulais vous montrer que parfois dans une seule composition, vous pouvez même utiliser plusieurs orientations de la spirale dorée et avoir des détails importants sur votre composition alignée sur eux. Donc, dans ce cas, si je garde l' orientation comme celle-ci, nous pouvons immédiatement voir qu'il y a beaucoup de détails qui suivent cette forme, surtout autour de cette zone ici. Donc les moutons ici en bas, même le poulet assis sur la clôture ici. Mais si je sélectionne la spirale et que je la retourne horizontalement puis verticalement, nous pouvons voir que le point final de cette façon finit montrer pointent exactement cette personne au premier plan. Et tout comme pour la règle des tiers, si vous faites attention, vous pouvez éventuellement développer un œil en voyant ces spirales cachées dans les compositions. Parfois, comme vous pouvez le constater, même plusieurs orientations en même temps. Même dans le concept art pour jeux comme Assassin's Creed, Valhalla, nous pouvons trouver des utilisations de la spirale dorée, qui nous amène à voir détails importants comme ces personnages ici au bas. Mais comme avant, si je retourne cette spirale dans l'autre sens, nous pouvons voir que tous ces détails se scellent au premier plan suivent cette spirale, nous amène d'abord aux personnages ici au milieu. puis oriente également notre attention sur l'arrière-plan. Et juste un autre exemple d'art conceptuel. Mais encore une fois, nous avons les personnages parfaitement alignés sur la spirale et sommet le plus élevé de la distance, qui est également parfaitement aligné sur le point final de la spirale. Et ce n'est pas une coïncidence si plupart des films d'animation de Pixar, Disney et même DreamWorks s'appuient également sur la spirale dorée. Ainsi, dans le cas de l'affiche Kung Fu Panda, elle conduit parfaitement notre œil vers le pied, ce qui est accentué par le motif radial en arrière-plan. Si nous déplacons la spirale ici droite avec l'affiche vers le haut, nous pouvons voir que tous les personnages sont alignés sur la spirale. Et encore une fois, la spirale attire notre attention sur le titre. Et la même chose se produit ici avec l'imposteur Finding Nemo ou les poissons en arrière-plan sont alignés sur la spirale dorée par Nemo est aligné sur ce point particulier dans la spirale. Ce n'est donc pas l' extrémité de la spirale, mais il est toujours aligné sur une tangente importante dans la spirale. Un autre excellent exemple est cette affiche pour le film Brave. La cape du personnage principal au premier plan a exactement la même forme que la spirale. Et même sa posture suit ce flux. Mais si nous continuons à parcourir la spirale, nous verrons que tous les autres personnages importants sont en fait alignés sur le point final de la spirale. Croyez-moi, une fois que vous commencerez à y prêter attention, vous commencerez également à reconnaître le rapport et la spirale dorée dans beaucoup de choses autour de vous. 7. Direction: l'accent sur une direction particulière au sein d'une composition est un moyen très puissant de la faire ressortir et de la rendre captivante. Et la façon générale d' y parvenir consiste tout d'abord choisir l'orientation ou le rapport d'aspect approprié pour votre travail. Par conséquent, si vous vous concentrez sur une direction ou un flux vertical, il est préférable de commencer par un format portrait plutôt qu'un paysage. Mais en plus de choisir la bonne orientation et le rapport d'aspect, vous devez également aligner et organiser tous les éléments votre composition pour renforcer la direction prévue. Ainsi, dans cette vidéo, nous verrons de nombreux exemples créatifs utilisant toutes sortes de directions différentes, de la verticale à la diagonale et même à des angles aléatoires. Commençons par certains modèles qui utilisent ou soulignent la direction verticale ou le flux. Ainsi, comme vous pouvez le constater, cela peut être réalisé de différentes manières. Vous pouvez soit utiliser la typographie, comme dans le cas de cette affiche, tout soit aligné au centre de la composition, gardant les côtés gauche et droit complètement vides. Dans ce cas, la même chose est utilisée avec la publicité Coca-Cola et aussi cette affiche pour la soirée Poetry Slam. Et en plus d'avoir une utilisation très intelligente du sol de la figure ou de l'espace négatif ici, le microphone apparaissant dans la silhouette d'un stylo. Mais je pense qu'il y a même une indication de livres sur le dessus du stylo. Ce que j'aime vraiment dans cette composition, c'est comment elle utilise la direction verticale des deux côtés. Ainsi, via le stylo est pointé vers le bas et attire notre attention sur cette partie en bas, le microphone agit presque comme une autre flèche pointant vers le titre principal de l'événement. Lorsque vous mettez l'accent sur la direction verticale dans une composition, vous n'avez pas nécessairement à tout aligner au centre. Nous pouvons voir avec cette affiche, la plupart des informations peuvent être alignées vers la gauche. Et dans ce cas, pour équilibrer les choses, ils ont en fait une personne qui sort du cadre dans une culture assez inhabituelle. Mais je pense que cela fonctionne parfaitement avec le thème de ce festival, qui concerne les voyages. Donc, au lieu de montrer que quelqu'un est dans le cadre, nous voyons cette personne quitter le cadre. Il s'agit donc d'une parfaite analogie visuelle du processus de déplacement de la direction verticale peut également être utilisée chaque fois que vous voulez mettre l'accent sur gravité et montrer des choses comme la peinture ou le sang, dans ce cas, dégoulinant ou pour montrer d'autres mouvements verticaux comme la pluie ou même les super-héros volants. Et même en utilisant la typographie pour indiquer la direction verticale, la gravité et les choses qui tombent peuvent également créer une composition très unique et intéressante. J'adore aussi le fait qu'en plus de cette partie ici, qui indique clairement que le mouvement vertical, nous avons aussi peu de détails ici dans le titre principal, cette lettre S sur le point de tomber et de tomber. également. La lisibilité du titre principal ne souffre donc pas, mais c'est une indication subtile, fonctionne très bien avec le reste de la composition. solutions simples mais intelligentes comme celle-ci peuvent facilement créer de l'unité dans votre conception. Dans le cas de cette composition, j'adore la façon dont on utilise encore une fois un format d'outil, mais aussi la façon dont le point de vue commun ou habituel est renversé. Et nous avons ces chaises collées au plafond et la personne qui s'y tient, ce qui suggère que cette personne finira par tomber. Et parfois même sans montrer quelque chose, simple fait de préparer le spectateur à ce que quelque chose se produise peut être un moyen très efficace d' attirer son attention. Je vais sauter la direction horizontale parce que c'est quelque chose fait standard et courant que nous verrions dans le design graphique. Je vais passer directement aux diagonales, ce qui est probablement mon type de flux visuel préféré que j'aime utiliser dans mon propre travail quand je le peux. Et la particularité de l'utilisation des diagonales est qu'elle permet de se détacher du format rectangulaire auquel nous sommes limités, que nous travaillons dans l'impression ou la conception Web, car le format du papier imprimé et des écrans est rectangulaire. Prenons donc l' affiche Maze Runner, par exemple, qui se trouve encore une fois dans ce cadre rectangulaire ou Canvas. Cependant, grâce à l'orientation diagonale de toutes ces lignes et même au personnage principal et à la topographie, nous avons immédiatement l'impression qu'il ne s'agit plus d'un format rectangulaire. Notre esprit continue donc immédiatement ces lignes et nous imaginons une structure au-delà de ce cadre rectangulaire. 8. Diagonales: Mais bien sûr, si vous voulez utiliser la direction diagonale dans votre composition, vous n'avez pas nécessairement à tout faire pivoter. Comme vous pouvez le constater, il suffit d'indiquer les diagonales, même avec une simple ligne fine. Mais bien sûr, cela aide aussi si vous utilisez une image en combinaison avec cette ligne qui peut renforcer la même direction diagonale. Mais vous n'êtes pas non plus limité à utiliser une seule direction diagonale. Parfois, cela peut très bien fonctionner si vous utilisez deux diagonales opposées dans la même composition, comme avec cette illustration ici avec la remontée mécanique, nous pouvons voir des lignes définies par les montagnes et ensuite diagonales opposées définies par le câble du vantail. La même chose sur cette affiche. Nous avons une ligne diagonale très forte ici en bas, puis une autre ligne diagonale forte définie par le poulet. Et même dans ce cas où la direction diagonale est utilisée sur une table des matières. Une fois de plus, nous pouvons voir des exemples de ces orientations opposées. Nous avons donc des textes définis de cette façon ici et ici, mais nous avons ensuite la direction opposée également utilisée par certains des autres textes de cette page. Et à mon avis, il n'y a pas de meilleur moyen de se rappeler pourquoi ce mouvement ou cette direction diagonale est-il si puissant et si efficace que de se souvenir cette célèbre pose de Michael Jackson du Moon Walker. Par conséquent, comparé à une ligne droite verticale dans laquelle nous considérerions comme statique, lorsque quelque chose est placé sur un angle vers la droite ou vers la gauche, immédiatement l'impression qu'il est sur le point de tomber. Et tout comme cette personne que nous avons vue, coincée au plafond sur le point de tomber dans l'attente et nous voyons quelque chose risqué qui capte notre attention. Et parce que les diagonales nous rappellent aussi des triangles qui, en termes de langage de forme, représentent généralement à nouveau le risque, le danger, l'hostilité. Il est également utilisé très couramment dans compositions d'affiches de films d'action, comme on peut le voir ici avec l'affiche vidéo noire. Et nous pouvons aussi le voir ici avec Fast and Furious ou l'homme intérieur. Et rappelez-vous que moins c'est plus dans la conception. Ainsi, même lorsque vous utilisez des directions comme des diagonales, vous n'avez pas à forcer tous vos éléments visuels à être restreints par celle-ci. Pour cela, un bon exemple est le principe, où seul le titre principal est défini en diagonale. Et le reste de ces lignes distinctes ici ne fait que légèrement pivoter. Ils ne sont toujours pas complètement verticaux ou horizontaux, mais ils ne sont pas complètement diagonaux. Vous pouvez imaginer que la même composition a complètement tourné, encore une fois, suivant le même angle que le titre, pourrait être un peu exagéré. Enfin, enfin, vous pouvez également utiliser des angles aléatoires dans votre composition. Cependant, ils sont généralement les plus difficiles à réaliser. Et sans l'utilisation d' structure sous-jacente telle qu'une grille, il est facile de créer quelque chose de trop chaotique pour que vos spectateurs puissent en profiter et comprendre. Et quelque chose qui s'applique à toutes les directions que vous décidez d'utiliser ou même à toutes les décisions que vous prenez dans votre composition, c'est que peu importe ce que vous décidez d'utiliser, devrait toujours servir le but ou le message de votre conception. Ainsi, dans le cas de cette couverture de livre, par exemple, il y a une bonne raison pour laquelle certains personnages sont à l' envers ou tournés de façon aléatoire. C'est parce qu'il met l'accent sur le titre, le lit a bougé. Et même si je n'ai pas lu le livre et le titre ne compte pas vraiment beaucoup pour moi. Je suis immédiatement intrigué et intéressé par ce design unique. N'oubliez donc pas que votre choix de flux visuel pour votre composition doit toujours être aligné sur le message de votre travail. 9. Silhouette: En conception graphique, les silhouettes reconnaissables ou les contours d'objets peuvent être utilisés de différentes manières, qu' elles agissent comme un dispositif de maintien ou un conteneur, regroupent plusieurs éléments, faisant allusion à les choses de manière subtile ou même pour activer la relation entre les personnages, l' un des principes de Gestalt que nous abordons dans un autre sujet. Dans cette vidéo, nous analyserons quelques travaux très créatifs utilisant des silhouettes. Mais nous allons également apprendre quelle est la différence entre une silhouette et un contour, un contour et le profil. Donc techniquement, nous ne devrions parler de quelque chose comme celle-ci qu'une silhouette, dans ce cas, la silhouette d'un oiseau et à l'intérieur de celle-ci, la silhouette d'une ballerine ou d'une danseuse, où une forme solide est utilisé pour représenter quelque chose sans montrer aucun détail à l'intérieur de la forme elle-même. Et la façon la plus traditionnelle de penser des silhouettes est d'avoir une forme noire sur fond blanc. Et le moyen le plus simple de se souvenir de la définition de silhouette est de penser simplement à votre ombre. C'est une caractéristique sombre, moins de forme, mais on peut quand même reconnaître qu'elle est connectée à vous pour mieux comprendre comment fonctionnent les silhouettes. Voici un excellent exemple où nous avons une transition entre les zones où nous pouvons voir des détails dans l'image qui nous aident à identifier et à séparer ces deux joueurs de panier. l'un de l'autre. Par le reste de l'image, comme les mains, le basket-ball et même leurs jambes, n'ont même pas besoin de détails pour comprendre ce que nous voyons. Celui qui a créé cette composition astucieuse doit avoir beaucoup joué avec différentes silhouettes jusqu'à ce qu'il trouve les bonnes qu'il pourrait utiliser pour cette publicité. Dans cette composition, on peut voir la combinaison de silhouettes et de contours. Les silhouettes sont donc de nouveau ces formes remplies de couleurs. Alors que ces autres sont les contours où nous n' avons aucun détail de champ à l'intérieur des lignes. Et ces deux méthodes sont couramment utilisées dans la conception de logo et d'icônes. Et même s'ils sont très similaires les uns aux autres, ils peuvent quand même obtenir une perception légèrement différente chez vos spectateurs. Vous pouvez considérer la principale différence entre elles étant que les silhouettes sont des formes positives par contours ou des formes négatives. Et dans ce cas, ces termes ne sont pas utilisés pour dire qu'ils sont bons ou mauvais, c'est simplement une façon de classer formes de la manière dont elles ressentent l'espace. Voici un exemple intéressant où l'on peut voir la combinaison d' une silhouette d'arbre à l'intérieur de ce conteneur, numéro deux. Mais le chiffre lui-même n'a pas vraiment de contour. La composition repose donc également sur le principe de fermeture Gestalt. Notre esprit doit donc relier les détails manquants ou combler les lacunes sur le plan de ce numéro. Mais la principale raison pour laquelle je souligne cette composition est de montrer qu'il n'est pas toujours nécessaire de montrer la silhouette complète de quelque chose pour qu'elle soit reconnaissable. La même chose se produit dans cette composition. Encore une fois, nous pouvons reconnaître à la fois l'oiseau et le danseur sans voir tous les détails, même lorsqu'ils sont simplifiés pour simplement montrer leurs silhouettes. Voici une autre composition intéressante. Où ne voyons-nous qu'un petit détail de cet entraîneur ? Pourquoi le reste de son contour ou de sa forme n'est suggéré que par la silhouette composée de ces différentes formes colorées combinées. Et comme vous pouvez le constater, vous pouvez même créer un contraste en combinant des sections d' un objet dans des détails photographiques complets avec formes colorées simples faisant allusion à la silhouette de l'objet. Un autre terme couramment utilisé dans conception graphique et les sons très similaires à la silhouette est le contour, qui est mieux utilisé lorsque vous faites référence à la forme d'un objet. Par exemple, cette illustration utilise un contour arrondi et sinueux qui met l'accent sur la femme et la sexualité dans cette composition. Ou voici une autre publicité intelligente où nous pouvons voir les contours et les silhouettes travailler ensemble. Ainsi, lorsque l'on regarde ces glaçons, on peut se référer à leurs contours, ce qui a également aidé à évoquer ou suggérer les silhouettes de monuments célèbres, comme la Statue de la Liberté ou la Tour Eiffel. Vous pouvez donc constater que ces deux termes sont très similaires l'un à l'autre. n'y a qu'une différence subtile dans la façon dont nous les utilisons lorsque nous faisons référence à des solutions ou des détails dans une composition. 10. Profil: Un autre terme similaire dont vous avez peut-être entendu parler est le profil, qui est utilisé spécifiquement lorsque nous regardons quelque chose ou quelqu'un de côté. Le profil est un terme très couramment utilisé, par exemple dans la photographie de portrait, où il se concentrerait bien sûr sur la vue latérale de la main. Un profil ne signifie pas nécessairement que nous ne voyons pas de détails sur le visage ou sur l'objet que nous voyons de côté. Il est préférable de s'en souvenir et de l'utiliser simplement comme un autre mot pour voir quelque chose de côté. Dans ce cas, il s'agit de la silhouette d'une fille en vue de profil associée à une autre image de ces fleurs et plantes croisent légèrement sur son contour. Vous pouvez voir que j'essaie de mettre en évidence les différences subtiles entre ces termes et avec un peu de pratique et en prêtant attention à la façon de les utiliser, je suis sûr que vous pourrez également appliquez-les tous dans votre propre travail. Enfin, permettez-moi de souligner quelques autres compositions utilisant ces termes que nous venons de discuter. Donc, dans le cas de cette dernière affiche, nous avons quelques silhouettes. Tout d'abord, nous avons le genre ici au milieu, qui est créé avec un espace négatif ou un espace blanc. Mais nous avons également une autre épée en noir qui serait considérée comme un espace positif. Mais c'est une autre silhouette. Nous avons également une autre silhouette ici en bas, qui dans ce cas, il s'agit d'un type particulier de silhouette, nous appelons normalement que nous appelons normalement la ligne d'horizon, dans ce cas, montrant cette forteresse ou ce château. nous avons la silhouette du feu ici en bas. Et enfin, un autre détail subtil, le sang qui coule ici sur cette épée. Il s'agit donc d'une silhouette dans une autre silhouette. Et vous pouvez voir que toutes ces silhouettes, évidemment nos illustrations, et la combinaison de ces silhouettes et photographies de l'affiche peuvent très bien fonctionner ensemble. Et alors que les photos nous aident principalement à reconnaître ces acteurs et actrices dans le film. Les silhouettes de ces objets et de l'architecture nous en disent beaucoup plus sur l'histoire ou l'intrigue du film. Voici un autre excellent exemple d' affiche de film où la silhouette d' une croix est utilisée en combinaison avec la silhouette d'une pompe à huile. Et si vous avez vu le film, vous savez que ce sont les deux thèmes opposés du film : la religion et la cupidité. S'il n'était pas assez évident qu' s' agit d'une pompe à huile. Il y en a un autre en arrière-plan. Même s'il est assez faible, il est toujours reconnaissable. Et la raison pour laquelle je souligne cette composition est de montrer que les silhouettes sont parfois le meilleur moyen de simplifier quelque chose. Et au lieu de se concentrer sur les détails, ne voir que la forme générale de quelque chose nous aide à nous concentrer sur le sens réel derrière la composition. Vous pouvez toujours compter sur des silhouettes, bien sûr, moins que votre sujet ne soit très reconnaissable, comme avec cette scène emblématique de Forrest Gump, nous reconnaissons immédiatement ce que nous voyons également dans des contextes. d'un logo Apple. Nous reconnaissons également immédiatement qu'il s'agit la silhouette de profil de Steve Jobs. La même chose avec la force horizontale. Le célèbre personnage Indiana Jones, encore une fois, suffit à être sous-entendu comme une silhouette visible dans cette grotte. Mais il y a en fait une autre silhouette dans cette silhouette plus grande dans ce cas. Et voici une combinaison encore plus intelligente de deux silhouettes. Une affiche d'Oly Moss, où nous reconnaissons le célèbre personnage Baba Fat de Star Wars, grâce au contour de son casque. Mais ce qui le rend vraiment reconnaissable, c'est ce détail ici au milieu, qui est d'ailleurs la silhouette d'un bâtiment. Le film Empire Strikes Back. Nous avons donc non seulement deux silhouettes l'une sur l'autre, mais elles sont également alignées de cette manière extrêmement intelligente. C'est quelque chose de similaire dans cette affiche Dark Knight Rises, où l'on voit la silhouette du logo Batman en arrière-plan, dans la ligne d'horizon. Et les oreilles de Batman Scape sont parfaitement alignées là où l'on verrait également les oreilles de l'icône Batman. Nous pourrions donc continuer la silhouette autour d'eux. Et nous obtiendrions l'icône ou un logo en arrière-plan. Et c'est également un bon exemple pour penser à la relation entre une silhouette et le contour. Donc quand vous essayez de définir la façon dont nous voyons Batman dans ce cas, je n'appellerais pas cela une silhouette parce qu'on peut voir des détails de son armure et même de son visage. Il est préférable de faire référence à une image où son contour est souligné. 11. Ligne: Une ligne est un élément de conception basique et très couramment utilisé. Et la raison pour laquelle nous le couvrons sous le thème de la composition, car il peut être utilisé pour mettre en valeur de nombreux aspects différents au sein d'une composition, comme orienter l'œil du spectateur pour ajouter des détails au sein de la composition, comme un point focal, ou pour créer une structure et ajouter hiérarchie en divisant certaines zones. Ils peuvent également être utilisés comme lignes de mouvement et accentuer la direction ou le flux de la composition. Ils peuvent former des motifs, ils peuvent introduire le rythme et la liste continue. Même si, comme je l'ai dit, ils ajoutent l'un des éléments de conception les plus simples, c'est à vous, en tant que graphiste, de trouver des façons créatives de l'utiliser. Pour commencer, voici une belle illustration qui n' utilise que des lignes et qui ont même la même épaisseur, ce qui contribue bien sûr à établir l'unité et l'harmonie dans la composition. Dans cet exemple particulier, on utilise des lignes pour former ces décorations florales, mais aussi pour présenter à ces oiseaux uniquement leurs contours et quelques détails à l'intérieur. Encore une fois, une autre composition où nous n'avons que des lignes, mais dans ce cas, elles forment également une topographie plus de quelques détails comme les nuages et le soleil. Et ce qui est intéressant ici, c'est que cette composition fonctionne très bien, même s'il manque beaucoup de détails. Les lignes ne sont donc pas complètement fermées, ni sur la typographie ni même sur l'environnement, comme nous avons des lacunes dans les nuages, également des lacunes sur le soleil car nous avons juste assez de visuels. informations. Ce n'est toujours pas déroutant et s'appuyant sur la fermeture du principe Gestalt, notre esprit se place facilement dans ces espaces, l'utilisation de lignes combinées à une photographie peut créer beaucoup de contraste. Et dans ce cas, comme ces lignes remplissent presque complètement la toile de fond, elles forment également quelque chose de plus similaire à une texture. Et voici un exemple encore plus extrême où au début il semble que ces lignes ne forment qu'une texture aléatoire. Mais vous pouvez également reconnaître le texte ou la topographie cachés à l'intérieur. Et c'est une technique assez courante et efficace pour simplifier la topographie sur des lignes simples, comme dans ce cas, nous avons ces lignes épaisses et rondes qui forment le mot chose. Et le fait que nous ne voyions pas seulement les silhouettes ou les contours de ces lettres, mais aussi les formes réelles, ces lignes dont elles sont faites rend cette composition beaucoup plus intéressante. Et dynamique. Les dessins au trait sont également couramment utilisés dans les projets de conception graphique et dans cette annonce particulière, ils sont utilisés en combinaison avec une photographie et en les superposant les uns sur les autres. Et le dessin montrant les dangers de la restauration rapide simplifie brillamment et présente le message principal de cette affiche. Les lignes peuvent également être couramment utilisées pour représenter une action. Dans ce cas, nous pouvons immédiatement reconnaître que ces trois noms ou marques ont été croisés. Et comme pour tout ce qui est en design graphique, même si nous ne voyons pas le mouvement réel de ces derniers être barrés, nous pouvons imaginer que cela se produise, surtout parce que ces lignes ressemblent ils ont été dessinés avec un crayon ou une craie. Ainsi, la combinaison d'un élément de conception simple, d'une ligne dans ce cas, de texture et d'un peu de hasard, au lieu de le garder complètement droit, suggère parfaitement de quoi il s' agit. N'oubliez pas de ne pas sous-estimer la puissance d'une ligne dans vos compositions. 12. Tangentes à éviter: En conception graphique, puisque nous travaillons en deux dimensions, il est très important de s' assurer que les éléments que nous placons l'un à côté de l'autre, je suis clairement séparé lorsque nous ne voulons pas qu'ils se rencontrent. et nous devons toujours veiller à ce qu'il soit établi ce qui est plus proche de nous et ce qui est plus loin dans l'espace. Lorsque deux formes sont placées l'une à côté de l'autre, la ligne partagée entre elles est appelée ligne implicite. S'il est utilisé intentionnellement, il peut créer des compositions très intéressantes en utilisant juxtaposition ou le contraste entre différents éléments. Cependant, lorsqu'il est introduit par accident, nous l' appellerons normalement une tangente. Et c'est quelque chose que vous voudriez éviter la plupart du temps. Et il y a même un autre terme que nous utilisons pour cela, qui dans la vraie vie est une bonne chose, mais dans la conception graphique, encore c' est quelque chose à éviter. Et ce terme s'embrasse, encore une fois, vient de deux choses, de rencontrer ou d'être parfaitement aligné l'une à côté de l'autre. Jetons un coup d'œil à quelques exemples. Principalement de bons exemples où tangentes sont utilisées de manière positive, créant des lignes implicites, mais voient également le problème des tangentes introduites involontairement. Pour commencer, voici la série d'affiches. Et dans chacun d'entre eux, nous avons deux objets alignés l'un sur l'autre, créant une juxtaposition pour souligner le message, les mots, les guerres de quille. Et remarquez comment toutes ces affiches ont placé l'objet nuisible sur le côté gauche. Pourquoi nous avons des images sur le côté droit montrant un vase de communication. Et dans ce cas, ces images sont non seulement alignées les unes sur les autres de manière intelligente, mais aussi ensemble, elles suggèrent les contours originaux des armes. Dans le cas de la grenade, par exemple, nous avons la photo de profil d'une personne sur le côté droit, mais les deux choses ensemble nous rappellent la forme originale d'une grenade. Et il en va de même pour toutes ces autres images, même si ce microphone est utilisé d'une manière qui nous rappelle davantage un missile, qu'un microphone. Le designer a donc voulu que la première lecture du spectateur soit un vétéran. Et ce n'est qu'après un certain temps qu'ils reconnaîtront l'autre objet utilisé pour la communication. Il existe de nombreux autres exemples similaires à cela sur ce tableau, mais encore une fois, plusieurs images sont combinées ensemble, ne révélant que certaines parties de chacune d'elles. Mais la technique clé est de confondre les spectateurs pour voir ces deux objets distincts comme un seul. Avant d'examiner quelques autres exemples lorsque les éléments de conception sont alignés volontairement, je veux vous montrer le problème de l'introduction de tangentes. Voici donc une image miniature que j'ai créée pour une vidéo YouTube. Et sur le côté gauche, vous pouvez voir le design réel. Sur le côté droit, j'en ai créé une version, mais j'ai délibérément déplacé les choses pour produire ces tangentes indésirables. pouvez donc mettre en pause la vidéo à ce stade si vous voulez les trouver par vous-même. Parce que maintenant je vais commencer à les signaler. Donc, le premier que nous pouvons repérer, si nous commençons à numériser l'image depuis le coin supérieur gauche, c'est ici. Ce cercle est donc aligné exactement sur l'icône Illustrator par rapport à la façon dont je l'ai aligné à l'origine vers la droite. Nous avons également le même problème avec ce cercle ici, encore une fois, tangent au chapeau que porte cette femme. Encore une fois, dans la composition originale, j'avais juste assez de chevauchement entre le chapeau et cette sphère pour faire comprendre que la sphère se trouve derrière le chapeau. Cette forme ici est également tangente au texte, même s'il s'agit d'un petit détail, il y a toujours des sensations étranges. Nous ne savons donc pas si le texte est censé être devant cette forme ou derrière. Et le même problème se produit ici même. Une fois encore, il y a un point de tangente entre le texte et cette forme tridimensionnelle. Même quand quelque chose comme ce détail qui est floue ici se rencontre sur une tangente et une autre forme. Cela peut toujours être distrayant et déroutant pour le spectateur. Mais cette forme courbe a même un troisième point de tangente avec le chapeau. Il y a donc une tangente ici, une autre ici et une autre là. Comparé à cela dans la composition originale, il était clairement placé devant le chapeau et loin de tous les autres éléments. n'y a donc pas de baisers ni de tangentes. À présent, je suis sûr que vous avez également repéré quelques mauvais emplacements pour ces objets 3D flottants. Et la principale chose que je veux que vous vous souviez de cet exemple, c'est même lorsque nous essayons de créer un peu de hasard, avec des objets flottants dans une composition, vous devez toujours prêter une attention particulière à leur placement, en veillant à ce que vous évitiez de créer des tangentes. 13. Tangentes intentionnelles: Tout comme les autres principes et règles de la conception graphique, une fois que vous apprendrez à éviter les tangentes, vous pouvez trouver des moyens intelligents et sophistiqués de les introduire dans votre composition et d' améliorer réellement le à quoi il ressemble ou même améliorer l' unité dans le design. Dans ce cas, nous avons cette ligne diagonale forte qui divise les deux couleurs utilisées en arrière-plan. Et la même ligne est également utilisée pour diviser ces blocs derrière la topographie. Ce qui est très subtil ici c'est que même ces deux lettres, y et a, sont également alignées sur la même ligne diagonale. Il y a donc une tangente entre la topographie et cette ligne de division en arrière-plan. Et comme cela n'affecte pas la lisibilité ou la lisibilité, et cela ne rend pas non plus la composition déroutante. Dans ce cas, les tangentes deviennent ces détails subtils, uniques et cachés dans la composition. Donc, au lieu de considérer ces erreurs comme des erreurs, je préfère les appeler des solutions intelligentes. Nous savons maintenant que lorsque vous placez deux choses exactement l'une à côté de l'autre, vous pouvez créer des tangentes. Mais le même problème peut se produire lorsque vous placez des objets exactement alignés sur le bord de votre cadre. Et c'est exactement ce qui se passe sur cette affiche. Nous avons donc ce texte ici aligné sur le côté droit et même ce mot care est presque exactement aligné sur le bord droit. Et si ce n'était pas intentionnel et soutenu par le reste du design, je considérerais que c'était une erreur. Mais une fois que vous portez une attention particulière aux autres détails, comme si ce code est également parfaitement aligné, le doyen, le portrait, créant à nouveau des tangentes des deux côtés. Et même ce texte ici est parfaitement aligné sur le titre. Donc, si je devais continuer les cheveux, c'est là que ça continue et même l'autre côté des cheveux est aligné sur le texte ou le coin de ces deux lettres étant parfaitement aligné, encore une fois au contour du visage. Et même ceci est presque parfaitement aligné ici à gauche. Donc, à cause de tous ces cas de tangentes, nous pouvons dire qu'elles étaient toutes intentionnelles et que cela peut toujours créer une valeur de choc lorsque vous allez clairement à l'encontre des règles, même si les tangentes ne sont pas quelque chose. que la plupart des gens connaissent bien, ils auraient toujours l'impression qu'il y a quelque chose sur l'affiche. Et c'est exactement ce que le designer voulait réaliser ici. Parce que ça va vraiment bien avec l'histoire de ce film. Même le titre lui-même est contradictoire. Même s'il est dit que je m'en soucie beaucoup, le sens réel de cela dans le film est complètement différent sans que je gâche le film en disant trop. Bien sûr, voir des tangentes sur l'affiche du film ne signifie pas toujours qu'elle a été intentionnellement introduite. En tant que graphiste, il est bon de développer un œil critique et de regarder un design toujours pensant si quelque chose était intentionnel ou non ou si quelque chose fonctionne ou non. Et dans le cas où cette affiche a été prise, j'ai repéré quelques tangentes qui, je suis presque sûr, n'ont pas été intentionnellement introduites. Encore une fois, si vous voulez jouer un peu de jeu, vous pouvez mettre la vidéo en pause immédiatement. Je vais vous les signaler et voir si vous pouvez trouver plus que ce que je vais montrer. La première et la plus évidente est donc cette étrange culture d'avoir Liam Neeson presque parfaitement aligné sur le bord du cadre, tout en y remontant un peu. Je vois qu'ils ont essayé de le faire paraître le plus grand possible sur l'affiche, mais je ne suis pas sûr que ce soit une bonne façon de faire la récolte. De même, je n' aurais pas un détail important de ce point de repère en arrière-plan parfaitement aligné sur le bord du cadre. Comme ici, sur le côté gauche, nous avons un peu d' espace à côté. Mais sur le côté droit, il se forme à tangente. Mais même sur la photo de Liam Neeson, on peut trouver le pistolet tangent qu'il tient est parfaitement aligné sur sa jambe en arrière-plan, qui est légèrement distrayant parce que cette ligne semble plus une extension du pistolet presque comme si elle tirait, même si c'est tout simplement, voici un décalage. Une autre tangente mineure que j'ai remarquée est l'alignement de la lettre T sur la tour ici sur le côté gauche, ainsi que d'autres détails comme la pointe du A avec l'album. Donc, après avoir vu cet exemple, si vous ne l'avez pas déjà fait vous-même, vous pouvez maintenant commencer à repérer des tangentes dans des affiches et toutes sortes de dessins. De même que les erreurs de crénage sportif en typographie. 14. Conclusion: Félicitations pour avoir terminé ce cours de la série de théorie du design graphique. J'espère que vous l'avez trouvé utile et inspirant. N'oubliez pas de parcourir le glossaire des termes PDF, de revue tout ce que nous avons couvert, et si vous vous sentez prêt, au questionnaire pour tester vos connaissances. Revenez à tout moment sur les références des tableaux millénaires que nous avons utilisés dans ce cours pour vous aider à vous souvenir des choses dont nous avons parlé ou à définir inspiration pour votre prochain projet de design, veuillez nous faire savoir si vous avez senti qu'il manquait quelque chose ce cours ou si vous avez des suggestions sur la façon dont nous pouvons l'améliorer, envoyez-nous un courriel à info sur le site designer.com, et nous vous répondrons dès que possible possible. Nous apprécions vraiment votre contribution et votre aide. Il est maintenant temps pour vous de choisir votre prochain sujet et de plonger dans un autre cours de théorie de la conception graphique. 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 tout aussi importantes et tout est lié. Mais le plus important c'est de bien comprendre ces règles et de les appliquer à 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.