Principes du graphisme : apprendre les principes du design nécessaires pour créer des designs étonnants.

1. Introduction: Bonjour à tous. Je m'appelle Talia et je suis professeur de graphisme, et j'ai une confession à te faire. Quand j'ai commencé en tant que graphiste, j'ai appris tous ces outils de design sophistiqués, mais je n'arrivais toujours pas à faire de bons designs. Eh bien, c'est parce que je ne connaissais pas correctement leurs principes de conception. Et pour être sûr de ne pas commettre les mêmes erreurs. J'ai créé ce cours in vitro. Vous apprendrez tout sur les principes de conception et 2D afin de pouvoir créer un design incroyable. Après avoir terminé ce cours, vous serez beaucoup plus confiant lors de la conception. Vous passerez beaucoup moins de temps à travailler. Enfin, vous saurez exactement ce qui manque à vos designs et comment les corriger. Qu'allez-vous apprendre exactement dans ce cours ? Nous allons commencer par découvrir l'espace négatif et comment les plus grandes entreprises du monde comme Apple, Google et Tesla les utilisent dans leur conception. Nous apprendrons ensuite l'alignement et l'équilibre et leurs différents types à l'aide de quelques exemples. Vous découvrirez également la hiérarchie, comment la créer dans vos conceptions et ses différents modèles. La différence entre le rythme et la façon de les utiliser efficacement dans votre design. Nous apprendrons également comment le contraste et l'accentuation peuvent réellement faire ou défaire votre design. Enfin, comment rendre vos créations plus interactives. Il s'agit de proportions et de mouvements gradués. qui s'adresse ce cours ? Eh bien, si vous faites un travail de création visuelle comme la conception graphique, graphisme animé ou la création de sites Web. Je pense que cela sera vraiment bénéfique. Vous pouvez télécharger le fichier de projet à partir du lien ci-dessous. Et j'ai hâte de vous voir dans cette cohorte et de vomir une fois que vous aurez fini de suivre le cours, n' oubliez pas de laisser vos commentaires parce que vos commentaires m'aident vraiment à améliorer le cours. 2. Espace blanc négatif: Salut les gars, j'espère que vous allez bien. Vous avez participé au cours, et j'aimerais vous souhaiter la bienvenue dans la première vidéo. Aujourd'hui, nous allons en apprendre davantage sur les espaces négatifs et les espaces blancs. Ce sont deux concepts avec lesquels beaucoup de gens se confondent. Ils sont vraiment importants pour être honnête. Allons-y. Commençons par le premier, qui est l'espace négatif. Alors définissons-le. D'abord. L'espace négatif est la zone vide autour ou entre notre élément de conception. Cela pourrait donc également être autour de votre élément et entre les deux. Je vous expliquerai plus tard ce que je veux dire par là. Il est utilisé pour montrer un autre élément de design dehors du sujet principal. Vous pouvez donc avoir un logo principal ou un élément de design principal. Si vous voulez afficher quelque chose d'autre avec un espace négatif, vous pouvez également le montrer. un peu déroutant. Permettez-moi de vous montrer quelques exemples. Il est principalement utilisé dans les logos et nous allons utiliser des logos comme exemples. Le premier est FedEx. Vous pouvez voir le logo FedEx ici, et c'est très intuitif. Je l'adore totalement. Vous pouvez le voir entre le E et le X ici. Laisse-moi te montrer, te montrer avec ma souris. Vous pouvez donc voir qu'entre le E et le X du logo, ils affichent le logo complet, mais il y a aussi cette flèche entre les deux. Donc, fondamentalement, cela montre qu'ils vont de l'avant puisqu'ils sont une entreprise de livraison. Le deuxième exemple est Tobler sur le chocolat. Vous pouvez voir que beaucoup de personnes ne sont pas au courant de cela. Il y a en fait un ours dans la montagne par ici. OK. Tobleron a donc été fabriqué dans une ville. Je ne me souviens pas du nom de la ville, mais c'est en Suisse que la ville est populaire pour ses bières. C'est pourquoi ils ont décidé d' intégrer de la bière à leur logo. Et enfin, la formule 1, qui est très emblématique, très populaire. Vous pouvez voir qu'il y en a un entre le F et le drapeau ici. Je suppose que c'est un drapeau pour la fin de ligne. Mais vous pouvez voir que cela a l'air tellement beau et qu'ils utilisent tellement bien l'espace négatif ici. C'était donc de l'espace négatif. Maintenant, laissez-moi vous expliquer les espaces blancs. Qu'est-ce qu'un espace blanc ? espace blanc est la zone vide autour l'élément de dessin ou du texte afin de le rendre plus visible. Permettez-moi de vous l' expliquer plus en détail. Il est principalement utilisé sur des sites Web. Laissez-moi vous montrer quelques exemples. Google est donc l'un des meilleurs exemples d'espaces blancs. Vous pouvez voir que l'ensemble de l'interface se trouve juste entre les deux au milieu. Et il y a beaucoup d'espaces blancs autour de l'ensemble pour que les gens se concentrent sur le milieu. Et il y a beaucoup d' espace pour le design. De même, Apple l' utilise très bien. Vous pouvez voir qu' ils s'assurent que leurs produits contiennent beaucoup d'espaces blancs. Et tu l'as peut-être déjà compris. espaces ne veulent pas vraiment dire « blanc ». Il peut s'agir de n'importe quelle couleur ou peut-être aussi d'une image. Vous voulez simplement vous assurer que vos éléments de conception sont correctement mis au point. Enfin, Tesla, comme je l'ai dit, cet espace ne signifie pas vraiment, il signifie vide. Si vous voulez montrer votre élément principal au milieu, assurez-vous qu'il y a beaucoup d' espace pour respirer autour de lui. Donc oui, ce sont des exemples d' espace négatif et d'espace blanc. J'espère que cela vous a vraiment plu. J'espère que tu l'as bien appris. Si vous avez des questions, vous pouvez essentiellement commenter ci-dessous et je veillerai à y répondre. Je vous verrai au prochain cours. 3. Unity Vs Variété: Bienvenue les gars. J'espère que tu te débrouilles bien. Et aujourd'hui, nous allons en apprendre davantage sur l'unité et la variété du design. Ce sont donc deux des principes les plus importants également. Mais l'unité est vraiment importante parce que si vous n'avez pas d' unité dans votre design, tout s'effondrera. Permettez-moi de vous l' expliquer plus en détail. Donc, fondamentalement, nous avons l'unité ici et donnons directement au design l'apparence d'unité ou de résolution. Ainsi, chaque fois que vous créez, vous voulez vous assurer que chaque élément, chaque couleur et chaque forme ont du sens, qu'ils s'emboîtent tous ensemble. Il y a aussi quelque chose à propos de l'unité. Désolé, pour le design. Un bon design est harmonieux. Il n'est pas évident que chaque fois que quelqu'un regarde son design, il ne peut pas dire pourquoi il est beau. Si c'est un citron évidemment, mais ils savent juste que ça a l'air bien. C'est donc l'unité dans votre conception. Cela garantit qu'aucune pièce est plus importante que l'autre. Lorsque vous avez de l'unité dans votre conception, les gens ne peuvent pas simplement comprendre que nous nous concentrons sur cette partie spécifique parce que nous voulons nous assurer que l' ensemble a un sens. Je suis désolée, il y avait beaucoup de trous en une phrase. Passons à la variété par ici. La variété de design signifie donc utiliser différentes tailles, formes et couleurs dans vos œuvres d'art. Pour créer de la diversité visuelle, vous devez vous assurer d' utiliser différentes tailles et formes, ainsi que utiliser différentes tailles et formes, couleurs, des motifs et des textures qui rendent votre design vraiment beau. Mais si tu vas trop loin avec eux, ça pourrait avoir l'air creux, horrible. Désolé. Oui, il y a aussi un très bon code pour Unity ici. objectif principal de la conception graphique est donc d'atteindre l' unité visuelle lorsque les éléments sont en accord ou que le design est considéré comme unifié. C'est la partie importante lorsque tous les éléments sont en accord, ils peuvent être de formes et de tailles différentes et nous en discuterons également plus tard dans les conférences. Mais elles devraient toutes avoir un sens. J'ai un exemple pour toi ici. Au fait, cette citation vient d'Alex White. Le livre est l'élément du design graphique. Les éléments du design graphique, désolé. Donc Vr, ici, nous avons deux exemples, l'unité et la variété. Sur la gauche, vous pouvez voir que nous avons quelques cercles de la même couleur mais de tailles différentes. Donc, fondamentalement, ils ont une unité de couleur mais une variété de taille. Ensuite, nous avons un autre exemple ici. Il y a beaucoup de cercles ici, mais ils ont des couleurs différentes. Ils ont donc, ils sont unifiés par taille, mais ils ont une variété par couleur. J'ai oublié d'ajouter quelques exemples concrets d' unité et de variété ici. Mais laissez-moi en faire une tâche pour vous les gars. Allez là-bas et trouvez quelques exemples d'unité et de variété qui montrent essentiellement qu' ils sont présents dans notre design et publiez-les ici. Et nous en reparlerons plus tard également. C'était à peu près tout sur l'unité et variété et sur la façon dont vous pouvez les utiliser dans vos designs. J'espère que vous avez vraiment apprécié ce cours et je vous verrai dans le prochain. 4. Alignement: Bonjour les gars, bienvenue dans un autre cours et aujourd'hui nous allons en apprendre davantage sur l'alignement dans le design graphique. Je sais que j'ai l'air un peu différent. Je me suis fait couper les cheveux pendant l'enregistrement de ce cours. Mais, heu, oui, allons-y. Nous allons donc en apprendre davantage sur l'alignement et définissons-le d' abord. Donc, fondamentalement, la disposition de divers éléments par rapport aux bords ou aux éléments eux-mêmes est appelée alignement. Mais cela signifie essentiellement que vous alignez les choses fonction d'un site ou d'un coin, coin coquin. Mais à part, comme aligné à gauche ou à droite ou vous organisez la chose en fonction des éléments eux-mêmes, comme la ligne centrale. Permettez-moi de vous l' expliquer plus en détail. Il existe donc deux types d'alignements, comme je l'ai dit, l'alignement des bords et l'alignement central. Permettez-moi de vous donner quelques exemples d'alignement. Tout d'abord, vous avez peut-être vu ces icônes ici. Permettez-moi de me concentrer là-dessus. Vous avez peut-être vu ces alignements à gauche, droite, en haut et en bas. Il s'agit essentiellement des quatre types d'alignement des arêtes. Tu l'as peut-être fait. Quel que soit l'outil que vous utilisez, comme Adobe XD, Figma, Photoshop ou Illustrator. Quel que soit l'outil de conception que vous utilisez, il contient toujours des options d'alignement. Voici donc des exemples d'alignement des arêtes. Vous avez peut-être déjà vu ces icônes. De même, vous les avez peut-être vus aussi, comme celui-ci et celui-ci. Celui-ci est donc centré verticalement et celui-ci est centré horizontalement. Vous pouvez utiliser Center Align ou Agilent en fonction de vos besoins. Voici donc quelques exemples d'alignement. Et vous pouvez voir le premier, qui est un bon alignement. Vous pouvez voir que tout est correctement aligné, que tout est soigné et que tous les blocs sont corrects. Et la bonne, elle a l' air un peu désordonnée parce que c'est un alignement mixte. Le problème avec le désalignement est que vous pouvez également l'utiliser. Mais si vous ne l'utilisez pas correctement, comme ici, cela a l'air bizarre et cela ressemble à du chaos et à leur design. Je vais donc également vous donner quelques exemples de désalignement, comment pouvez-vous également les utiliser dans vos conceptions ? Alertes d'abord, voyez quelques exemples de bon alignement. Voici donc quelques-uns des designs qui sont des livres que j'aime beaucoup. Les deux premiers sont alignés au centre. Vous pouvez donc voir que tout le texte ici est aligné au centre, même manière ici également. Mais le truc avec la ligne centrale c' est que c'est un peu délicat. Vous devez vous assurer de l'utiliser correctement. Il faut mettre l' accent sur le texte important. Sinon, les gens ne lisent pas beaucoup de textes de centre. Les gens peuvent lire beaucoup de texte aligné à gauche. Pareil avec l' alignement à droite, l'alignement à droite. C'est également très délicat. Sur cet exemple, vous pouvez voir que ce livre hyperfocus, tout le texte est aligné à gauche. Donc, en cas de doute, utilisez toujours l'alignement à gauche. Voici donc quelques exemples de lignes de mélange. Comme je l'ai dit, ce mix a line peut également être utilisé si vous utilisez correctement les autres principes et surtout l'équilibre. Vous pouvez voir que dans cette image, dans cette couverture, vous pouvez voir que tout le texte est, le texte et tout le reste est une ligne de mélange. Mais le fait est que tout est équilibré. De même ici, il n' est pas correctement aligné, mais c'est un équilibre. équilibre est l'un des principes les plus importants lorsqu' il s'agit d'utiliser un alignement mixte. Assurez-vous donc de l' utiliser correctement. Enfin, l'utilisation de la grille est très importante lorsqu' il s'agit d'alignement, en particulier dans un concepteur UX qui utilise cette interface utilisateur, comme vous travaillez sur Figma et Adobe XD et d'autres logiciels similaires, est très importante lorsqu' il s'agit d'alignement, en particulier dans un concepteur UX qui utilise cette interface utilisateur, comme vous travaillez sur Figma et Adobe XD et d'autres logiciels similaires, Assurez-vous d'utiliser la grille correctement, car les notes sont très importantes pour l'alignement. Oui, je suppose que c'était à peu près tout pour l'alignement. J'espère que vous avez vraiment apprécié la conférence. Si vous avez des questions, hésitez pas à me le faire savoir et je m'assurerai d'y répondre. Je vous verrai au prochain cours. 5. Équilibre: Bienvenue les gars. J'espère que tu te débrouilles bien. Et aujourd'hui, nous allons apprendre comment équilibrer le design graphique. L'équilibre est donc également un principe de conception très important. Et dans le cours précédent, vous vous souvenez peut-être que j'ai mentionné que l'utilisation de la balance d'alignement mixte est vraiment importante. Aujourd'hui, nous allons donc apprendre exactement ce qu' est l'équilibre et quels sont ses différents types. Commençons donc. Définissons d'abord l'équilibre, la répartition du poids visuel des objets, des couleurs, des textures et de l'espace. Fondamentalement, tout cela définit l'équilibre. équilibre ne signifie pas vraiment que dans le monde réel, nous disons qu'une chose vaut un kilo et une autre deux kilos. Celui-ci aurait donc un poids plus élevé. Dans le design. L'équilibre peut être basé sur de nombreux facteurs, comme je l'ai dit, les couleurs, les textures, l'espace, les objets, beaucoup d'autres choses. Définissons donc les types d'équilibre. Fondamentalement, il existe deux types d'équilibre : l'équilibre symétrique, l'équilibre symétrique, équilibre asymétrique, l'équilibre radial. Nous avons également trois exemples ici. Ici, vous pouvez voir qu'en équilibre symétrique, tout est correctement équilibré du côté gauche et du côté droit. Mais quand il s'agit d'équilibre asymétrique, tout n'est même pas cela. C'est un pâté de maisons. Il y a six blocs ici, et ils sont équilibrés mais pas symétriques. En même temps, je vais vous montrer quelques exemples et vous serez alors en mesure de les comprendre correctement. Enfin, l'équilibre radial. Donc, si vous copiez quelque chose dans un cercle, cela devient facilement équilibré. Je vais également vous en donner des exemples. Voyons d'abord l'équilibre symétrique. Voici donc le meilleur exemple d'équilibre symétrique. Vous pouvez voir que tout est fondamentalement identique. Vous pouvez voir qu'il y a trois cercles ici et trois là aussi. Ensuite, il y a ce bloc au milieu. De même ici, nous pouvons essentiellement appeler cela quelque part à équilibré radialement également. S'il y avait peut-être plus de ces blocs. Et voici également cet exemple. Permettez-moi de vous donner quelques exemples concrets. Vous pouvez donc voir que nous avons cette couverture de magazine. En gros, tout ici n' est pas correctement équilibré selon, dirais-tu, la règle. Mais puisque celui-ci et celui-ci sont correctement équilibrés, de même, ce texte et ce texte sont correctement équilibrés. L'ensemble est fondamentalement équilibré symétriquement. Passons d'abord à l'équilibre asymétrique. Donc, vous pouvez voir que tout ici, tout semble être un chaos, mais cela a l'air agréable à regarder. Si votre design est agréable à regarder, je dirais qu'il est équilibré. Parce que chaque design dans le monde, chaque bon design dans le monde est fondamentalement équilibré, sinon, ça a l'air bizarre. Enfin, l'équilibre radial. Vous pouvez voir qu'ici, tout est en cercle. Tout le Mandela, comme vous avez peut-être entendu parler de ce terme, c'est un terme très populaire dans le design. design de Mandela ou fondamentalement facilement équilibré. C'est pourquoi ils sont si beaux. De même ici, cela a l'air vraiment beau aussi. Oui, je suppose que c'était à peu près tout. Faisons un petit récapitulatif. Il existe donc deux types de soldes. Balance symétrique, balance asymétrique , balance radiale. Et si vous savez comment les utiliser correctement, cela changera la donne pour vous car vous devez les utiliser dans tous vos designs. J'espère que vous avez vraiment apprécié ce cours. Si vous avez des questions, hésitez pas à me les poser. 6. Hiérarchie: Bon retour, les gars. J'espère que vous faites de la grille et que nous allons aujourd'hui en apprendre davantage sur la hiérarchie dans le design graphique. Commençons donc. Définissons-le d'abord. Le processus de classement visuel des éléments est appelé hiérarchie. Ok ? Permettez-moi donc de vous dire à quoi sert la hiérarchie parce que le simple fait de comprendre cette définition ne vous suffira pas. Fondamentalement, la hiérarchie est utilisée pour ajouter de la structure à votre conception. Excellente organisation visuelle, comme si le libellé est important et ce qui ne l'est pas. Créez une direction. Vous pouvez indiquer à l' utilisateur ce qu'il doit lire premier et où lire ensuite. Ensuite, mettez l'accent sur une chose spécifique. Enfin, vous aider à naviguer et à assimiler facilement les informations. Donc, si vous avez une hiérarchie appropriée dans votre conception l'utilisateur ne sera pas submergé par toutes les informations. Ils seraient capables de lire facilement l'ensemble du dessin, non seulement de le détecter, mais de le détecter dans son ensemble facilement. Que se passe-t-il si vous n' avez pas de hiérarchie dans la conception ? Aucune hiérarchie ne crée donc de confusion. Votre utilisateur est confus par ce que vous essayez de transmettre dans votre conception, car comme vous le savez, cette conception graphique consiste à transmettre vos informations. Enfin, il ne dit pas ce qui est important. Si votre design ne dit pas ce qui est important, votre design est inutile car un design résout fondamentalement un problème et indique à l'utilisateur ce qui est important. Par exemple, si dans un dessin, vous essayez de montrer une chaussure et le prix de la chaussure. Si l'utilisateur n' achète pas le produit après avoir regardé votre design, votre design est inutile. Alors, comment créer une hiérarchie ? Fondamentalement, il existe plusieurs façons de créer une hiérarchie. Le numéro un est la taille. Par défaut, si vous regardez ce design spécifique, tout cet écran, que lisez-vous en premier ? Évidemment, le texte rouge en gras en haut. La taille crée donc une hiérarchie. Le deuxième est la couleur. Encore une fois, j'utilise la hiérarchie dans ma propre conception ici. Le texte rouge est important et vous le lisez d'abord. Ensuite, la topographie. Vous pouvez également utiliser la typographie pour créer une hiérarchie. Et enfin, la mise en page. Je vais vous donner des exemples de ces quatre éléments dans les prochaines diapositives. Donc, le numéro un est la taille. Vous pouvez voir que j'ai trois exemples ici. Et tous, dans les trois exemples, vous lisez essentiellement les textes qui sont bouillis en premier, meurent avec 0. Règle suivante, Sherlock Holmes, tu liras toujours le gras et la plus grande taille du texte en premier, parce que tes yeux, c'est important et après ça tu lis l'autre informations. La taille est donc l'un des meilleurs moyens de créer une hiérarchie. Le second, c'est aussi la couleur. J'ai deux exemples ici. Et dans ces deux exemples, vous pouvez voir qu'il y a beaucoup d'icônes sur celle de droite et qu'il y a aussi de la texture sur celle de gauche. Mais je passe instantanément au contraste et au premier, et au mot arts dans le second, car il y a une hiérarchie selon la couleur. Ensuite, la typographie. Vous pouvez donc voir que c'est dit, c'est très bon que ça ait le goût. Hiérarchie vous permet d'indiquer au lecteur où chercher en premier. Vous pouvez créer, désolé, Il peut être créé en utilisant la taille, couleur étrange et l'espace. Donc, par défaut, vous lisez tout cela en fonction de la façon dont l'utilisateur souhaite que vous lisiez, d'accord ? Et enfin, la mise en page. Donc, si vous aimez l'interface utilisateur et mise en page UX , c'est extrêmement important , sinon vous ne pourrez pas dire à l'utilisateur comment il doit lire le tout. Le vote est important et ce qui ne l'est pas. La mise en page est également très importante. Le problème avec la hiérarchie, c' est que vous n' avez pas besoin d'utiliser une seule règle. Vous pouvez utiliser plusieurs règles. Donc dans ces deux exemples, vous pouvez voir que dans celui-ci, la couleur est également utilisée. Même dans la couleur, il existe différentes couleurs afin que vous puissiez vous concentrer sur les deux. Et puis il en va de même ici en taille. Donc de même ici, vous pouvez voir que la mise en page a été utilisée dans la taille a été utilisée, la couleur a été utilisée. Même la typographie a été utilisée parce que vous lisez d'abord le texte en gras et le reste du texte plus tard. Ok ? Enfin, les modèles hiérarchiques. Ils sont vraiment importants lorsqu'il s'agit de créer n'importe quel type de design, mais surtout du texte. Et chaque fois que vous créez des sites Web. Il y a donc le motif F et le motif Z. Alors, d'abord, couvrons le motif Z. Le motif Z est très important dans la conception de sites Web car les gens lisent les informations de gauche en haut. Ensuite, ils descendent comme ce motif en Z , puis ils lisent le reste de l'information. Vous avez peut-être remarqué que la barre de navigation est toujours là en haut et qu'elle contient tous les liens importants car les gens lisent d'abord de gauche à droite. Et de même dans le motif F, ce pattern est vraiment important quand il s'agit d' écrire parce que les gens lisent de gauche à droite, comme je l'ai dit dans les tutoriels précédents également. C'était à peu près tout sur la hiérarchie et la façon de l'utiliser. J'espère que vous avez vraiment apprécié ce cours. Si vous avez des questions, hésitez pas à me le faire savoir. J'adorerais répondre à toutes ces questions. Alors je vous verrai dans le prochain cours. 7. Répétition vs rythme: Bienvenue les gars. J'espère que tu te débrouilles bien. Et aujourd'hui, nous allons apprendre répétition et le rythme et quelle est la différence entre eux ? Ce cours sera très court, mais je dirais que ces deux concepts sont vraiment importants si vous aimez créer des motifs et des textures. Commençons donc. Commençons par la répétition. répétition est la récurrence d' un élément de design couramment utilisé dans les motifs ou les textures. Donc, si vous n'avez pas créé de texture ou motif dans Illustrator, vous avez peut-être remarqué que vous ne créez qu' un ou plusieurs éléments et que vous les répétez à l'infini. C'est ce qu'est notre motif ou notre texture. Permettez-moi donc de vous montrer quelques exemples. Par ici. Vous pouvez voir qu'il n' y a qu'un seul élément ici et qu'il ne cesse de se répéter. En gros, nous n'avons qu' un seul élément hexagonal et il se répète sans cesse. De même ici, nous avons ce cercle là-bas et il ne cesse de se répéter. Mais le motif ou la texture n'est pas la seule utilisation de la répétition. Vous pouvez également utiliser la répétition pour mettre l'accent sur l'accent. Puisque tout le fond est, continuez à répéter. L'accent est mis sur le ballon. Et ce type là, c'était de la répétition. Faites-moi savoir, vous avez expliqué le rythme. Le rythme est similaire à la réputation, mais un peu différent. Donc, le rythme signifie essentiellement, tout comme réputation est créée par des éléments de design récurrents. Mais oui, il y a un oiseau, mais il n'est pas nécessaire qu'ils soient similaires en répétition. Laissez-moi vous montrer ici dans la pétition, tout ne cesse de se répéter. Mais en les faisant, laissez-moi vous montrer un exemple et faites-les, les choses se répètent sans cesse, mais elles ne semblent pas. Donc, dans cet exemple, vous pouvez voir que nous avons ces ovales ici et qu'ils continuent d'augmenter, taille ne cesse d'augmenter. Et ils se répètent en spirale. Mais en même temps, ils se répètent, mais ils ne sont pas identiques. Ils sont essentiellement à l'origine d'un rythme dans le design. De même ici, vous pouvez voir que nous avons quelques cercles. En gros, ils sont tous différents. Toutes les lignes, tous les cercles sont différents, mais ils nous donnent quand même un sentiment de répétition. Vous pouvez donc même appeler le rythme réputation asymétrique parce que toutes les choses ne sont pas similaires, mais elles vous donnent quand même le sentiment de répétition. J'espère donc avoir pu vous transmettre correctement les concerts. J'espère que vous avez bien compris la répétition et le rythme. Si vous avez des questions, comme toujours, hésitez pas à me les poser et je m' assurerai d'y répondre. Je vous verrai au prochain cours. 8. Contraste: Bienvenue les gars. J'espère que tu te débrouilles bien. Et aujourd'hui, nous allons découvrir l'un des principes de conception les plus importants en matière de typographie. Et c'est là un contraste. Parce que si vous n' avez pas de contraste dans vos designs et votre typographie, les gens ne pourront pas comprendre ce que vous essayez de dire. Aujourd'hui, nous allons apprendre cela et commençons. La différence entre deux éléments de notre conception s'appelle donc contraste. Il existe un autre principe sous le principe de conception , appelé emphase, qui est très similaire au contraste, mais nous allons le couvrir dans la vidéo suivante. Ok ? Il est donc utilisé pour créer un effet. Donc, si vous voulez créer n'importe quel effet dans votre design, contraste est vraiment important. Il est utilisé pour mettre l'accent sur, est utilisé pour ajouter un attrait visuel. Et il existe également quelques exemples de contraste. Ainsi, comme beaucoup d' autres principes de conception, vous pouvez également créer un contraste basé sur la forme, l'échelle, la couleur et la mise en page. Mais le plus important, je dirais, est basé sur la couleur, comme vous pouvez le voir ici sur cet écran. Quelle est la chose sur laquelle vous vous concentrez le plus, le contraste des mots, parce que le contraste de cette couleur par rapport à l'arrière-plan est vraiment, vraiment élevé. De même ici, vous pouvez lire ceci correctement car le contraste entre cette couleur et la couleur de fond est correct. D'accord, laissez-moi vous donner un exemple de bon et de mauvais contraste. Par ici. Le premier est certainement un bon contraste parce que vous pouvez le voir correctement, d'accord ? Dans le prochain, vous ne pouvez pas le voir correctement parce que le contraste n' est pas correct. Dans cet exemple, la couleur marron n'est pas correcte en fonction la couleur d'arrière-plan. Tu sais quoi ? Oublions ces diapositives et laissez-moi vous montrer un site qui est vraiment très utile et qui me plaît beaucoup. Alors laissez-moi aller sur Google ici et écrivons sur Trust Checker. Il y a quelques absurdes que vous pouvez utiliser, mais celui que j' aime vraiment est coolers.co. Alors laisse-moi ouvrir celui-ci. Et ce site est vraiment sympa. Je l'adore parce qu'il vous montre si vous avez une couleur d'arrière-plan et la couleur du texte, et il vous donne en fait une note indiquant si vous devez l'utiliser ou non. Par exemple, si j'ai la couleur du texte comme celle-ci et que j'ai changé la couleur d'arrière-plan en quelque chose comme le noir. Vous pouvez voir que ce texte n' est pas lisible et qu'il nous donne également une bonne lecture pour cela. Peut-être un vert léger, un vert très clair. Vous pouvez voir que la lecture est réellement importante car elle nous indique que le contraste est très bon pour ces deux couleurs. Ensuite, vous pouvez sélectionner n'importe quelle couleur pour le texte et l'arrière-plan. Et cela vous donnera une note appropriée pour une lecture de contraste. Et il vous indique également si le texte est beau sur un texte petit ou un gros texte. Donc, oui, c'est une absurde très utile et j'ai pensé vous en parler. J'espère que vous avez vraiment apprécié ce cours et je vous verrai dans le prochain. 9. L'accent: Bienvenue les gars. J'espère que tu te débrouilles bien. Et aujourd'hui, nous allons apprendre à mettre l'accent sur le design graphique. L'accent est similaire au contraste que je l'ai mentionné dans le cours précédent, mais ils sont un peu différents. Et dans ce cours, je vais vous expliquer comment. Commençons donc par mettre l'accent. Définissons-le. L'accent est donc utilisé pour l'attention du spectateur sur une certaine partie d'une composition. Si vous voulez que votre spectateur se concentre sur une chose spécifique, c' est ce que l'accent est essentiellement utilisé pour la façon dont il est atteint. L'effet est donc obtenu en manipulant les éléments de conception tels que la couleur, forme et la taille pour faire ressortir une partie spécifique d'un dessin. Donc, dans toute cette diapositive, sur laquelle je me concentre, j'insiste sur le mot emphase. Donc oui, c'est la section d' emphase, désolé pour cette blague boiteuse. Dans cet exemple, vous pouvez voir que nous avons ce motif ici, mais nos yeux se dirigent instantanément vers cet hexagone spécifique ici. Pourquoi ? En raison de sa couleur, il est différent des autres. Les mêmes concepts qui sont pour le contraste sont également appliqués ici. L'accent est également créé en fonction de la taille, la couleur, de la topographie et de la disposition. Il en va de même dans ces exemples. Mais permettez-moi de vous donner un exemple un peu plus pratique. Nous avons donc deux modèles ici. Et dans ces deux modèles, vos yeux se dirigent automatiquement vers un certain point. Pourquoi ? Parce que nous avons mis l'accent sur cette partie spécifique, comme dans cet exemple, vos yeux se déplacent automatiquement ici, même si le reste du dessin comporte des couleurs différentes et que le fond est noir. Mais ils vont encore jusqu'à ce point parce que nous avons insisté là-dessus. De même dans cet exemple, ou les yeux vont automatiquement vers cette personne ici parce que nous avons insisté sur cette personne. Ce concept est souvent, plupart du temps, ce concept est juif dans les films également. Oui, en gros, si je vous dis quelle est la différence entre le contraste et l'accentuation, contraste est comme sur une très petite échelle et l' emphase est comme l'ensemble du design. Si vous essayez de créer un contraste entre deux choses, si vous essayez de le faire, oui. Le contraste est donc entre deux choses et l'accent est mis entre beaucoup de choses. C'est la façon la plus simple que je puisse le définir. Donc oui, j'espère que vous comprenez maintenant les différents contrastes et accentuations de la routine. L'accent est si important et comment l'utiliser. J'espère que vous avez vraiment apprécié ce cours et je vous verrai dans le prochain. 10. Échelle, proportionnalité et mouvement: Bon retour, les gars. J'espère que vous allez très bien et félicitations, vous êtes parvenus à la dernière vidéo de l'ensemble du cours. Dans ce cours, nous allons apprendre trois concepts échelle, proportion et mouvement. Puisque je pense que ces trois concepts sont assez similaires, c'est pourquoi nous devrions les aborder tous ensemble. Commençons donc par le premier, qui est l'échelle. L'échelle dans la conception est donc la taille des éléments pour créer un point focal. Bon, laisse-moi te dire comment. Ce qui s'est passé, c'est que lorsque vous créez une échelle basée sur quelque chose de vraiment grand ou vraiment petit, vous créez une échelle irréaliste et une taille réaliste des choses. Vous pouvez voir que nous avons de très petits chariots ici. Sur le dessus des chariots, nous avons des éléments vraiment gigantesques. Cette glace, cette balle et cette navette de badminton, je crois qu'il fait froid. Comme il y a de l' échelle dans la conception, les chariots sont si petits que nous sommes obligés de nous concentrer sur les choses plus grandes. Ok ? En gros, c'est ainsi que vous créez de l'échelle. J'ai un autre exemple ici. Nous avons un très gros texte en arrière-plan et une très petite voiture. Comme les textes ne peuvent pas être plus grands que la voiture, cela crée une sorte d' attente irréaliste et c'est pourquoi nous nous concentrons sur le texte et la voiture à la fois. Ok ? C'est donc de l'échelle. Passons maintenant à la proportion. La proportion est la taille réelle entre deux éléments de conception. Contrairement à l'échelle et à la proportion, vous vous assurez que vous vous assurez que les tailles sont réellement les mêmes car la proportion doit être la même selon l'exemple réel. Je suis désolée si vous pouvez entendre cela, mais je suppose que quelqu'un utilise le marteau chez moi, donc je suis désolée si vous tapez ça, mais je suis sûr que je n' aurai pas à réenregistrer ça. Proportion groupée contre bonne proportion par rapport à mauvaise proportion. Donc dans le premier exemple, vous pouvez voir que c' est une mauvaise proportion. Une personne ne peut pas être aussi grande que la maison, d'accord ? Vous pouvez peut-être l'utiliser dans un exemple d'échelle, mais pas dans cet exemple de proportion. C'est une bonne proportion. La personne se tient debout et pourquoi les artistes ? C'est ainsi qu'une personne dans la maison peut être de la même taille selon la perspective. OK. Oui, c'était à peu près sur l'échelle et les proportions. Je suppose que si nous avons un autre exemple, le ballon de basket est évidemment beaucoup plus grand que le baseball. Si la balle était aussi grosse que ce ballon de basket, cela n'aurait pas eu de sens compte tenu de la proportion. Mais pour l'échelle, vous pouvez certainement le faire. Et le dernier concept, c'est le mouvement. Le mouvement, puis le mouvement de conception graphique ne font pas référence au mouvement des images à l'écran , sinon il deviendrait des animations graphiques ou une émission. En design graphique, c'est quelque chose de très différent. Il fait plutôt référence au mouvement ou à l'œil du spectateur lorsqu'il se déplace sur l'écran. Donc, en gros, vous créez le mouvement de œil de votre utilisateur sur l'écran. Votre conception est si émouvante qu'elle ne bouge pas d'une manière spirituelle. Permettez-moi de vous donner un exemple. Nous avons donc quelques exemples ici. Et dans cet exemple, dans le premier, vous pouvez voir que par défaut nous sommes obligés de regarder au milieu parce que les deux poinçons se déplacent à l'intérieur. De même, dans cet exemple, il y a des cercles ici et ce sommet descend jusqu'à cette partie et nous sommes focalisés, nous sommes faits pour nous concentrer sur cette partie. De même, ici, il semble que le, je suppose que c'est un slot et que le slot est en cours je suppose que c'est un slot et que le slot d'exécution, les bons mots. Donc, en gros, c'est ainsi que vous pouvez créer du mouvement dans vos créations. Donc je suppose que c' était à peu près tout sur l'échelle, la proportion et le mouvement. J'espère que vous avez vraiment apprécié tous les concepts de ce cours. Et si vous avez des questions, hésitez pas à me les poser parce que j' adorerais y répondre parce que j' aimerais que vous compreniez correctement ces concepts et que vous les mettiez en œuvre dans vos conceptions. Donc, oui, c'était à peu près ça. J'espère que vous avez vraiment apprécié le cours. Et j'espère vous voir dans la vidéo d'outro. Bye-bye. 11. Projet de classe: Bienvenue les gars. J'espère que tu t'en sors très bien. Et je pense qu'il est temps de vous parler du projet de classe. Le crédit de cours est très simple. Tout ce que vous avez à faire est de sélectionner n'importe quel principe de conception dans l'ensemble du cours. Cela peut être n'importe qui avec vous le plus, et vous devez essentiellement l'expliquer avec au moins deux exemples. Le truc à propos de cet exemple, c'est que vous pourriez prendre les exemples sur Internet. Ou il serait préférable que vous conceviez quelque chose vous-même et que vous expliquiez le concept à l'aide de ces exemples. J'espère que vous avez vraiment apprécié tout le cours. J'espère que vous vous êtes bien amusé à apprendre les principes du design. Et si vous avez des questions, hésitez pas à me les poser ci-dessous, et j'espère vous voir dans un autre de mes cours. Alors au revoir.