Les principes de base du design graphique

1. Introduction: Si vous pouvez concevoir une chose, vous pouvez tout concevoir. Lorsque Massimo Miliano a dit ces mots, il a signifié que les principes fondamentaux du design en même temps traversaient toutes les disciplines de la communication visuelle. Si vous êtes capable de maîtriser ces bases, vous serez en mesure de créer un design intemporel. Dites bonjour à Tamari Chabukiani. Je suis fondateur et directeur artistique chez Pragmatika Design. Un studio de design indépendant spécialisé dans les identités de marque. Au cours des sept dernières années, j'ai créé des logos et des identités pour les entreprises d'investissement , les marchés numériques, les sociétés d'IA et les startups du monde entier. En plus de mon travail principal en tant que graphiste, j'enseigne également un cours de design de marque, ici en Bolivie, en Géorgie. La majeure partie de mon travail en tant que conférence est consacrée à enseigner aux élèves comment penser de manière créative et comment traduire au mieux leurs concepts en visuels. Je suis un vrai croyant que la maîtrise vient de l'apprentissage et de la maîtrise des bases, et je crois que ces principes sous-jacents sont ce qui rend le bon design excellent. Aujourd'hui, nous allons passer à certains des principes de base qui peuvent être appliqués à différentes disciplines de la conception graphique. Que ce soit la conception ovale, conception éditoriale d'identité droite ou l'interface utilisateur. Nous allons explorer comment utiliser les principes de conception contraste latéral, équilibré, hiérarchie, répétition, échelle, espace blanc et tension. Ces outils vous aideront à mieux communiquer votre message au spectateur tout en améliorant l'apparence de votre pièce de design. Je croyais que ce cours peut profiter à tout le monde chaque fois que vous êtes un nouveau débutant ou chaque fois que vous êtes bien ancré dans votre carrière de design et que vous voulez rafraîchir votre mémoire. En apprenant à utiliser ces principes, vous améliorez la qualité de vos mots de façon exponentielle, et vous serez en mesure de créer un design bien équilibré, harmonieux et intemporel. J' espère que vous apprécierez la classe et commencerons. 2. Constraste: Le design est un art utilitaire, ce qui signifie qu'il sert toujours un but spécifique. Afin de remplir efficacement son objectif, il doit attirer l'attention. L' un des moyens les plus efficaces pour capter l'attention de quelqu'un est d'utiliser des contrastes. Le contraste est un aimant pour attirer l'œil. En d'autres termes, cela nous aide à établir des priorités en matière de perception de l'information. Il y a quelques raisons pour lesquelles nous avons besoin de contraste. Tout d'abord, cela nous aide à distinguer un objet. Deuxièmement, il nous aide à établir la hiérarchie visuelle, et troisièmement, il crée quelque chose qui est agréable à l'œil. Bien que la plupart des gens associent le contraste à une couleur en gras, il peut être appliqué à différents composants de la conception graphique, tels que la densité, l'échelle , la composition, etc. Passons à travers chaque composant un par un. La première chose que le spectateur perçoit est la couleur, et ce n'est qu'après avoir remarqué la couleur que nous percevons les formes et les textes. De cette façon, il n'est pas étonnant que la recherche suggère qu' une couleur de signature puisse augmenter la reconnaissance de la marque jusqu'à 80 %. Il s'agit d'une roue de couleur qui est utilisée pour apprendre la théorie des couleurs et la police des couleurs sur le côté opposé du spectre créent un contraste maximal. Ces combinaisons de couleurs sont appelées complémentaires. Les couleurs complémentaires sont le vert et le rouge, bleu et l'orange, et le violet et le jaune. Lorsqu' elles sont réunies, ces combinaisons de couleurs peuvent sembler très vibrantes et peuvent parfois même créer un sens du mouvement et elles apporteront une combinaison très attirante. Ces couleurs peuvent sembler un peu trop dures et décalantes pour le spectateur. Si vous choisissez cette combinaison, essayez de la tonifier un peu en réduisant la luminosité des couleurs. En outre, essayez les limites en utilisant des images charnues et concentrez-vous uniquement sur d'autres éléments tels que les formes géométriques et la topographie. Les couleurs analogues sont celles qui sont à côté de l'autre sur la roue de couleur. Cette combinaison peut créer un granulé qui est à mélanger et noté pour ajouter des moyens de subsistance et la définition, bien sûr, contrastes, essayer d'ajouter des neutres tels que le gris, blanc, et noir. Vous pouvez obtenir des contrastes dans la topographie pour différentes combinaisons de polices. En règle générale, lors de la combinaison de différentes polices, les opposés polaires attirent. Par conséquent, une combinaison d'une police serif et d'une police sans empattement est considérée comme sûre. Les deux ont tendance à bien travailler ensemble, surtout dans des tailles contrastées. Vous pouvez également essayer d'expérimenter des changements de poids, espacement, de petites majuscules, et ainsi de suite. Parlons d'abord de sans serif. Beaucoup de polices sans serif ont une anatomie très similaire. Par conséquent, la combinaison sans serif d'apparence similaire n'aura aucun impact visuel du tout. En règle générale, la combinaison de deux sans serif n'est considérée comme sûre que lorsqu'ils diffèrent visuellement, comme extrêmement, par exemple, un sans serif condensé et le régulier. en va de même pour les serifs. Si vous souhaitez combiner deux modèles serif, vous devriez essayer différentes polices de caractères de deux des six ensembles de classifications. Essayez un style ancien, comme Bembo avec transition, comme Baskerville ou type moderne comme Didone. Lorsque vous parlez de contraste de taille de type, une chose à garder à l'esprit est que le contraste doit être suffisant pour être perçu comme tel. L' augmentation de la taille de la police d'un point ne crée pas beaucoup de différence. Par conséquent, vous devriez viser au moins une augmentation de la taille de type à deux points. Vous pouvez également obtenir un contraste en modifiant les poids des polices. La règle de deux unités augmente pertinente dans ce cas également. Par exemple, si vous utilisez un corps de texte glissé, au lieu d'utiliser normal pour l'accentuation, faites un saut à sens unique et optez pour un médium à la place. L' espacement des lettres et l'italique sont des moyens courants d'attirer l'attention sur certaines informations. L' augmentation de l'espacement entre les formes de lettres fonctionne particulièrement bien en combinaison avec de petites majuscules. italiques ont été créés à l'origine pour économiser de l'espace, mais maintenant ils sont utilisés pour mettre l'accent sur certaines informations dans le texte. Utilisez ces deux techniques avec parcimonie seulement lorsque cela est nécessaire. L' une des erreurs les plus fréquentes que les concepteurs font en matière de contraste est de l'utiliser trop. Une ou deux méthodes de création de contraste suffit généralement, ce qui signifie que si vous utilisez un changement de taille pour créer l'accent, il n'est pas nécessaire de le rendre rouge, gras, italique et souligné. Moins, c'est plus. Vous pouvez obtenir des variations de densité en juxtaposant des images photographiques dans la typographie ou en mettant en place des espaces blancs sur la disposition dense. Le contraste et la densité sont très importants lorsqu'il s'agit de publications multipages, car la variation maintient le lecteur engagé, tandis que les espaces blancs permettent aux lecteurs de se reposer leurs yeux. 3. Répétition: En un mot, le principe de répétition consiste à réutiliser et à répéter des éléments de conception identiques ou similaires tout au long de la conception. Il peut s'agir de répétition de couleurs, certaines formes, de systèmes de grille ou de styles de polices. Lorsqu' elle est utilisée correctement, la répétition crée un sentiment d'unité et de cohérence. La cohérence est particulièrement prioritaire lorsqu'il s'agit de publications multipages et identités de marque, car le principe de familiarité dit que plus nous sommes exposés à certaines couleurs, formes et messages, plus ils deviennent familiers. Par conséquent, l'utilisation cohérente d'un langage graphique comme les couleurs, les symboles, typographie dans une identité de marque peut créer un look unifié pour une marque. Cette répétition renforce l'image de la marque, ce qui la rend plus reconnaissable et plus mémorable. La série d'icônes du jeu olympique par Otl Aicher est un parfait exemple de ce principe. Un squelette unifié, c'est-à-dire la grille diagonale sur laquelle les icônes sont basées, crée une indication que ce ne sont pas seulement des icônes aléatoires, mais une série d'icônes pour la même marque. Le modèle est l'expression la plus directe de ce principe. Un motif est fondamentalement un certain élément ou un groupe d'éléments répétés dans une séquence particulière. Et enfin, la répétition n'a pas besoin d'être prise littéralement. Il peut s'agir d'une répétition de séries de formes similaires qui deviennent grandes ou petites de manière rythmique, illustré dans cet exemple par Josef Muller-Brockmann. 4. Tension: >Tension, suspense, malaise, nervosité, c'est un moment avant un événement culminant, une sorte de libération. Imaginez un film de Quentin Tarantino dans n'importe quelle scène où plusieurs personnes pointent des fusils l'un vers l'autre ou un film d'horreur, où quelque chose de mauvais est sur le point de se produire et où la musique devient de plus en plus tendue ou une chanson de David Bowie, comme Cat People. Tu as compris le point. Dans la conception, vous pouvez utiliser la tension pour ajouter un intérêt visuel à une composition. Si elle est utilisée correctement, tension peut captiver l'attention du spectateur, lui donnant l'impression que quelque chose est sur le point de se produire. Il existe différentes façons de créer des tensions. Par exemple, en plaçant un objet à un angle, en rapprochant les objets, mais en rapprochant les objets à la bordure de votre page, redimensionnant les images et les textes au point où ils s'effacent la page ou en recadrant éléments de conception d'une manière inattendue. La tension est un outil très puissant dans votre boîte à outils. C' est pourquoi j'ai essayé de limiter son utilisation car cela peut devenir très fatigant pour un spectateur. 5. Arborescence: hiérarchie est la disposition des éléments graphiques par ordre d'importance. Afin de créer une hiérarchie visuelle, vous devez vous assurer que certains éléments de conception et certains contenus se distinguent plus que tout autre élément de conception ou tout autre contenu. C' est pourquoi le principe de la hiérarchie a tendance à se chevaucher avec deux autres principes de conception, comme le contraste et l'échelle. Parce que les manipulations que vous utilisez pour faire ressortir certains éléments sont les mêmes manipulations que vous utilisez pour définir la hiérarchie visuelle. Une hiérarchie forte conduit les utilisateurs tout au long de la conception et les aide à absorber les informations dans un ordre chronologique. Pour créer un ordre visuel, nous devons être familiers avec le contenu, c'est pourquoi il est si important de lire le contenu avant de commencer à le concevoir. Il y a beaucoup de façons différentes d'établir la hiérarchie, mais nous allons seulement passer en revue celles dont nous avons discuté dans la section du contraste. Dans la culture occidentale, nous lisons de gauche à droite. Selon les études, il existe deux modèles de lecture dominants, le modèle F et le modèle Z. Cela signifie qu'après le balayage initial d'un dessin, l'œil a tendance à atterrir dans le coin supérieur gauche. Si ce que nous voyons dans le coin supérieur gauche est ce que nous percevons est logique pour plaire à l'élément de conception le plus important là-bas. C' est pourquoi vous voyez généralement des logos sur le côté gauche d' une page Web ou le nom d'une personne sur le côté gauche d'une carte de visite. Ce principe, bien qu'important, peut être sapé par un autre principe, celui de l'élargissement de la taille. Les lignes de début sont des lignes, des formes, des flèches, doigts pointant, des manipulations photo qui vous dirigent à travers la mise en page vers un point focal. En utilisant les lignes de début, vous pouvez contrôler l'endroit où les spectateurs regardent quand ils voient votre design. Vous pouvez facilement manipuler la chronologie des informations que le spectateur va absorber. Ces manipulations peuvent être quelque chose d'aussi évident que de pointer les doigts ou cela peut être quelque chose à voir [inaudible] dans un niveau plus subconscient. recadrage original ou les formes inhabituelles sont des dynamiques qui servent de navigateur pour l'œil et le conduisent dans une direction particulière. Dans le design, ce qui est invisible est tout aussi important pour ce qui est visible. L' espace est essentiel pour séparer et organiser les éléments de votre conception, et l'aider à avoir un aspect ordonné et équilibré. Les espaces peuvent servir de séparateurs invisibles. Nous pouvons les utiliser à la place d'une barre et d'autres éléments de conception. En fait, plus vous laissez l'espace autour d'un élément de conception, plus il se démarquera. L' alignement crée un sens de l'ordre en regroupant les objets associés dans une conception unifiée. Lorsque certains éléments de conception sont hors grille et ne sont pas alignés avec le groupe, il se démarque et devient plus visible. La règle des tiers consiste essentiellement à diviser votre cadre en neuf rectangles égaux et à placer l'objet le plus important sur l'une des quatre intersections. Le point où ces lignes se croisent est appelé point d'intérêt. L' utilisation du point d'intérêt comme point focal pour votre composition créera une composition plus dynamique et plus engageante que de placer l'objet au centre mort d'un format. Parce que les études ont montré que les yeux des gens ont naturellement tendance à graviter vers l'un de ces points d'intérêt plutôt que vers le centre. La règle est largement utilisée en photographie et de nombreux appareils photo numériques ont un grain intégré avec deux séparateurs verticaux et horizontaux. Vous pouvez appliquer ce principe à n'importe quel format, que ce soit paysage, portrait ou carré. Évidemment, les gens lisent et font attention à des objets plus gros parce qu'ils sont difficiles à ignorer. Plus l'objet est grand, plus il est important. C' est pourquoi l'utilisation d'images à grande échelle et de textes flashy attirera l'attention des spectateurs sur le contenu que vous souhaitez mettre en valeur. 6. Équilibre: équilibre et la conception est la distribution des éléments dans le format. Vous pouvez obtenir un équilibre pour le placement, la corrélation et l'espacement de l'objet. Aujourd'hui, nous allons parler de deux types d'équilibre, symétrique et asymétrique. équilibre symétrique se produit lorsque le poids est réparti de manière égale sur tous les côtés d'une composition. Il est le plus répandu dans les compositions classiques, et bien que agréable à l'œil, équilibre symétrique est très statique. Par conséquent, il peut parfois sembler ennuyeux. D' autre part, l'équilibre asymétrique semble moins plat que symétrique. Il semble également plus dynamique et imprévisible. Dans une composition asymétrique, un élément ludique et visuellement lourd d'un côté peut être équilibré par une poignée de poids de vol de l'autre. Généralement, il est facile même pour un non-professionnel de noter une composition d'équilibre [inaudible]. Un design bien équilibré se sent bien, tandis que la composition déséquilibrée semble juste un peu décalée. La notion d'équilibre peut être appliquée à l'équilibre des espaces positifs et négatifs dans la conception du logo et dans la typographie également. 7. Espace blanc: L' espace blanc est l'espace qui entoure les éléments de conception. Même s'il s'appelle espace blanc, il n'a pas besoin d'être nécessairement blanc. Il peut s'agir de n'importe quelle texture ou n'importe quelle couleur. L' espace blanc est essentiellement n'importe quelle zone qui est libre de textes, photos ou de tout autre graphique. Pourquoi en avons-nous besoin ? L' espace blanc sert de diviseur entre les éléments de conception et nous aide à trouver des informations pertinentes. design encombré peut être très distrayant et déroutant pour le spectateur. Tout comme il est difficile de trouver un objet dans une pièce encombrée, dans un design encombré, il est difficile de trouver l'information que vous recherchez. Par conséquent, plus vous avez d'espace blanc, plus le contenu qui entoure apparaîtra. Dans les publications de plusieurs pages comme les livres par exemple, les marges, une forme d'espace blanc sont importantes parce qu'elles donnent l'espace visuel aux repos. Les livres sont publiés avec un budget limité ont tendance à avoir marges plus faibles car c'est un moyen d'économiser de l'argent sur le papier. Ceci, bien sûr, affecte la lisibilité du livre. Imaginez entrer dans un magasin Zara. Maintenant, contrastez, nous entrons dans un magasin Chanel. La première chose que vous remarquerez dans les magasins du marché de masse est qu'ils sont encombrés et remplis à éclater de vêtements de toutes les tailles. Cependant, la section atelier de main ont très peu de vêtements suspendus à l'intérieur. Cela crée un sentiment de luxe et d'exclusivité. Le même principe est valable pour le design graphique. Pour moins encombré le design est, plus exclusif et plus expressif il regarde le spectateur. En d'autres termes, moins, c'est plus. 8. Échelle: L' échelle n'est pas la même chose que la taille, l'échelle est relative. Il s'agit de la relation entre deux éléments de conception, ou d'une relation entre les éléments de conception et le format. Lorsque tous les éléments de conception, tels que la topographie ou d'autres graphiques, ont la même taille, design semble plat, la hiérarchie est faible et cliquez sur les étapes. L' échelle vous aide à mettre en valeur certains objets en montrant leur importance. Il peut également aider à établir une hiérarchie et à définir un point focal. Lorsque vous jouez avec l'échelle, vous pouvez rapprocher certains objets de la visionneuse tout en éloignant d'autres objets. Ces contrastes de tailles peuvent créer le sens de la dimensionnalité et du mouvement. L' application d'une taille inattendue à un élément est une façon amusante de mélanger votre design. 9. Le mot de la fin: Merci beaucoup d'avoir regardé. J' espère que vous avez apprécié ce cours. Il y en aura d'autres à l'avenir, alors assurez-vous de rester à l'écoute. J' ai créé une feuille de minutes [inaudible] que vous pouvez télécharger à partir de la zone de description ci-dessous et si vous êtes intéressé par ce que je fais, mon handle Instagram est tamari.chabukiani. Passez une belle journée.