Théorie de la conception graphique - Équilibre

1. Introduction: À la naissance, l' équilibre est l'une des premières et des plus importantes compétences que nous acquérons. Tout au long de notre vie, nous visons une alimentation équilibrée, un équilibre parfait entre vie professionnelle et vie privée et sommes instinctivement attirés par les choses symétriques L'équilibre visuel dans le design graphique est tout aussi important. Chaque élément d' une composition a un certain poids visuel, et vous devez apprendre à les maintenir en équilibre pour obtenir des compositions agréables. Dans ce cours, nous aborderons la symétrie, l'alignement, les grilles, le mouvement, l'orientation , le point de vue, le point central visuel et tout ce qui peut vous aider à le juste équilibre dans vos conceptions 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. Poids visuel (partie 1): Nous essayons tous instinctivement de trouver un équilibre dans tous les aspects de la vie, qu'il s'agisse de l' équilibre entre vie professionnelle et vie privée, d'une alimentation équilibrée ou même de la disposition de fleurs dans un vase pour essayer de maintenir l' En design graphique, l'équilibre est tout aussi crucial, et c'est l'un des moyens les plus efficaces de parvenir à l'harmonie dans une composition. Dans le monde physique, lorsque vous essayez de maintenir un équilibre entre les éléments, vous devez toujours vous assurer que le poids est égal des deux côtés d'une balance Par exemple, en design graphique, nous pensons exactement de la même manière, mais nous l'appelons poids visuel, ce qui signifie que chaque composant ou élément que vous utilisez dans vos compositions aura un certain poids. Dans cette vidéo, nous aborderons de nombreuses manières différentes d' identifier ce qui alourdit ou allège quelque chose dans une composition. Tout d'abord, les couleurs vives sont toujours plus lourdes que les tons neutres. Ainsi, par exemple, ici, avec le créateur de la couverture du livre de Swan, les couleurs éclatantes ressortent vraiment et constituent des points focaux. Et même s'ils occupent beaucoup moins de place dans la composition, ils ont tout de même un certain poids visuel. Cette couverture utilise le même équilibre que celui que nous pouvons voir dans le signe du Yin Yang, ce qui, soit dit en passant, est également un excellent exemple de la façon dont nous trouvons des choses équilibrées avec plaisir. Et c'est un concept philosophique chinois qui explique que les forces opposées ou contraires la nature sont en fait complémentaires, interconnectées et interdépendantes, ce qui signifie qu'elles dépendent les unes des autres ou améliorent leurs effets mutuels C'est également une excellente façon de penser à l'équilibre dans le design graphique. Ainsi, lorsque vous associez des éléments opposés, ils peuvent améliorer ou mettre en valeur les attributs de l' autre, puis vous trouvez le bon équilibre. Mais pour en revenir aux couleurs, les couleurs foncées ont également tendance à être plus lourdes que les couleurs plus claires. Ainsi, dans le cas de cette affiche, par exemple, nous pouvons immédiatement sentir que ces zones, ici en noir, les plus lourdes, et va de même pour ce ruban situé en haut, par rapport aux deux autres couleurs dominantes, l'orange et ce ton jaunâtre Et si j'aime cette affiche, c'est même si elle n'est pas complètement symétrique. Seule cette section supérieure peut être considérée comme centrée et symétrique. Bien que cette partie inférieure soit asymétrique, sont deux termes que nous aborderons de manière beaucoup plus détaillée dans la prochaine vidéo Cependant, même s'il n'y a aucune symétrie en bas, les choses semblent tout de même très équilibrées. Et cela est principalement dû au fait que nous avons autant de zones sombres placées ici. Et même si cette zone de droite est peut-être légèrement plus grande que celle de gauche, les chameaux et ces personnages également peints en noir aident à équilibrer les deux côtés Une autre belle illustration minimaliste montre également la même approche, encore une fois, en répartissant le poids visuel, en s'appuyant principalement sur les couleurs. Donc, cette couleur rouge plus foncé se démarque vraiment, et elle est légèrement décentrée, donc un peu plus proche du côté gauche. Et pour contrebalancer cela, il y a une ligne diagonale utilisée ici en bas, qui va du haut vers la droite. Cet espace blanc est donc davantage utilisé ici, qui contribue à contrebalancer le poids de cet espace rouge, qui est, encore une fois, légèrement décalé vers la gauche. Le plus important à retenir est probablement que tout ce que vous placez exactement au centre de votre composition vous semblera le plus équilibré ou le plus stable. Et plus vous éloignez les objets de ce point central, que vous les déplaciez vers la gauche, la droite, haut ou le bas, ou surtout si vous les déplacez vers les coins Les mêmes objets seront d'autant plus lourds qu'ils se rapprocheront des bords de votre toile. Et si vous ne faites pas assez attention, ils peuvent facilement donner l' impression que la composition bascule d' un côté ou de l'autre Un bon exemple en est cette ville sur le bord de la couverture où, intentionnellement, le designer a créé un déséquilibre en mettant l'accent sur le thème ou le titre du livre. Ici, le fait que la ville et le sol sur lesquels ils sont placés soient déjà le fait que la ville et le sol sur lesquels ils sont placés soient gravés en noir rend les choses très lourdes visuellement. Mais le fait que la majeure partie du bâtiment, et en particulier le plus haut , soient placés ici près bord droit sans que rien d'autre ne soutienne en dessous permet d'obtenir exactement ce j'ai décrit, à savoir que cette forme, en particulier, est extrêmement lourde au toucher Et cette pochette montre que vous n' utilisez pas toujours l'équilibre pour créer de l'harmonie dans votre composition. Vous pouvez également créer des situations précaires, presque instables, qui mettront les spectateurs un peu mal à l'aise Cela créera de la tension, du drame, et ce sont toutes des choses utiles pour attirer l' attention de vos spectateurs et les intéresser à la raison pour laquelle votre design est utilisé. Une autre perception intéressante est que nous avons l'impression que les bords plus durs sont plus lourds que les bords incurvés ou plus souples. revenir à ces deux affiches, lorsque vous regardez celle du haut, qui utilise le plus de courbes, vous avez l'impression qu'elle est légèrement plus légère en termes de poids visuel que celle du dessous, qui utilise principalement des bords durs. Même au sein d'une seule composition, on peut en voir l'effet. cette voiture ait été découpée et qu' elle n'en ait montré qu'un côté a créé cette asymétrie intéressante qui nous permet de retrouver les belles courbes originales de la voiture Sur le côté gauche, nous avons cette arête droite tranchante. Donc, même si vous ignorez le fait qu'il manque un côté de cette carte et que vous prêtez simplement attention à la zone restante, toujours l' impression que le côté gauche est plus lourd que le côté droit. Nous avons déjà parlé d'équilibre symétrique et asymétrique, mais il existe en fait deux autres types d'équilibre Et celui-ci en particulier, je dirais qu'il s'agit d'un équilibre en mosaïque, où nous avons ces personnages qui flottent apparemment au hasard, et où la voiture, encore une fois, est coupée en deux. D'une certaine manière, les choses semblent toujours équilibrées. Et le designer y est parvenu une fois de plus en utilisant un équilibre en mosaïque mais également une grille dans la composition. Encore une fois, ne vous inquiétez pas si vous ne connaissez pas les grilles et leur fonctionnement , car nous en parlerons plus en détail dans une autre vidéo 3. Poids visuel (partie 2): Au cas où vous vous demanderiez quel est le quatrième type de balance, on l'appelle en fait balance radio, qui se produit lorsque votre composition rayonne à partir d'un point central Et il n'est pas nécessaire que ce soit le point central physique ou visuel de la composition, cela peut être n'importe où. Comme dans ce cas, c'est joué quelque part par ici , légèrement en haut à droite de la composition. D'ailleurs, dans ce cas, c'est très proche du point central visuel. Encore une fois, un autre terme dont nous parlerons plus tard. Pour l'instant, je dis simplement que le point central physique de la composition se trouve toujours exactement au centre tandis que le point central visuel est toujours légèrement au-dessus de celui-ci. Encore une fois, dans une autre vidéo, je vais expliquer pourquoi et nous verrons d'autres exemples. Mais pour en revenir au schéma radio, nous pouvons clairement voir que non seulement ces bambous sortent tous de ce point central, mais que les personnages sont également tous alignés de la même manière C'est donc presque comme une étoile qui se forme ici. La symétrie radio est également un excellent moyen de capter l' attention de votre spectateur et de l'attirer réellement dans la composition, car toutes ces lignes mènent au point central. Cela attire donc l'attention des spectateurs. C'est presque comme leur tendre un piège aux yeux, et je vais vous en montrer de nombreux autres exemples une fois que nous aurons commencé à parler de symétrie plus en détail. Mais il existe encore quelques autres façons de penser à l'équilibre visuel. Et l'une d'elles est que les formes complexes semblent toujours plus lourdes que les formes plus simples. revenir à cette affiche, si vous regardez les chameaux et les cavaliers qu'ils portent, leurs formes sont nettement plus complexes que celles des autres zones incurvées ici à gauche et à droite Et même s'il s'agit de détails beaucoup plus petits, ils semblent tout de même assez lourds visuellement par rapport aux autres formes plus simples de la composition. Une autre observation assez évidente est celle des formes de champ ou des formes positives. Comme dans ce cas, ce cercle paraîtra toujours plus lourd que les formes vides ou négatives comme ce poisson, qui n'a qu'un contour. Enfin, les textures complexes semblent également plus lourdes que les textures simples ou les zones dépourvues de texture. Donc, dans le cas de cette couverture de livre, l'eau en bas semble beaucoup plus lourde que le ciel. Et remarquez qu' il se passe également quelque chose de très intéressant ici. Le texte est entièrement aligné sur le côté gauche, ce qui signifie normalement que choses peuvent vraiment se déséquilibrer s'il n'est pas contrebalancé par quelque chose sur le côté droit. Mais avec ce petit plateau là et aussi le soleil ou la lune, je ne suis pas sûr à 100 % dans ce cas, jouent tout le long du côté droit, très près du bord, les deux ici sur le côté droit et aussi ici au sommet, parvient toujours à tout maintenir en équilibre. Souvenez-vous de ce que j'ai dit : objet est éloigné du point central visuel ou physique de votre composition, plus il est lourd au toucher. Ainsi, même s'il ne s'agit pas d'un article volumineux et l'est pas non par rapport au reste des éléments utilisés, le fait qu'ils soient si près du bord leur ajoute encore plus de volume ou de poids visuel. Bien entendu, il est également utile d' utiliser deux couleurs vives sur ces éléments, encore une fois, pour supporter plus de poids, et d'avoir une forme et un caractère plus complexes sur ce bateau par rapport aux autres éléments du design. En tant que graphiste, vous devez donc réfléchir à toutes ces différentes manières de parvenir à un équilibre dans votre composition. Et comme pour tout ce qui concerne le design, il ne s'agit pas d'utiliser une seule de ces méthodes, car elle peut être beaucoup plus efficace lorsque vous commencez à les combiner. Il existe également un autre terme important appelé direction visuelle, qui a beaucoup à voir avec l' équilibre et le poids visuel, et c'est la technique avec laquelle vous indiquez mouvement ou la direction du mouvement dans votre composition. Et voici un excellent exemple avec cette affiche en sasquatch, où l'on voit clairement la direction de pas mal de choses, comme cet avion passe devant et se dirige très vite sur le côté gauche Et si nous pensons que c' est rapide , c'est parce qu'il sort déjà presque du cadre. Par rapport à cela, nous avons un gros monstre, semble tout de suite plus lent car même s'il va dans la même direction, impression qu'il vient d'entrer dans le cadre. Il existe donc déjà une relation entre ces deux détails dans la composition, et ils s' équilibrent déjà. un objet rapide mais plus petit se déplaçant en même cas, un objet rapide mais plus petit se déplaçant en même temps qu' un objet ou un personnage plus gros mais plus lent. Mais les choses peuvent facilement se déséquilibrer si tout va dans le même sens. C'est pourquoi nous avons ce train. se dirigent clairement vers la droite, et ces baleines ou poissons ici en bas se déplacent également vers la droite. Et si vous faites plus attention, vous remarquerez qu' il y a aussi une voiture ici, qui se déplace à nouveau vers la droite. Et si vous y réfléchissez, il y a aussi un bon rythme ici. Nous voyons des objets se déplacer vers la gauche en haut, puis le train se déplace vers la droite, puis la voiture se déplace vers la gauche, puis les baleines en bas, encore une fois, se déplacent vers la droite. Et comme dans tout le reste, le rythme et l'équilibre vont généralement de pair dans la conception graphique. J'adore également cette illustration, qui montre de nombreuses manières très intelligentes d'utiliser l' équilibre dans une composition. Tout d' abord, nous avons cette forme très rigide en bas associée aux formes plus complexes de ces animaux en haut. Et même si la moitié supérieure de la composition n'est pas symétrique, elle semble tout de même équilibrée. Et cela est principalement dû à la distribution intelligente de ces trois animaux, dont la taille varie. Mais ce que j'aime le plus dans cette illustration, c'est cette forme en bas, qui crée immédiatement un effet dramatique. Parce que nous savons que placer des objets au-dessus d'une telle forme nécessiterait une répartition parfaite du poids pour qu'elle reste stable. Donc, comme pour cette couverture de livre City on the Edge. Ici, une fois de plus, le drame s'installe, montrant une scène où l'équilibre peut facilement être perturbé. C'est la même sensation que nous ressentons lorsque nous regardons des pierres comme celles-ci, les équilibrons très soigneusement ou même lorsque nous jouons au genre. Il y a un autre terme qui mérite d'être mentionné ici et c'est la règle des probabilités dont j'ai un excellent exemple. Selon cette règle, il est conseillé de cadrer votre sujet avec deux instances similaires ou identiques pour obtenir une harmonie et un équilibre visuels. Et vous pouvez voir que cela est très couramment utilisé dans Edwards, et Apple aime aussi utiliser la règle des probabilités. Ainsi, au lieu d' avoir un seul Mac Book, nous en avons deux autres de même taille, mais toujours plus petits que celui du milieu. C'est donc clairement le sujet principal, et il est simplement soutenu par les deux autres points. La raison pour laquelle la règle des probabilités fonctionne si bien, encore une fois, est principalement due au fait qu' elle met l'accent sur la symétrie. Ainsi, si vous avez un objet déjà symétrique, le fait en placer deux supplémentaires ne fait qu' augmenter la symétrie de votre design. 4. Symétrie réfléchissante: 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 ajouter 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 Alors, tout d'abord, pourquoi la symétrie attire-t-elle universellement tout le monde dans le monde s'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. Ainsi, même si nous regardons le visage, nous avons des objets centrés, comme le nez et les lèvres, tandis 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 voir que l'image est parfaitement reflétée Les pouces se croisent au milieu et tous les autres chiffres se reflètent sur les côtés 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 la solution la plus facile à imaginer. Les racines et les branches visent à obtenir une symétrie. Cependant, selon les circonstances et les conditions, comme le vent fort venant toujours du même côté, un arbre peut être asymétrique, ce qui ne signifie pas qu'il ne sera plus esthétique Au contraire, cela peut devenir plus intéressant et unique. Maintenant, il est important que 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 qu'elle puisse être utilisée dans un format diagonal Ainsi, 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 plusieurs lignes de symétrie, nous pouvons donc en placer une ici au milieu, et nous pouvons voir cette forme ici en haut, qui donne l' impression d'être symétrique, même si les caractères 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 utilisé dans les coins opposés et également noir dans les coins opposés Ainsi, 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, comme cette ligne ici 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 l'avons mentionné, visages en particulier ne sont pas parfaitement symétriques, et s'ils sont conçus pour ressembler à cela, ils paraîtront étranges et gênants 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 comme le Yin et le Yang, que nous avons mentionnés 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ù en général, tout est symétrique à l'exception d' un petit détail. Dans ce cas, le personnage principal regarde vers la gauche au lieu de nous faire face, mais le titre et le texte sont également alignés vers la droite et le fait de voir des choses même subtiles comme cette personne regardant vers la gauche, peuvent contrebalancer le fait que le texte soit 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 vraiment 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. Et 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 faces du dessus ne sont pas symétriques. Kate Winslet regarde vers la droite, et Leonardo DiCaprio Même sur cette couverture de livre, qui semble parfaitement symétrique, si vous portez une attention particulière à certains détails, en particulier dans cette zone, vous remarquerez qu' il y a en fait quelques imperfections. Pour obtenir une symétrie réfléchissante, 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. Cette affiche montre très bien cela, où nous avons deux objets complètement différents alignés l'un par rapport à l'autre, formant un cercle parfait, tout en étant divisés dans leur ligne médiane, qui est le centre de symétrie, bien sûr. 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. 5. Types supplémentaires de symétrie et d’asymétrie: Il existe également un terme intéressant appelé symétrie translationnelle, qui signifie qu'au lieu d' avoir simplement une version miroir du même détail, vous pourriez avoir plusieurs copies du même objet répétées à travers un emplacement dans l'espace, formant essentiellement un motif sur la répétition et le Mais par exemple, cette affiche utilise les deux symétries réfléchissantes afin que nous puissions 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 du miroir ne sont pas parfaitement alignés les uns par rapport aux détails du miroir ne sont pas parfaitement alignés les sont pas parfaitement 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 si elles sont symétriques, elles ne sont en aucun cas alignées les unes par rapport aux autres Cette composition particulière combine également très bien profondeur et rythme. Nous pouvons donc voir que cette ligne jaune sinueuse s'imbrique avec les mains Parfois, c'est derrière la main, parfois devant elle, et le rythme est créé par l'alternance de cet effet de superposition Donc, une fois qu'il est derrière, prochaine fois il est devant, puis encore une fois, 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 rotative, 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 donc un ici, un autre ici, un autre ici. Encore une fois, 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, dans ce cas, nous pouvons placer le point central ici sur le bord gauche du cadre. Ou même s'il se trouve dans la ligne centrale de la composition, il peut être placé plus bas, donc pas exactement au centre verticalement. Comme pour les autres formes de symétrie, il n'est pas nécessaire d'utiliser la symétrie radio de manière parfaite. Bien que, dans certains cas, comme avec ce motif, il soit utilisé de manière à ce que tous les éléments soient parfaitement répétés et autour du centre de symétrie. Eh bien, vous pouvez voir de bons exemples comme cette affiche où les détails ne sont clairement pas identiques, et même si la symétrie radio n'est pas parfaite, nous pensons tout de même que tout est très bien équilibré dans cette composition. Lorsque la symétrie radio est combinée à la perspective, les lignes fortes redirigeant à nouveau notre attention vers le centre de la composition, l'effet d'attraction de votre spectateur dans votre design peut être encore accentué. Dans cette affiche, 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, de l' intensité ou de la tension. Et 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 est dans 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 le 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, et c'est pourquoi une composition parfaitement symétrique où le titre se trouverait ici au milieu et le ballon également placé au milieu n'aurait pas été aussi efficace. Enfin, 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 sur le logo Starbucks. Encore une fois, le visage présente quelques différences entre le côté gauche et le côté droit, car il serait 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 de forme peuvent donc toujours rendre les choses un peu plus intrigantes. 6. Alignement: Lorsque les gens pensent à l'alignement en termes de conception graphique, la plupart d'entre nous pensent à l'alignement du texte. Cependant, cela s'applique également à l'alignement d' autres éléments de votre composition tels que les images et même les couleurs. Et comme les autres méthodes dont nous parlons dans cette rubrique, l'alignement est également un excellent outil pour atteindre un équilibre visuel ou pour le perturber. Dans cette vidéo, comme toujours, nous allons examiner quelques exemples créatifs où l' alignement a une plus grande utilité en suscitant un intérêt visuel. En commençant par cette brillante couverture du magazine du New York Times, nous voyons immédiatement quelque chose qui va encontre de beaucoup de choses dont nous avons parlé lorsqu'il s'agit de créer équilibre visuel et de répartir poids visuel dans un design. Lorsque nous examinons la couverture et que nous imaginons tous les éléments ayant un poids visuel spécifique, nous avons immédiatement l' impression que ce côté est nous avons immédiatement l' impression que ce côté est beaucoup plus lourd que le côté droit. Donc, s'il s'agissait d'un objet physique, il basculerait certainement et tomberait sur le côté gauche. Vous vous demandez peut-être pourquoi ils ont décidé d'utiliser du texte aligné à gauche. Et en y ajoutant aussi le visage de Roger Faderer, à mon avis, cela a beaucoup à voir avec le titre Roger Faderer peut donc toujours garder la maîtrise de son jeu, ce qui signifie généralement qu'il faut beaucoup de concentration dans le tennis signifie généralement qu'il beaucoup de concentration dans le Et on peut voir cette concentration dans ses yeux. Mais le fait qu'il regarde vers la gauche et qu'il soit placé si près du bord du cadre crée une énorme tension dans cette composition, qui est encore amplifiée par le fait que tout le texte est également placé ici sur le bord gauche Ainsi, lorsque vous vous concentrez vraiment fort, par exemple en regardant un film, vous êtes assis sur le bord de votre siège, ou il y a aussi le terme « être sur le bord du fil », qui signifie généralement excitation, danger ou risque. Toutes ces significations cachées peuvent être intégrées dans une composition en alignant le tout sur un bord Par rapport à cela, lorsque vous alignez les objets au centre et que vous créez une composition plus symétrique, vous pouvez obtenir plus d' équilibre et de stabilité. Et dans ce cas, combiné à ces couleurs gaies, cela contribue également à créer du calme, ce qui convient parfaitement au message de cette affiche, qui parle de ce joyeux festival en plein air Mais l'alignement central ne doit pas toujours être synonyme de stabilité et de calme. Par exemple, dans ce cas, le sujet du film est la révolution ou la rébellion, ce qui est évidemment le contraire du calme et de la stabilité Et l'alignement central fonctionne également ici. Dans ce cas, cela contribue à renforcer la force nécessaire pour défendre ses droits, mais aussi à renforcer le fait que les gens doivent s'unir et travailler ensemble pour atteindre leur objectif. Un autre alignement courant est la justification, encore une fois, quelque chose que nous utilisons principalement pour la typographie Cependant, il peut également être utilisé ou référencé lorsque vous distribuez d'autres éléments visuels de manière égale. Mais dans ce cas, nous pouvons voir que le texte est justifié et qu'il contribue à former ce rectangle solide. Et la plupart du temps, lorsque la justification est utilisée, elle met l'accent sur la structure, l'unité et les régions communes. Ce sont tous des termes et principes de conception que nous abordons en détail lorsque nous parlons de psychologie du design. D'ailleurs, dans le domaine de la typographie, nous discutons également de la question savoir s'il est préférable de justifier votre texte ou de l'aligner à gauche ou à droite En ce qui concerne l'alignement à gauche ou à droite, d'ailleurs, que nous appelons également affleurement à gauche et à droite. Il convient également de mentionner un autre terme, à savoir les bords irréguliers C'est ce qui se passe lorsque vous avez, par exemple, du texte aligné vers la gauche, vous finissez par avoir des bords irréguliers sur la droite Et il en va de même lorsque vous alignez le texte vers la droite ou que vous le créez au ras de la droite De cette façon, vous aurez des bords irréguliers sur le côté gauche. Tout comme l'équilibre dans une composition, s'il y a une énorme différence entre la longueur des lignes, que vous utilisiez l'alignement à gauche ou à droite, cela peut rendre les choses moins stables ou plus dynamiques. Il est moins difficile d'avoir des bords irréguliers sur des textes plus volumineux tels que les titres ou les sous-titres Bien que cela puisse être plus problématique lorsqu' il apparaît sur le corps du texte, et c'est le cas la plupart du temps, vous verrez plutôt une justification être utilisée. Et dans le domaine de la conception éditoriale, il est très courant de combiner plusieurs alignements au sein d'une même page ou composition Mais ce qui est important, c'est que tous les différents types d'alignements soient au service de la lisibilité et lisibilité en matière de typographie Ainsi, sur une page, par exemple, ici, nous pouvons voir l'alignement à gauche. Sur cette partie, nous pouvons également voir alignement à gauche sur ces légendes. Ce texte est aligné sur la droite. De plus, ce paragraphe est aligné vers la droite. Le titre de l'article est également aligné vers la droite, tandis que le corps du texte est justifié avec les dernières lignes de chaque paragraphe alignées vers la gauche. L'objectif principal de l' alignement est généralement de regrouper des éléments et de créer une structure au sein de votre composition. Si vous devez afficher informations liées, comme dans le cas de cette affiche, ces dates sur le côté droit, même sans créer de limite visuelle comme un cadre ou une couleur de fond différente. Le simple fait qu'ils soient alignés à gauche les sépare déjà du reste de la composition et ajoute la structure nécessaire. D'autre part, si vous évitez intentionnellement l'alignement, vous pouvez également créer plus d'intérêt, mouvement et d'élan dans un dessin. 7. Grilles - Termes: Les grilles de conception graphique similaires à l'alignement peuvent fournir une structure invisible à votre composition qui est utilisée pour guider le placement de tous les éléments visuels de votre conception Dans certains cas, comme sur cette affiche représentant 12 hommes en colère, l'utilisation d'une grille peut être évidente. Dans d'autres modèles, vous ne vous rendez peut-être pas compte qu'il existe également une grille sous-jacente sur laquelle tous les éléments sont alignés. L'objectif principal des grilles est de faciliter l'alignement d'une composition, mais également d'apporter équilibre et unité Cela peut sembler chaotique et peu professionnel lorsque chaque élément d'une composition complexe flotte simplement dans l'espace sans aucun alignement Et l'avantage d'utiliser des systèmes de grille sophistiqués est que les alignements utilisés dans votre conception n'auront pas à paraître aussi évidents Pourtant, vos spectateurs auront toujours le sentiment que tout est bien organisé dans votre travail. Pour mieux comprendre comment travailler avec les grilles, nous devons d'abord aborder quelques termes, et il est plus facile de les montrer ici dans la conception Nous avons donc ici une page composée de deux pages. Nous avons également la colonne vertébrale déjà visible ici au milieu. C'est cette ligne noire, et ces lignes violettes indiquent les marges. Même en vous fiant simplement aux guides des marges, vous pouvez déjà établir une sorte de structure. Mais comme l'espace entre les marges est si grand, si nous devions placer un objet qui n'est pas connecté à une marge, cela aurait immédiatement l'impression place ou de flotter dans l'espace. Ainsi, par exemple, si j' ai un cadre ici sur le côté gauche et un autre cadre sur le côté droit, vous pouvez déjà voir qu' il n'y a pas de vraie structure ici, et que tout est placé de manière totalement aléatoire. Ce n'est jamais une bonne pratique en design graphique. Ainsi, même si vous souhaitez créer une composition très ouverte et dynamique, l'utilisation d'une grille améliorera toujours l'équilibre et l'unité de votre travail. Permettez-moi donc de supprimer ces deux formes et de vous montrer ce qui se passe si nous introduisons des colonnes ou des guides de colonnes. C'est ce que nous appellerions une grille de colonnes. Dans ce cas, il s'agit d'une grille de 12 colonnes, ce qui signifie que sur chaque page, vous aurez 12 colonnes de taille égale et réparties uniformément. Et comme vous pouvez le constater, cela donne déjà beaucoup plus de structure que le simple fait de se fier aux marges. également important de mentionner que les guides de colonnes n'apparaissent que dans les marges afin qu'ils ne se chevauchent pas. Bien entendu, cela ne signifie pas que vous ne pouvez pas aligner les éléments placés dans les marges sur les guides de colonnes. Mais il est toujours préférable de diviser par 12 la surface comprise dans les marges au lieu d'inclure également les marges. Mais même si nous avons introduit de nombreuses lignes supplémentaires lesquelles nous pouvons aligner notre contenu ou nos éléments visuels, l'alignement vertical des éléments peut toujours être difficile. Et pour cela, nous pouvons introduire des lignes ou des lignes de flux, qui transformeront cette grille de colonnes en une grille modulaire. Et la raison pour laquelle nous l'appelons grille modulaire, c'est parce que les cellules créées par les colonnes et les lignes sont appelées modules. Vous pouvez donc voir en haut que j'ai marqué les 12 colonnes, et j'ai également marqué sur le côté gauche, les 12 lignes. Et j'ai également indiqué les termes dont nous avons parlé. Vous pouvez donc voir qu'il s'agit d'un module. Ces lignes horizontales sont appelées lignes de flux, tandis que les autres peuvent être appelées lignes verticales ou guides de colonnes. Nous avons également parlé des marges, qui porteront un nom différent en fonction de celle que vous recherchez. Celles-ci seraient donc appelées marges extérieures. Celles situées au milieu des deux côtés seraient appelées marge intérieure, puis nous avons les marges supérieure et inférieure. Et lorsque vous placez un élément visuel qui occupe plusieurs modules, nous l'appelons zone spatiale. Il peut donc s'agir de n'importe quel nombre de modules utilisés à cette fin. Et n'oubliez pas que nous avons également mentionné s, qui sont les espaces ou les espaces entre vos colonnes. Et nous appelons ensemble les deux marges intérieures la gouttière. Cependant, il s'agit d'un terme même utilisé par Adobe, parfois également utilisé pour désigner le s dans les compositions. Ainsi, chaque fois que vous créez des colonnes, dans le design, l' espace entre elles sera appelé gouttière Cependant, en termes de design éditorial, c'est la meilleure ou la plus correcte façon d'utiliser ces deux termes. Enfin, la zone principale entourée par les marges est appelée zone de contenu. 8. Grilles - Exemples: Maintenant que vous savez à quoi font référence ces termes, revenons à notre tableau et voyons les grilles en action Voici donc un exemple simple et agréable de mise en page de magazine. Il est très facile de repérer le réseau modulaire sous-jacent. C'est pourquoi le corps du texte et la plupart des détails typographiques sont divisés en trois colonnes distinctes Nous pouvons tout de même constater qu'il doit y avoir plus de colonnes utilisées. Par exemple, les images présentées ici ne sont pas alignées sur les colonnes situées en dessous. Au lieu de cela, ils occupent exactement la moitié de la zone de contenu, qui serait une zone spatiale composée exactement de six modules sur six. Six modules horizontalement et six modules verticalement. L'alignement du titre ou du titre de cet article et ce paragraphe d'introduction doit également être aligné sur les lignes de flux, dans cette partie particulière ici, qui doit être une autre ligne de flux Et puis, bien sûr, on peut voir la gouttière et aussi le s entre les colonnes Maintenant, je ne pense pas que les grilles modulaires ne soient utiles que pour les mises en page et le design éditorial Même lors de la conception d'affiches, par exemple, elles peuvent aider à fournir une structure. Et dans cette conception, il est très facile de repérer cette grille sous-jacente. Chacune de ces lettres est donc placée dans des modules individuels, et nous pouvons voir que même ces lignes jaunes occupent exactement la même largeur que les caractères. Ils marquent donc très bien la largeur de cette colonne, ou la même chose ici sur le côté droit. Et si nous regardons des lignes comme celle-ci ici, nous pouvons également voir que les lignes jaunes, également présentes sur l'autre ligne, sont toujours placées exactement au centre vertical d'un module. Donc, en identifiant cette règle, je suis presque certain que nous trouverions un autre module ici. Souvenez-vous de ce que j'ai mentionné au début de cette vidéo, à savoir que les grilles ne doivent pas nécessairement être visibles. En fait, plupart des designers professionnels les utiliseraient de manière à ce qu'elles peine reconnaissables tout en fournissant la structure nécessaire Je ne vais donc plus mettre en évidence les colonnes et les règles. Vous pouvez probablement les voir maintenant, mais vous pouvez toujours voir que même s'il y a une grille ici, quelle est votre liberté. Une fois que vous aurez commencé à jouer avec la façon dont vous utilisez les modules de la grille et sur la façon dont vous définissez vos zones spatiales. Donc, si j'utilise une ligne verticale et commence à la déplacer sur ce dessin, vous verrez de nombreux détails alignés les uns sur les autres. Nous avons donc déjà un alignement. Nous avons également une autre section d'alignement ici. Nous pouvons aller encore plus loin. Et puis encore une fois, un autre alignement se produit ici et ainsi de suite. Nous pouvons en voir une évidente apparaître à nouveau ici, une autre apparaître là, une autre encore ici, une autre ici, et ainsi de suite. Vous devez donc le reconnaître maintenant, en particulier avec des conceptions plus complexes où vous avez beaucoup d' informations à afficher. L'utilisation et le recours à une grille modulaire vous apporteront toujours plus de sécurité et vous aideront à trouver l'emplacement de tous vos éléments visuels. Et les grilles, bien sûr, ne sont pas seulement utilisées dans la conception d'imprimés, mais aussi dans la conception de sites Web, et presque tous les sites Web s'appuieraient sur une forme ou une autre de grille Comme dans ce cas, nous pouvons voir une grille à cinq colonnes en action. Il y a donc la colonne numéro un. Deux, dont on peut trouver l' avantage ici et là. Il y a les colonnes numéro trois, quatre, puis cinq. Les grilles de conception Web sont particulièrement évidentes lorsque nous examinons les blocs D'ailleurs, je vous recommande vivement de consulter notre blog créatif sur m designer.com, où nous partageons régulièrement tutoriels d'inspiration et des actualités du secteur de la création Et il y a un dernier terme, revient à la conception de l'impression et aux mises en page, la grille de base, qui peut être utilisée en combinaison avec une grille de colonnes ou une grille modulaire Le seul objectif d' une grille de référence est de garantir que toutes les lignes de texte, en particulier dans le corps du texte, seront alignées verticalement, non seulement au sein d'une page mais également entre les pages qui revient à la conception de l'impression et aux mises en page, à savoir la grille de base, qui peut être utilisée en combinaison avec une grille de colonnes ou une grille modulaire. Le seul objectif d' une grille de référence est de garantir que toutes les lignes de texte, en particulier dans le corps du texte, seront alignées verticalement, non seulement au sein d'une page mais également entre les pages d'un diffusé et même dans l'ensemble du magazine et en particulier dans les livres. Le problème lié au fait de ne pas utiliser de grilles de base est que même avec une légère différence entre le placement vertical de vos lignes, cela peut être gênant lorsque vous utilisez du papier fin pour les pages d'un livre, par exemple, où nous révélons légèrement le texte imprimé de l' autre côté d' Et lors de la lecture du texte, ce changement subtil peut être très déroutant ou distrayant 9. Le mouvement: De même, à quel point il est important d'utiliser la profondeur dans la conception graphique et impliquer un espace tridimensionnel lorsque nous travaillons dans des plans bidimensionnels. Impliquer le mouvement est également tout aussi important pour créer des compositions engageantes Car encore une fois, la plupart du temps, en particulier dans le design imprimé, tout serait statique. Une fois imprimé, les objets ne bougent pas. Hormis quelques exceptions étranges dont nous parlerons dans cette vidéo. Mais d'abord, examinons de plus près les différents types de mouvements ou de mouvements que vous pouvez utiliser dans vos compositions, ainsi que certaines règles et techniques qui peuvent également aider à mettre les choses en mouvement. Tout d'abord, il existe trois grandes catégories de mouvement en design graphique. Le premier est le mouvement cinétique, où un élément de design donne l' impression qu'il change de position Pour cela, un exemple parfait est ce cycliste, où le mouvement est sous-entendu en utilisant la même image trois fois superposée et en ayant ce léger décalage radial entre les deux On peut voir la même chose ici sur cette affiche. Dans ce cas, utilisez une technique similaire à la technique d'exposition multiple en photographie, ou un autre exemple où les détails se déplacent vers la gauche et vers la droite, inspirés par des problèmes ou des interférences dans une vidéo L'imitation du film dans la conception graphique vous aidera toujours à réaliser des compositions plus dynamiques. L'autre catégorie de mouvement est appelée mouvement rythmique, qui est généralement plus facile à réaliser en utilisant des lignes ou d'autres éléments répétés qui se déforment progressivement dans la composition Il existe un autre terme intéressant appelé perturbation moyenne, qui signifie qu'un élément ou un objet de votre composition interagit ou perturbe son environnement. Et ce faisant, le mouvement ou le mouvement est indiqué. Dans ce cas, les lignes qui représentent l'eau sont donc perturbées par le surfeur Mais il est même possible d'obtenir une perturbation moyenne sans réellement montrer la cause de la perturbation. Comme dans ce cas, la typographie est perturbée et transformée en liquide par quelque chose qui se déplace par décomposition Ainsi, comme vous pouvez le constater, nous pouvons toujours comprendre le mouvement même sans voir ce qui en était la cause au départ. La troisième catégorie de mouvement est appelée mouvement illusoire, et elle est en fait assez similaire à la perturbation moyenne C'est à ce moment que les éléments votre design interagissent les uns avec les autres pour suggérer un mouvement. Dans ce cas, le numéro quatre et la petite étoile interagissent l'un avec l'autre, créant ce mouvement incurvé clair que nous pouvons voir ici. Mais comme je l'ai dit, vous pouvez également considérer cela comme perturbation moyenne, car l'étoile entraîne une partie du nombre avec elle-même. Voici un autre excellent exemple de mouvement illusoire où la main tend cette corde. Le fait de montrer ce moment critique juste avant que montrer ce moment critique la corde ne soit relâchée est une indication très puissante du mouvement et un excellent moyen d'ajouter de la tension et du drame à cette composition J'aime aussi le fait que la typographie soit alignée sur la même ligne diagonale que celle formée par la corde du côté droit, qui contribue à garder les choses plus symétriques et équilibrées Donc, si j'ajoute la ligne de symétrie ici au milieu ou au centre de la composition, vous pouvez voir à quel point ce texte était essentiel pour maintenir l' équilibre de la composition. règle de l'espace est également un terme utile à retenir avec lequel vous pouvez souligner mouvement dans une direction particulière. Ainsi, par exemple, le fait d'avoir ce cheval ici sur le côté gauche du cadre suggère clairement que le cheval se déplace vers la droite. Et en laissant beaucoup d' espace supplémentaire pour que ce mouvement se produise et en plaçant le sujet au début de l'image, la composition et le mouvement lui-même sont légèrement plus calmes et plus lents que si vous faites le contraire et que votre sujet sort déjà presque du cadre Donc, si vous voulez que quelque chose paraisse vraiment rapide, pensez à toujours le placer plus près du bord de la composition, afin de donner l' impression qu'il est sur le point de quitter le cadre. Les lignes de mouvement sont également un excellent moyen d'indiquer un mouvement. Et ne pensez pas que cette méthode se limite à l'illustration car elle peut facilement être utilisée dans des domaines tels que la conception de logos. Et nous pouvons également voir de nombreuses lignes de mouvement sur ces affiches. Comme dans celui-ci, on le voit plutôt sous forme liquide. Encore une fois, il y a plein de lignes animées dans cette affiche. Il y en a un autre ici avec le bol de tennis, et même celui-ci, je dirais qu' il s'agit d'une ligne de mouvement. Et même si nous les appelons lignes de mouvement, elles ne doivent pas nécessairement être composées de lignes, elles peuvent même être des triangles ou d'autres formes. Enfin, il convient également de mentionner les illusions d' optique, qui ne sont pas couramment utilisées en design graphique. Néanmoins, dans certains cas, cela peut être un excellent moyen d' attirer et d'attirer l'attention de vos spectateurs. Donc, croyez-moi, ces quatre images sont statiques. Ce ne sont pas des animations. Pourtant, lorsque vous les regardez et concentrez particulièrement sur le point central, les formes et les détails de chacun d' eux commencent à se déplacer. Bien qu'il s'agisse d'une expérience amusante et unique, elle est également désorientante et étourdissante Donc, comme je l'ai dit, ce n'est pas la façon la plus courante ni la meilleure d'impliquer le mouvement dans vos compositions 10. Orientation et rapport d’aspect: Un aspect important de vos compositions, qui doit généralement être décidé au tout début d' un projet, est l'orientation ou le rapport hauteur/largeur. Et lorsque vous prenez le bon choix entre les formats portrait, paysage, carré ou autres, cela peut améliorer considérablement l'équilibre visuel de votre travail et également adapter le type de mouvement adapté à votre message Sur ce tableau, au lieu de vous montrer les formats de portrait et de paysage les plus couramment utilisés , j'ai volontairement rassemblé des exemples plus extrêmes fois pour les formats très grands et très larges Ce type d'orientation , beaucoup plus large que le format paysage habituel, est appelé orientation panoramique. Alors que les formats sont extrêmement hauts, nous les appelons généralement gratte-ciel Et même si le format carré en design graphique est devenu beaucoup plus couramment utilisé depuis l'introduction des réseaux sociaux, j'en ai quand même inclus quelques exemples ici sur le côté droit. Ces types d' orientations extrêmes ne sont pas courants. Cependant, en ce qui concerne les bannières B, vous devrez la plupart du temps créer plusieurs versions ou ce que l'on appelle des mutations de votre design original dans différents formats, y compris les formats carré, gratte-ciel et panoramique, entre autres Les formats d'image élevés sont particulièrement adaptés aux infographies ou aux festivals, où de nombreuses informations doivent être affichées. Mais en tant que designer, vous devez toujours garder à l'esprit façon dont vos spectateurs ressentiront votre design. Qu'ils tiennent l'impression dans leur main ou qu'elle figure sur une affiche ou un panneau d'affichage plus grand En fonction de la distance entre votre spectateur et votre design, cela peut avoir un impact considérable sur l'orientation appropriée de votre composition. Surtout lorsque vous devez afficher un grand nombre d'informations importantes, comme dans le cas de cette affiche du festival, vous devez vous assurer que vos spectateurs auront facilement accès à toutes ces informations, afin de ne pas nuire à la lisibilité en les forçant à adopter des positions inconfortables comme s' agenouiller pour lire ce qui est écrit au bas de votre dessin Dans le cas du design UX, en particulier pour le design mobile, vous devrez vous fier fortement au format portrait, qui est le moyen le plus couramment utilisé pour tenir un téléphone portable Et si vous venez du monde de l'impression, cela peut être difficile au début. Mais apprendre à gérer ce type de ratio d' espace ou d'orientation améliorera également la façon dont vous utilisez l'espace et créez vos mises en page dans d'autres formats 11. Point central visuel: Vous pourriez parfois être tenté de placer le point central de votre composition exactement au centre physique de votre cadre. Et même si dans certains cas, comme lorsque vous utilisez la symétrie radio, cela peut être une bonne idée de le faire. La plupart du temps, il est préférable d'aligner votre point focal sur le point central optique ou visuel. Et cela ne doit pas être confondu avec le point central physique ou géométrique. que vous obtenez en divisant également votre cadre horizontalement et verticalement en deux sections, et l'intersection de ces deux lignes sera le point central géométrique ou physique. Cependant, le point central optique ou visuel doit être légèrement supérieur à ce point, généralement environ 5 à 10 % plus haut que le point central géométrique. Donc quelque part par ici. Remarquez maintenant comment, dans cette composition particulière, par exemple, les détails les plus importants et les plus contrastés, ces nuages sont tous alignés sur ce point central visuel. Mais en utilisant cette grille que j'ai créée dans Illustrator, nous pouvons également vérifier ces autres compositions. Alors peut-être que nous allons déplacer le cadre au-dessus de cette affiche Disney pour la princesse et la grenouille. Une fois de plus, nous pouvons voir que le point central géométrique est juste ici tandis que le point central optique ou visuel est parfaitement aligné avec le visage du personnage principal. Nous pouvons voir que cela peut également être utilisé en matière de typographie Donc, si je rapproche simplement mon cadre de la couverture de ce livre. Encore une fois, nous pouvons voir que la ligne centrale visuelle, qui se trouverait quelque part autour d'ici, est utilisée approximativement comme ligne de base pour ce texte, mais qu'elle est en fait centrée sur le point central visuel, qui se trouve à peu près ici. La ligne centrale du texte est donc alignée sur ce point central optique. Voici un autre exemple avec le poster Blade Run. Une fois encore, le texte 2049 est aligné sur la ligne centrale visuelle, mais cela signifie qu'il est placé ou aligné plus près du point central optique du cadre Et nous pouvons voir une fois de plus exactement la même chose se produire ici où la petite silhouette de cette personne est à nouveau placée au centre optique. Et même dans ce cas, l'écran d'accueil d' une application à partir d'un instantané d'un téléphone portable, nous pouvons voir immédiatement que le point focal, dans ce cas, les yeux et les cercles qui les entourent sont à nouveau alignés sur le point central optique ou visuel. Il convient également de mentionner que selon le type de formes que vous utilisez pour votre composition, en particulier dans le cas de formes simples ou primitives comme un triangle et un rectangle arrondi, le bon équilibre ne soit pas atteint en utilisant le centre de masse de ces formes ou même le centre optique. Dans ces cas, un autre calcul mathématique peut être utilisé, appelé centroïde, qui peut créer l'équilibre parfait C'est en fait ce qu'ils ont utilisé pour l'icône et le logo Et vous pouvez voir que les pourcentages ici sont très similaires au point central optique Pourtant, il existe encore des différences subtiles entre les deux. Mais ne vous inquiétez pas en tant que graphiste, vous n'avez pas besoin d' être mathématicien et vous n'êtes pas obligé de faire ces calculs Vous allez développer un y pour ajuster manuellement les formes et les aligner les unes sur les autres afin de créer un équilibre parfait, tout comme vous apprendrez à graver des caractères et à créer un équilibre optique entre les personnages. 12. Point de vue: Vous pouvez fortement influencer l'interprétation du sujet par le spectateur dans votre design choisissant un point de vue spécifique. Cela s'explique plus facilement par l'analogie avec la photographie, où l'endroit où vous vous positionnez lorsque vous prenez une photo de votre sujet peut faire une énorme différence positionnez lorsque vous prenez . En vous rapprochant de votre sujet et peut-être même en recadrant certains détails. Vous montrerez un lien beaucoup plus personnel avec le sujet. si vous prenez la photo de plus loin, vous vous concentrerez davantage sur l'environnement et sur la relation entre votre sujet et son environnement. Vous avez peut-être également vu des photographes prendre des photos de modèles ou même sélectionner des photographes, prendre des photos du couple toutes sortes d'angles différents La raison pour laquelle ils le font est que le moindre changement d'angle de l'image affectera grandement la composition. Et c'est exactement la même chose que vous devez garder à l'esprit en tant que graphiste, et le choix du bon point de vue pour votre projet doit être décidé dès le début , en même temps l'orientation et le rapport hauteur/largeur. Sur ce tableau, j'ai rassemblé quelques exemples de points de vue extrêmes, s'agisse de regarder à vol d'oiseau, d'observer des objets depuis le sol ou de voir objets vus d'en haut Et il existe même des exemples créatifs utilisant plusieurs points de vue au sein d'une même composition L'utilisation de la vue à vol d'oiseau , par exemple, dans ce cas, a contribué à créer des proportions très exagérées pour le joueur de basket et donner l'impression que le saut qu'il fait est bien plus haut que ce qu'il semblerait si nous le regardions de côté Ici, vous pouvez également voir la comparaison de deux illustrations distinctes du pont du Golden Gate à San Francisco, et vous pouvez immédiatement voir que la version sur le côté gauche, une fois de plus, utilisant la vue en œil de grenouille capture et met en valeur la hauteur de la structure bien mieux l'autre illustration qui montre la structure dans son intégralité. excellents exemples Vous trouverez également ici d'excellents exemples de vue aérienne, à la fois pour les illustrations et pour les photographies. Et cette vue particulière est souvent utilisée pour les plans, plans d' étage et les cartes Cependant, il peut également être utilisé pour des images créatives. Comme dans ce cas, grâce à la direction du soleil et à la lumière, nous pouvons voir les silhouettes parfaites de toutes les personnes debout sur la plage, même si nous les regardons d'en haut Et même s'il s'agit d'une seule photographie, on a presque l'impression qu'elle mélange deux points de vue distincts Et voici une affiche qui combine encore une fois astucieusement deux points de vue différents, bouleversant la ville et plaçant les personnages principaux ici en bas Mais ce qui rend ce design vraiment exceptionnel, c'est la façon dont l'espace négatif ressemble également la silhouette d'un bâtiment situé juste au milieu. Et la célèbre scène du du film utilise également à nouveau multiples points de vue combinés Et pas étonnant que cette scène mémorable ait également été utilisée pour l'affiche. Encore une fois, en le rendant original et en aidant à attirer l'attention des spectateurs. Vous pouvez également combiner plusieurs points de vue dans une composition en utilisant matériaux réfléchissants, comme dans ce cas, le couteau représentant une autre personne, Jack Nicholson, qui ne serait même pas visible dans le cadre s'il n'y avait aucun J'adore également cet exemple montrant le célèbre poster des armes à feu forestier sous un angle différent. Encore une fois, cela montre à quel point il est important décider quel est l'angle que vous choisissez pour votre design. Bien que ce point de vue soit très mémorable et facile à reconnaître, je ne pense pas que quiconque se soit souvenu ou même reconnu Tom Hanks sous cet angle Une autre façon intéressante de choisir votre point de vue est de passer derrière quelque chose qui serait autrement très reconnaissable. Comme dans cette illustration, nous sommes passés derrière le célèbre panneau Hollywood , quelque chose que nous ne voyons pas souvent, mais nous comprenons tout de suite ce que nous regardons. Jouer avec différentes rotations et différents points de vue en photographie peut également donner des résultats étonnants Et en tant que graphiste, vous devez également garder cela à l'esprit lorsque vous recherchez des images pour vos compositions. Mais quel que soit le point de vue que vous décidez d'utiliser dans votre projet, n'oubliez pas qu'il doit toujours renforcer le message que vous communiquez. Ne choisissez donc pas un point de vue étrange juste pour le plaisir. 13. 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 PDF, de passer en revue tout ce que nous avons abordé et, si vous vous sentez prêt, 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 figurant sur les tableaux Miller 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. N'hésitez pas à nous faire 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 smdesigner.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.