Transcription
1. Introduction: Salut, les gars. m'appelle Julia et je suis designer UX fait partie de mon travail quotidien. J' ai besoin de créer une interface utilisateur attrayante, fiston. Ce cours, je voudrais vous guider à travers les fondations de conception visuelle qui
vous aideront à créer du contenu visuellement attrayant. Les principes allaient couvrir notre utilisation de la couleur de la grille, l'espace
blanc et de la typographie. Afin de pratiquer ces principes, vous devrez compléter le projet de classe. C' est pour le projet de classe. Je vous suggère de prendre un matériau basé sur le texte et de concevoir tout le remanier. Pensez à la structure de vos en-têtes de contenu, sous-titres, paragraphes ordonnés ou sur des listes ordonnées, peut-être des citations. Comment vous pouvez utiliser quelques photos de photos, illustrations Aikens pour mettre en évidence certains points de votre texte. Un bon exemple de cela serait un article Wikipédia parce qu'il est déjà C'est la structure. D' autres choses que vous pouvez considérer comme nos, par
exemple, des recettes pour les guides étape par étape. Vous pouvez même penser à des histoires courtes dans votre vie. Il suffit de trouver quelque chose que vous trouverez amusant et intéressant à travailler. Si vous décidez réellement de redessiner un article existant, j'aimerais voir des photos avant et après. Faites-moi savoir comment ça se passe. J' espère que vous apprécierez cette classe et commencerons
2. Pourquoi la conception visuelle et ce qu'est qu'il y a dans ce cours ?: dans cette vidéo d'introduction. Je voudrais parler de ce que font ISS et les concepteurs visuels et vous donner un aperçu
de la structure de la leçon. Alors, qu'est-ce que le design visuel ? Souvent, les gens ont fait référence à la conception graphique des concepteurs visuels, et ce n'est que partiellement vrai parce que le design graphique est une discipline qui est appliquée dans l' impression. Cependant, design
visuel crée un aspect holistique sur toutes les plateformes,
alors pourquoi s' embêter à cela dans la communauté conçue par les U. X ? Souvent, les concepteurs pensent que la conception visuelle n'est pas aussi importante que la facilité d'utilisation, par
exemple, ou la facilité d'utilisation. Je crois que l'esthétique améliore l'expérience utilisateur et qu'elle aide à mieux vendre les produits. Alors, comment faire ça ? Vous devez connaître les règles et les principes et la pratique, la pratique, la pratique. C' est donc qui sont les concepteurs visuels ? Regardons l'exemple de Google chez Google Visual designers,
nous avons l'iconographie, la
typographie, la
couleur, couleur, l'espace et la texture ensemble pour aider nos utilisateurs à naviguer avec succès dans nos produits. Nous croyons que tous nos produits doivent être beaux et accessibles. En tant que concepteur visuel, vous ferez des utilisateurs de la vie avec des conceptions qui inspirent engagé et exciteaHome. C' est une bonne définition, n'est-ce pas ? Alors passons à la vue d'ensemble des gifles. Donc, nous allons couvrir les sujets suivants. Commençons par les principes de conception, puis passons à la couleur de la grille, typographie, imagerie et terminons par les tendances et l'inspiration. J' espère que vous apprécierez ce cours et passons aux principes de conception.
3. Les principes de design: Parlons du premier pour plus de classe, les principes de conception. Comme déjà mentionné, ces principes sont de contraste de position dans la proximité tardive, l'espace
négatif et vivant. Donc composition, la position est le placement ou l'arrangement des éléments visuels dans l'œuvre d'art. Il, bien
sûr, ne s'applique pas toujours et seulement aux œuvres de pet d'affaiblir. Parler de la composition dans, ah, conception hors cours et en photographie, je voudrais Teoh 0.2 règles ou principes intéressants que vous pouvez utiliser dans votre composition forces une règle de tiers. Afin d'utiliser la règle des tiers, vous divisez votre, um, cris, par
exemple, en trois parties horizontalement et en trois parties verticalement et mettez des objets importants dans le intersections de ces parties. Vous pouvez aussi diviser votre contenu dans la même proportion. Par exemple, 1/3 pour la navigation à gauche, euh, et 2/3 pour la conférence à droite. Une autre proportion intéressante est le rapport d'or et la séquence de Fibonacci. La séquence Fibonacci regarde la séquence des nombres où chaque nombre suivant est la somme la soupe précédente. Donc, cela nous amène à une proportion très intéressante, qui est de 1 à 1,62 environ, euh, en pourcentage. Si votre référence regarde l'écran, cela signifierait
que 38% de votre écran est,
ah, ah, une partie et, euh 62, une autre partie. Les deux proportions sont agréables à l'œil et peuvent aider à créer une
composition intéressante et dynamique . Donc voici l'exemple en utilisant la règle des tiers sur cette photo, vous pouvez voir une fleur,
et, euh, euh, je ne tirais pas, je dirais, et, ah, le photographe a utilisé la règle des tiers pour capturer cette focale. Ainsi, comme vous pouvez le voir, la fleur est exactement à l'intersection de deux lumières. Deux autres exemples sont l'utilisation de la proportion de rapport d'or. L' un d'eux est la députée Notredame à Paris. C' est un bâtiment qui a été conçu et construit suivant cette, euh, proportion de rapport d'
or, et le deuxième exemple est l'ancien logo d'iCloud um, qui apparemment a été construit en utilisant la proportion de ratio d'or. Passons au prochain directeur. Le contraste de contraste est utilisé pour souligner que certains objets utilisent la couleur, la
forme, forme, taille
du poids et d'autres caractéristiques. Dans cet exemple, vous pouvez voir que les concepteurs utilisent la couleur pour souligner um, certaines parties de l'écran. Ils utilisent des formes comme dans le logo et,
euh, euh, cercles dans la navigation, euh, et bien sûr, poids et la taille. En ce qui concerne le texte à l'écran, le principe suivant est le principe de proximité. La proximité signifie que les objets qui sont à côté de l'autre sont perçus comme une unité, contrairement à Teoh. Si l'objet de dispersé autour, alors ils ont perçu un objet séparé. Comme vous pouvez le voir dans l'exemple de la diapositive, les carrés de gauche sont dispersés, mais les neuf mêmes carrés de droite sont perçus comme un seul objet. Lorsque nous appliquons le principe de proximité au texte, il s'agit généralement des légendes et des titres dans les attaques. Ici vous pouvez voir l'exemple sur la gauche est le bon exemple. Um se trouve dans un bon exemple. Le titre est proche du paragraphe auquel il appartient dans l'exemple de droite. Le titre est en fait au milieu des paragraphes, ce qui fait que le cerveau perçoit comme la ligne distincte de texte qui n'appartient pas aux balises ci-dessous. Le principe suivant est l'espace négatif. L' espace
négatif est l'espace entre les sujets d'une image. Eh bien, ça s'appelle négatif parce que c'est fondamentalement tout autour d'un objet. Ça
ne veut pas dire que c'est mieux. Quelque chose de négatif à ce sujet. C' est juste plus hors de l'inversion de l'objet. Um, ça aide vraiment à le rendre admissible quand il s'agit de quelque chose à lire et qui agit comme un séparateur. Andi, ça revient vraiment au principe de proximité. On regarde juste, ça Et bien sûr, l'espace négatif crée un équilibre. Ancienne page. Regardons plusieurs exemples d'utilisation de l'espace négatif. 1er 1 est le logo USA Network ici. Les concepteurs utilisent les lettres Euh, toi et un espace négatif entre ces deux lettres, euh, pour créer la forme de la lettre S et r et notre cerveau perçoit ça comme trois lettres au lieu de deux. Un autre exemple très célèbre d'utilisation de l'espace négatif. Juste le logo. FedEx. Si tu ne l'as jamais vu avant,
tu ne pourras pas le voir. Si tu ne l'as jamais vu avant, A partir de maintenant, il y a une flèche entre manger et ex. Cela symbolise en fait la direction de toute l'idée hors de l'entreprise, juste qu'ils ont dit qu'ils envoient des colis partout dans le monde et le troisième exemple est l' attribut Apple Lago
modifié qu'ils ont fait Teoh commémorer Steve Jobs quand il est décédé. Donc ici, au lieu de la morsure de pomme traditionnelle dans le logo, vous pouvez voir que Steve Jobs profil un autre exemple de l'utilisation de l'espace négatif, qui est un exemple négatif de l'utilisation de l'espace négatif. Ce sont les portes et les clôtures point com. Je suis presque sûr que cela est construit exprès comme ça. Cependant, le manque d'espace autour des éléments rend très difficile la navigation sur ce site, bien que je dois dire qu'il est assez bien aligné, et les proportions qu'ils utilisent sont également tout à fait correctes. D' autre part, Microsoft Office 365 est un bon exemple d'utilisation de l'espace négatif. Ça crée une très belle séparation entre les éléments,
et tout est clair. Ça crée une très belle séparation entre les éléments, Il y a assez d'
air, air, et dans l'ensemble, ça crée un look
agréable et agréable. Un autre bon exemple de bonne utilisation de l'espace négatif est construit par Buffalo site essentiellement ici Ils ont souligné leur logo sur la navigation, et, euh, puis là de ce qu'ils font et puis les projets. Et chaque partie de la page est séparée par une quantité assez généreuse d'espace. Donc, il fait page apporte, et il est très facile de percevoir la conférence sur ce site. Passons au dernier principe de conception dans ce chapitre. Euh, c'est l'alignement. Un homme de ligne crée une connexion visuelle entre les éléments. Je sais que cela semble assez abstrait, mais fondamentalement ce qui est important dans l'alignement est que lorsque les choses sont soigneusement alignées les
unes aux autres ou à certains autres objets sur la page, cela crée un effet très agréable pour le I. Et quand les choses ne sont pas alignées, l'œil les perçoit comme désordonné et pas moi, ce qui crée un look moins professionnel de vos designs. En ce qui concerne le texte, vous pouvez l'aligner de quatre manières différentes. Donc il est à gauche la ligne droite au centre de la ligne ou justifié, je suggère, euh, au centre Onley aligné, les titres, les titres et peut-être quelques slogans. Je ne recommande pas la doublure au centre gros blocs de texte parce que c'est assez fatigant pour le je de trouver à la fois le début et la fin de la lumière allumée quand il s'agit de l'alignement central , Um, le début et le extrémité de la ligne changent toujours, par
opposition à l'alignement à gauche Vents de la ligne commence toujours à un certain point. Donc une autre façon, Une autre façon importante d'aligner est les alignements de base de la ligne de base est la ligne sur laquelle le texte, euh, position. Et ah, cela crée aussi un effet esthétique, sorte d'ordre sur la page. Hum, et la dernière chose que je voudrais mentionner à propos de l'alignement est de ne pas justifier le texte sur le web. Il est correct d'utiliser justifier l'impression de texte si vous pouvez utiliser la césure d'abord, et si vous pouvez ajuster manuellement l'espacement entre les mots et dans le monde. Mais c'est quelque chose que je considère assez avancé. Et puisque les navigateurs ne sont pas encore avancés, hum, je recommande de ne pas utiliser de texte justifié. Donc c'est tout pour les principes de conception. Faites-moi savoir si vous avez des questions, et s'il vous plaît essayer de ne pas, est ces principes de conception dans, ah, sites Web que vous utilisez dans les livres en photographie imprimée et faites-moi savoir ce que vous pensez. A vous voir dans la prochaine leçon
4. Grille: Bienvenue à la leçon numéro 2, où nous allons parler de grilles. Grid est l'un de mes sujets préférés dans l'un de mes outils de conception préférés pour créer la paix et tranquillité sur la page. Fondamentalement, Grid est une structure composée d'une série de lignes directrices intersectes utilisées pour structurer le contact. Ce n'est rien avec des lignes sur votre page qu'il utilisait pour aligner les choses sur cette page. Alors, comment cela fonctionne, il établit un compteur et un rythme. Il définit et reflète la proportion dont nous avons parlé dans la page du principal. Um, vous pouvez utiliser les règles des tiers et du ratio d'or. Vous n'avez pas vraiment à le faire, mais la grille vous aide vraiment. Il fournit un certain équilibre de fondation, et en fait, idéalement, vous devez commencer votre conception avec la grille. Cependant, choisir une bonne grille est également une tâche assez difficile et difficile, je dirais donc je suppose que vous pouvez commencer à partir de laquelle d'autres vous voulez, puis ajuster puis créer, convenu et puis peut-être ajuster le grille. Donc, il est souvent sur le processus itératif. Et ça marche bien avec d'autres principes de conception clés,
tels que la proximité, la composition et le contraste. Et ça marche bien avec d'autres principes de conception clés, C' est donc le typique 12 colonnes Grateful Web, que beaucoup de sites Web utilisent. Je dirais que c'est la grille la plus populaire sur le Web. Je voudrais vous donner un exemple du site Web Grid System, qui utilise en fait le système de grille, vous savez, comme annoncé. Il est basé sur les principes que Joseph Miller Portman a représentés dans son livre The Grid Systems, Et c'est le livre que je peux fortement recommander si vous voulez plonger plus profondément dans ce sujet. Voici donc à quoi ressemble le site Web comme il est quand vous y allez. C' est à ça qu'il ressemble avec juste une grille verticale. Comme vous pouvez le voir, c'est aussi la grille de la 12e colonne. Chaque élément de la page est en fait aligné sur cette grille, donc, comme vous pouvez le voir à la grille se compose de 12 colonnes et gouttières Entre eux, je suggère que vous utilisiez les multiples de huit pour toutes vos mesures, le partie importante pour la grille que la gouttière entre les colonnes est fixe. Mais la colonne dépend de la largeur de l'écran, parce que souvent sur le Web, nous dio responsive design. Donc, la largeur de la colonne serait en train de changer. J' arriverai à l'exemple de la façon de configurer la grille, euh, plus tard dans cette leçon. Une autre partie de la grille est la grille horizontale. C' est la partie de la grille, qui est assez difficile à mettre en œuvre sur le Web. La clé pour implémenter la grille horizontale sur le Web est d'utiliser des multiples de huit ou multiples sur un certain nombre, et dans ma pratique, c'est généralement étage sont huit pour chaque objet unique sur la page. Donc, si nous parlons des tailles de téléphone, ils devraient être divisés par huit. Si c'est la taille du bouton, la hauteur du bouton, il devrait être divisé par huit. Hum, donc si chaque mesure qui utilise diviser à base de plantes par huit, alors vous pouvez créer ce très joli rythme
horizontal sur la page ainsi que, par
exemple, est fait sur ce site. grille était largement utilisée dans le design suisse au milieu du XXe siècle, et nous pouvons en voir beaucoup dans les affiches de l'époque. Si vous allez aller et Google, si vous allez aller Google pour poster de design suisse, vous pouvez voir beaucoup d'exemples hors des affiches de cette époque et des affiches de notre époque qui ont été inspirées par ces dessins. Ces affiches ont été construites et inspirées par l'utilisation de la grille. Il peut également incliner la grille et, ah, vous pouvez créer une composition dynamique assez intéressante. Donc je vous recommande d'aller et Google pour ce genre d'affiches. Pour obtenir de l'inspiration, je voudrais vous montrer comment configurer la grille en utilisant l'esquisse vers le haut. Tout d'abord, nous allumons la grille en utilisant le bouton Afficher la mise en page. Ensuite, nous allons voir les paramètres de mise en page de la toile. Voici où nos paramètres de mise en page vivent réellement, donc nous avons juste le total avec elle peut être tout à fait un nombre aléatoire pour l'instant, les yeux offset 48 pixels. Dans notre cas, le nombre de colonnes est standard 12. La gouttière avec serait 32 et la colonne avec est ajustée automatiquement. Donc maintenant, nous allons ajuster la largeur totale en conséquence, et nous pouvons ajouter des pousses. Donc, la grande horizontale de la hauteur de la gouttière devrait être de huit pixels, comme nous l'avons discuté précédemment. Alors passons à huit. Et, hum, hauteur
rurale sera de cinq. Donc nous avons ces cases cinq par huit et comme vous pouvez le voir, tout notre texte est bien aligné, fois vertical et horizontal. Si vous n'avez pas de croquis ou pour la boutique ou tout autre outil de conception graphique, vous pouvez, bien
sûr, aller en ligne et y trouver quelque chose. L' un des outils en ligne est la grille modulaire. Et là, vous pouvez configurer tous les paramètres dont vous avez besoin et exporter Hugh Grid comme modèle PM Jeep ou comme modèle de photo show,
ou est-ce une correspondance de transparence ? Alors, c'est ça. Pour la grande partie. Je me rends compte que c'est un sujet assez complexe, et vous avez besoin de la pratique de Teoh et de voir ce qui fonctionne pour vous. Je trouve difficile de trouver un très bon travail, Ingrid. Je vous encourage donc à essayer de trouver la grille qui fonctionne pour vous. Ça a l'air intéressant. Cela crée une bonne dynamique. Essayez Teoh,
expérimentez,
essayez de vous incliner un peu. Essayez Teoh, expérimentez, Il n'a pas besoin de bébé à 90 degrés tout le temps. Je vous souhaite bonne chance avec cela et laissez-moi savoir comment cela se passe et vous voir dans la prochaine leçon.
5. Typographie: dans cette section. Je voudrais parler de la typographie. J' ai décomposé la section typographie en trois leçons parce que je pense qu'il est important d' d'
approfondir le QI stop,
non seulement parce que c'est mon sujet préféré,
mais aussi parce que je pense approfondir le QI stop, non seulement parce que c'est mon sujet préféré, c'est vraiment important. Teoh, euh, apprends à connaître un peu plus de détails sur ce sujet dont on va parler. Qu' est-ce que la typographie ? Ah, hiérarchie en typographie et l'utilisation de l'espace négatif en typographie. Donc ce sont trois, hum, un petit sujet pour cette leçon, et ensuite on va passer à l'utilisation des fonds, et ensuite on va monter un peu et parler de guillemets, tirets et plus encore. Bon, alors qu'est-ce que la typographie ? Selon Wikipédia, c'est l'art et la technique d'organiser le type pour rendre le langage écrit lisible,
lisible et attrayant lorsqu'il est affiché. Et comme il peut le voir, ça n'a rien à voir. Et il ne mentionne pas le choix des polices. Les fonds sont importants, mais ils sont, à mon avis, un peu plus secondaire aux autres règles de typographie ou d'autres choses que vous devez prendre en compte avant de choisir le téléphone également typographie appliquée à la style, disposition et apparence des lettres, des chiffres et des symboles. Vous pouvez passer de la typographie moqueuse. Donc c'est quand vous choisissez les téléphones. Vous, euh, pensez à la hiérarchie de votre texte pour utiliser l'espace blanc. Vous pensez à la mise en page. On passe des grandes choses aux petites choses à la micro-typographie. Lorsque vous pensez à l'espacement entre les lettres et certains mots, ou entre les mots d'une phrase, lorsque vous concevez la mise en page d'un livre, c'est un nouveau sont dans une certaine mesure. Mais je dirais que c'est surtout un métier, vous savez, certaines règles, et vous les pratiquez. Tu commences à remarquer, euh, la différence entre le bon texte et la chauve-souris, Tex. Et je ne dis pas que je suis un expert ici, mais je suis vraiment passionné par ce sujet, et j'aimerais vraiment partager certaines des choses que je sais à ce sujet avec vous. D' accord. C' est pourquoi je pense que la typographie est l'une des compétences les plus importantes et cruciales pour le designer Oliver droit. Einstein affirme que 95% des designers typographie, Alors pourquoi est-ce ? Selon lui, 95% de tout le contenu sur le Web est du texte, qui signifie que ce texte doit être conçu, qui signifie typographie, et j'aime vraiment cette idée. Pour être un bon designer, vous n'avez pas vraiment besoin de créer des illustrations ou de savoir dessiner des icônes et comment peindre. Tu n'as même pas besoin d'être aussi bon avec la couleur. Mais si vous connaissez les bases de la typographie, cela élèverait déjà beaucoup votre travail. Passons à certains détails et commençons par l'art supérieur et la typographie. Il se rapporte à la façon dont le contenu est présenté dans votre conception, et c'est une définition assez vague. hiérarchie consiste à structurer votre contenu, et sur le Web, vous aurez besoin d'une certaine taille pour le corps du texte. Et par taille, je veux dire la taille de la police, euh, et d'autres éléments au niveau du corps du texte tels que les listes. Et vous aurez besoin de 3 à 4. Dans les rares cas, plus de quatre niveaux hors rubriques, et ce que je propose est le système suivant. Vous prenez X comme taille de police du corps du texte, et dans ce cas, c'est 16 pixels, et je pense que c'est la taille minimale du fonds. C' est la taille minimale du téléphone pour le texte que vous devriez utiliser s'il s'agit d'articles. Je suppose que 16 2024 serait la bonne taille pour le corps du texte, puis augmenter proportionnellement . rubrique trois peut être 1,5 x tête à deux x et 13 x. Je pense que c'est un QI Eurest assez simple qui peut vous aider à structurer votre texte afin qu'il soit assez
bien. Vous pouvez, bien
sûr, jouer avec ces proportions et voir ce qui fonctionne le mieux pour vous. Ici aussi. Comme vous l'avez peut-être remarqué, j'utilise du texte en gras pour les titres. Ce n'est pas non plus nécessaire. Um, quand vous augmentez assez la taille du téléphone, vous pouvez aussi aller avec le poids normal au lieu du boulon. Donc, il n'a pas besoin d'être plus lourd que le texte normal. Je voudrais vous montrer un exemple sur la façon d'utiliser la hiérarchie dans le travail graphique. Ce sont des données, du texte, et à la fin ce sera une affiche. C' est donc les données routières que nous obtenons pour notre affiche. Nous avons des informations sur le lieu et sur la conférence. Comment le mettre dans l'affiche d'une manière agréable, en utilisant presque Onley typographie. Donc, d'abord, nous séparons les informations les unes des autres par une seule ligne vide. Ensuite, nous mélangeons quelques choses autour. On a utilisé Bolt pour souligner un peu le nom de la conférence,
puis un peu plus le nom de la conférence. On a utilisé Bolt pour souligner un peu le nom de la conférence,
puis un peu plus le nom de la conférence. On a utilisé Bolt pour souligner un peu le nom de la conférence,
puis un peu plus le nom de la conférence. On a utilisé Bolt pour souligner un peu le nom de la conférence, Avec une plus grande taille de téléphone, le concepteur a utilisé beaucoup d'espace autour du nom de la conférence et, euh, où et quand ça arrive. Donc, parce que ces deux blocs au milieu sont les plus importants et l'espace blanc crée
en fait un accent sur cette information. Maintenant, le concepteur a bougé certaines choses. Donc, tout d'abord,
ici, elle a fait l'information sur l'université et sur la conférence beaucoup plus petite, et l'a déplacée vers la droite dans la proportion du ratio d'or. Ici, elle a déplacé le nom de la conférence vers la gauche afin qu'elle crée une belle dynamique dans cette composition. Et puis l'étape suivante consiste à mélanger les choses un peu plus, en ajoutant de la couleur mettant fin à certains éléments graphiques. Je peux imaginer qu'entre ces étapes et cette étape, il y a beaucoup d'écart, mais généralement dans le travail de conception, vous avez besoin de Teoh créer beaucoup de versions et beaucoup de modifications jusqu'à ce que vous sortiez, venez avec votre finale design, et surtout si vous avez besoin de Teoh. Parle de ça. Conçu avec d'autres parties prenantes, cet exemple rapide peut vous montrer comment utiliser la hiérarchie dans la typographie pour mettre l'accent sur certaines informations et créer une structure dans votre texte et le suivant. Et le dernier sujet de cette leçon est l'utilisation de l'espace négatif. L' espace négatif place un grand rôle dans l'accent sur certaines choses à l'écran, et il rend vraiment le texte beaucoup plus lisible et respirer à base de plantes. Cet exemple a un
très petit rembourrage autour du texte et des images et de cette citation, sorte que tout rend très difficile la lecture des enjeux. Et ce texte n'est tout simplement pas invitant. Vous ne voulez pas lire ceci parce que c'est tellement étroitement espacé. Cet exemple est un peu meilleur, et ici il y a beaucoup d'espace autour du texte. Un certain parfait, mais il est déjà beaucoup plus facile à lire et beaucoup plus facile à percevoir. Et l'exemple suivant est aux options de deux vues sur les notes Facebook. C' est exactement le même texte ou exactement la même note dans deux mises en page différentes. Ondas Vous pouvez voir celui sur la droite est qu'il n'est pas si mauvais, et vous pouvez voir la hiérarchie, le titre de la note et quelques informations moins importantes dans Gray sur la date publication. Et puis il y a une sorte de citation en italique, puis un paragraphe de texte
, puis une illustration. Ce n'est pas si mauvais, mais l'exemple de droite montre comment il peut être amélioré, et il est largement amélioré avec l'utilisation de l'espace négatif. Donc, vous pouvez voir déjà il y a assez d'espace avant d'arriver au nom de la note, et vous pouvez également voir deuxième similaire, leurs informations sur l'auteur et la date en gris. Mais puis le premier paragraphe. La citation est conçue de telle sorte qu'elle vous invite à la lire. Ça ressemble à une poésie. Eh bien, ce n'est pas le cas, mais bien sûr. Ce n'est pas seulement l'espace négatif, mais ici. L' espace négatif vous invite à lire le texte et à rendre les enjeux beaucoup plus lisibles. Fondamentalement, c'est tout pour cette leçon. Nous avons examiné deux principes importants et la typographie, qui est l'espace négatif dans la hiérarchie. Et je vous encourage vraiment à pratiquer ces choses. Pour essayer Teoh. Nous utilisons plus d'espace au lieu de moins d'espace et voyons à quoi cela ressemble. Et s'il vous plaît contacter pour les commentaires. Si vous en avez besoin, je vous verrai dans la prochaine leçon sur la façon d'utiliser les fonds.
6. Typographie. Utiliser des polices: Donc, dans cette leçon, nous allons parler de la façon d'utiliser les polices. J' ai délibérément retiré tout le sujet de choisir un téléphone parce que c'est assez difficile d'expliquer comment choisir un fonds et comment choisir un bon fonds et ce qui constitue la bonne forme. Si vous souhaitez en savoir plus sur ce sujet sur, Je vous suggère de trouver un cours spécial sur la création d'un téléphone. Et plus vous savez de détails, la façon dont les fonds de Bill plus vous savez, en fait comment en choisir un aujourd'hui. Nous ne parlons pas de ça, mais nous parlons de choses vraiment basiques, donc les fonds peuvent être serif ou certains, monsieur. C' est l'exemple où vous pouvez voir les polices de service serif de ses petites choses comme sur le bord des lettres, ce qui les rend plus lisibles quand il s'agit d'imprimer et les téléphones Sunseri n'ont pas de service, et ce sont les téléphones qui sont beaucoup plus appropriés pour l'écran, surtout parce que vous pouvez les réduire beaucoup. Et la première règle de base ici est que vous pouvez facilement choisir le fonds fils Serra pour le titre et le téléphone Serra pour le texte du corps. Donc, ici, nous avons quelques règles empiriques. L' un d'eux n'a pas fait des fonds similaires, par
exemple, fois en Géorgie. Et la raison en est que l'œil humain trouvera que quelque chose ne va pas. Les fonds doivent être assez différents. Ils pourraient être à Sarah pour les polices San Serif, mais ils devraient être assez différents pour que l'œil humain ne soit pas confondu. En outre, comme je l'ai déjà mentionné, Sun est considéré comme plus approprié pour l'élément U. Donc, lorsque nous concevons une application, qu'il s'agisse d'une application Web ou d'un mobile, il est préférable d'utiliser sur des fonds serif parce qu'ils s'adaptent mieux. Donc, quand vous allez à une très petite police taille le service, ils ont vraiment cessé de fonctionner. Et les téléphones Sunseri fonctionnent beaucoup mieux. Et la troisième année, c'est que Surf veut contemporain ne fonctionnera pas bien pour le
texte de l'article . Donc, malgré le fait que j'ai mentionné que les téléphones Sarah sont beaucoup mieux adaptés à l' impression, vous pouvez également utiliser les téléphones Sarah pour les textes de l'article. Parlons de choisir les téléphones pour la copie corporelle et les titres et entendre ce que je veux dire est
plus que la combinaison et la pertinence de certains téléphones. Tout d'abord, les téléphones
d'affichage sont utilisés pour les en-têtes, et ils ne conviennent pas pour la copie corporelle. Alors, quelles sont les polices d'affichage ? Les téléphones d'affichage sont généralement créés pour être utilisés dans de grandes tailles. Le logo de la croissance de l'entreprise est fait dans ce genre de fonds. Il est probablement, et 100 et lettrage. Mais si vous imaginez quelque chose écrit à la main, cela peut fonctionner assez bien pour le titre. Mais cela ne fonctionne pas vraiment pour le corps du texte. Si le texte entier était écrit dans ce fonds, il sera complètement illisible. Donc, évitez d'utiliser ceux pour le corps du texte dans l'autre sens autour des travaux assez bien, cependant, certaines personnes peuvent trouver cela ennuyeux. Mais je suppose que jusqu'à ce que vous soyez très à l'aise dans le choix des fonds et les combiner, vous devriez être OK avec l'utilisation juste régulière, soi-disant téléphones ennuyeux. Une autre règle empirique est meilleure. Utilisez moins de fonds et achetez moins de téléphones. Je veux dire aussi différents poids avant et styles, donc si vous avez, exemple, à travers différentes tailles de fonds, ce sera trois fonds. Si vous avez un gras, ce sera le quatrième fonds. Si vous avez une italique, ce sera le cinquième fonds. Si vous avez quelque chose de couleur différente, ce serait le sixième mois avant. Donc, moins vous en utilisez, mieux c'est. Il ne doit pas être juste un parce que vous ne pouvez pas créer de hiérarchie avec cela. Hum, mais vous devez le limiter dans une certaine mesure. Donc, il y a une astuce ici si vous pouvez en éliminer un, et la perception de votre texte n'a pas changé, et cela signifie que vous n'en avez pas besoin. En outre, Google a un guide très utile sur le choix des téléphones, donc je vous suggère de l'utiliser et je peux mettre le lien dans la description de la classe. C' est un exemple que j'ai fait pour vous montrer la différence dans l'utilisation du fonds d'affichage pour les en-têtes et pour le corps du texte. Donc San Francisco est écrit dans le fonds appelé Mench. Et comme vous pouvez le voir ici, il n'est utilisé que pour le titre, et dans cet exemple, il est également utilisé pour le corps du texte sur le corps est tellement plus difficile à lire car il est dans toutes les majuscules que l'espacement est beaucoup différent pour le corps texte. Les espaces entre les mots sont trop grands et votre œil s'arrête à chaque espace de ce texte . En ce qui concerne le thème de la façon de combiner des fonds, Google a des suggestions défavorables. Donc, si vous allez à Google polices et que vous choisissez un fonds dans ce cas, par
exemple, nous regardons la bouteille, vous pouvez voir différents fonds avec lesquels sont environ une paire aussi bien . Et ici, vous pouvez également voir les exemples de comment cela ressemblerait, euh puis paire de téléphone. Comment, réellement aider à épargner les téléphones Google plus loin. s'agit donc d'un service distinct, et il y a un site Web appelé Téléphones et utilisation qui présente les belles combinaisons de téléphones qu'il a utilisés dans l'impression et le web. Vous pouvez donc l'utiliser pour vous inspirer. C' est à propos de l'utilisation des fonds. J' espère que vous trouverez ces conseils utiles. Je suis très curieux de voir quel genre de combinaisons amusantes tu trouveras,
et on te verra dans la prochaine leçon quand on parlera de plus de détails
en typographie. Je suis très curieux de voir quel genre de combinaisons amusantes tu trouveras, et on te verra dans la prochaine leçon quand on parlera de plus de détails
7. Typographie. Améliorez vos améliorations !: Donc maintenant on est à la troisième et dernière partie de la section typographique, et je l'appelle « niveler » parce qu'on va parler des
détecteurs importants de la salle à manger Dini . Et nous commençons par des citations. Une chose si importante de savoir que les guillemets ne sont pas des pouces. La police arrête d'utiliser des pouces au lieu de guillemets. Heureusement, um, un logiciel moderne peut en fait remplacer les citations stupides que notre intérêt en fait avec les citations
intelligentes. Et c'est génial. Donc tu n'as pas à penser à ça. Si vous voulez obtenir un peu plus spécifique, vous pouvez même configurer la disposition typographique spéciale pour votre clavier, et je peux fournir le lien ci-dessous si vous êtes intéressé par des choses comme ça. Donc, Inches provenait de l'ancienne machine à écrire mise en place, et il n'y avait pas de guillemets appropriés sur les vieilles machines à écrire. Mais d'une manière ou d'une autre, ils sont passés de machines à écrire à nos claviers actuels, et ils restent là. Quoi qu'il en soit,
il y a des moyens d'obtenir des guillemets appropriés,
et s'il vous plaît, utilisez-les. Quoi qu'il en soit, il y a des moyens d'obtenir des guillemets appropriés, Cependant, ils dépendent en grande partie de la langue, et je peux l'illustrer par un exemple. Eso Ici, nous avons un mot écrit en série lèches, et ici nous avons des guillemets français et les guillemets qui en Russie sont appelés neuf et six parce que,
eh bien, eh bien, ils ressemblent en quelque sorte à des couteaux et six. Et en anglais, les guillemets ressemblent à ceci comme un exemple dans le mot
guillemets simples et doubles . S' il vous plaît les utiliser. Si vous utilisez l'anglais dans votre texte, utilisez ceux en allemand. Ce serait différent en français. Ce serait différent. Veuillez donc vérifier votre langue, quels guillemets sont corrects et le bon exemple est d'utiliser des
guillemets incorrects . Donc, ce sont des centimètres de fait près. Ne les utilise pas, d'accord. Passons aux tirets. Il existe quatre types de trait d'union de la duchesse et de cendres et de cendres et moins. Les 1ers 3 sont évidemment différents en longueur et différents, et l'utiliser aussi bien. La question ici est quelle est la différence entre un cendre moins ? Ils sont de la même longueur, cependant moins est aligné sur le chiffre, qui peut être plus élevé que la lettre moyenne dans la phrase, ce qui ferait apparaître moins un peu plus haut qu'une fin. Ashley dans le texte. C' est la seule différence. Donc, ici, vous pouvez voir le tiret et le tiret ash and am de la police d'Adobe Paramount et évidemment utiliser des traits d'union pour les mots soit. Quand c'est ah, vous devez combiner deux mots, ou si vous avez besoin de diviser un mot en deux lignes. Les tirets Em sont beaucoup utilisés dans la langue russe princesse en anglais. Il est très utilisé, et je pense, parce que nous devrions nous concentrer davantage sur et cendres, qui est un tiret largement utilisé en langue anglaise. Donc, quelques exemples hors où vous devriez utiliser et cendres quand nous parlons de plage de nombres . Les dates sont l'heure que vous utilisez et les cendres sans espace à la fois à droite et à gauche lorsque nous parlons scores ou de résultats de concours, ou lorsque nous devons représenter un conflit, connexion ou une direction. langue est l'une des règles importantes et la typographie est la largeur de la ligne. Et cela dépend vraiment de la petite taille, ce qui
signifie que plus le téléphone devient petit qu'il n'y a sur la ligne. À l'exception des textes courts ou des légendes. La règle de base ici est de 60 à 75 symboles Pauline, et si vous pouvez vous en tenir à environ 60 plutôt que 75, cette lumière montre des exemples de bonne ligne avec laquelle est de 60 à 65 caractères, un
très court et le très long. Et le très long est celui que je vois le plus souvent sur le Web, surtout s'il vous plaît garder un oeil sur cela. Et si vous concevez des articles, vous feriez mieux de coller les 60 à 70 caractères pour comme une autre chose est de laisser ou de hauteur de ligne. La hauteur de la lumière est la distance entre les lignes de base. Une ligne de base est la ligne sur laquelle se trouve le texte, et par là je veux dire toutes les lettres. Ils n'ont pas de dissidents. Tout ce qui pend et la distance entre deux de ces lignes est la ligne. Et la règle empirique pour le Webb est la longueur. La hauteur devrait être d'environ 1,5 tout le corps du texte. Donc, si votre corps de texte est 16, alors la hauteur de la ligne devrait entre avant. Cependant, une autre suggestion, qui facilite les choses à la lumière, est que chaque mesure que vous utilisez doit être divisée Ble par 88 est une sorte de
nombre magique . Ça peut créer un très bon rythme sur ta page. Donc, si vous avez des textes de corps hors 16, votre battage médiatique serait 24 mais si votre corps de texte est 24 votre hauteur de ligne peut être 32 ou 40. Essayez de garder cette heuristique à l'esprit, et si vous utilisez les multiples de huit dans vos conceptions, cela rendra votre vie beaucoup plus facile, car alors vous obtiendrez de belles proportions essentiellement hors des livres. Essayez ça et faites-moi savoir que ça va pour vous. La police n'a jamais justifié le texte sur le Web à moins que vous ne puissiez le mettre sur le Web. C' est possible, mais c'est du travail manuel, et je vous conseille de ne pas y entrer. Alors s'il vous plaît juste de coller l'orteil gauche la ligne sexe. Alors pourquoi justifier si mal au Texas ? Il crée ce qu'on appelle des rivières dans le texte. Donc, de gros morceaux d'espace blanc qui flottent d'un aveugle à l'autre, créant ce qu'on appelle la rivière. Et la mauvaise chose dans les rivières, c'est qu'ils sont essentiellement un très grand espace entre les mots . Donc, votre expérience de lecture se brise vraiment lorsque vous lisez le texte avec de très grands espaces, parce que vous ne le percevez pas comme une phrase. Il nous a perçu des mots séparés, Donc un peu d'alignement c'est comme déjà mentionné. Règle de base. S' il vous plaît, juste de quitter la ligne. La copie du corps. Vous pouvez centrer les en-têtes, les déclarations ou les devis en gras hors de la trajectoire. Tout ne doit pas être à gauche. Certaines choses peuvent être centrées. Mais faites attention, s'il vous plaît. Elle n'a pas envoyé de gros morceaux de texte. Et certains éléments doivent être alignés sur la base de référence. Donc, ici, la ligne de base est affichée en vert. Alignement des éléments de texte sur la ligne de base. Créer de l'ordre en paix. Donc c'est tout pour la section typographique de cette classe. J' espère que ça vous plaira. Je vous encourage vraiment à expérimenter la typographie dans votre travail. S' il vous plaît partager vos travaux avec moi et avec d'autres personnes dans ce cours. Et j'aimerais avoir des nouvelles de vous. se voit dans la leçon suivante.
8. Couleur et imagerie: dans cette leçon. On va parler de l'utilisation de la couleur et de l'imagerie dans vos designs, et je commencerai par la théorie des couleurs. Donc, je voudrais donner quelques conseils rapides sur l'utilisation de la couleur dans vos conceptions. Tout d'abord, les couleurs pourraient être chaudes et froides bordant le vert et le violet. Les neutres servent habituellement par terre. Et, hum, si vous ne savez pas quoi faire ou si vous ne trouvez pas une bonne combinaison de couleurs, textes
noirs et large par terre fonctionne toujours. Il est important de savoir que les couleurs chaudes ont tendance à aller au premier plan et à refroidir dans l'
arrière-plan. Il est important de savoir que les couleurs chaudes ont tendance à aller au premier plan et à refroidir dans l' Donc, par
exemple, s'il a utilisé le jaune de plage comme couleurs de fond, gardez à l'esprit qu'ils sauteraient probablement à votre lecteur. Certaines combinaisons de couleurs fonctionnent vraiment bien. Et je fais référence à des combinaisons de couleurs monochromatiques,
complémentaires,
tragiques et analogues. Et je fais référence à des combinaisons de couleurs monochromatiques, complémentaires, Si vous ne savez pas ce que c'est, j'y arriverai dans une minute. Et s'il vous plaît pensez à l'accessibilité sur sou parler des personnes aveugles de contraste et de couleur . De plus, si vous souhaitez transmettre un sens, veuillez utiliser d'autres moyens que les motifs d'intensité de forme de couleur. Euh, et pour vérifier votre contraste, vous pouvez convertir vos dessins en noir et blanc et voir si ces air sont encore lisibles. Donc, si vous optez pour Google pour le vérificateur de contraste, vous pouvez choisir un outil qui vous aidera à définir si votre texte a suffisamment de contraste ou non . Donc, l'un des outils pour combiner les couleurs est l'outil Adobe color CC adobe color sissy peut
vous aider à trouver une combinaison de couleurs pour votre conception. Vous pouvez choisir un hors de l'harmonie des couleurs, Donc maintenant nous regardons le monochromatique dans la gamme de rouge. Et bien sûr, vous pouvez le changer, et vous pouvez aller dans les bleus ou les verts ou jaunes. Vous pouvez aller à, euh, essayer, et vous pouvez avoir la combinaison de trois couleurs gratuites. Ce sont ceux qui se trouvent sur les côtés opposés du composé du spectre. Ce sont ceux qui sont deux d'entre eux sont proches les uns des autres et puis les nuances C'est fondamentalement, eh bien, différentes nuances d'une couleur. Um, vous pouvez entrer dans votre mode personnalisé, et le 1er 1 était analogue, donc c'est fondamentalement plusieurs nuances dans la route qu'elles sont à côté de l'autre afin que vous puissiez jouer avec cet outil et voir ce qui fonctionne pour vous. C' est donc un outil vraiment cool que je peux recommander. Et en parlant d'Adobe, c'est un exemple d'une très, vraiment mauvaise utilisation de la couleur, donc passer de la couleur à Aikens Aikens est un excellent moyen de représenter des informations lorsque vous n'avez pas le temps ou la possibilité de créer illustrations ou photos. Fondamentalement, Aikens est une représentation schématique sur le concept, et c'est probablement l'une des choses les plus difficiles quand il s'agit de créer Aikens ou trouver Aikens, parce que quand vous avez un concept abstrait, vous devez le représenter avec quelque chose de spécifique avec une image spécifique. Et cela nous amène à l'idée que si vous utilisez des icônes dans les boutons ou quand elles se rapportent à certaines actions, vous devez les utiliser à côté du texte. Donc, les icônes de la diapositive proviennent de l'ensemble de gadgets de la société appelée Dutch Pichon. Et la caractéristique principale de la bonne, a dit
Aiken, est que les Aikens utilisent les mêmes règles et ils utilisent le même style. Donc ici, comme vous pouvez le voir, ils ont tous, euh, une taille similaire. Les largeurs de ligne sont également les mêmes, et le, par
exemple, utilisé les mêmes angles. Ce système crée effectivement ce agréable à l'effet de l'œil de l'imagerie cohérente que poulet en utilisant votre design. Le sujet suivant est les photos et les illustrations. Un mag prêt est un très bon exemple de photos et d'illustrations, et c'est aussi une de mes sources d'inspiration. En fait, en
gros, ce que les illustrations ou les photos conservent de la vôtre. Intérêt pour l'attention. Ils créent une structure visuelle pour l'information et les liens sur la page, et ils communiquent ou expliquent visuellement des idées. Mais s'il
vous plaît, vous plaît, en gardant le contraste entre le texte et la couleur de fond. Parce que si vous utilisez une image comme arrière-plan et si c'est une photo sombre et que vous utilisez du texte très sombre et que le texte devient illisible, un bon exemple d'utilisation de photos dans la conception Web est le site Web Apple. Ils utilisent toujours les images époustouflantes pour leurs produits qui les rendent si attrayants. Et chaque fois que j'y vais, je veux juste acheter tous leurs produits. Um, eh bien, Media 26 est une très bonne vitrine des vues des illustrations et du Web design, et aussi les illustrations des gens sont vraiment à la mode de nos jours, et ce site web met en évidence la force que je aimerait terminer cette leçon avec certaines choses à se réveiller. Donc, tout d'abord, essayez de ne pas utiliser de gros fichiers qui au temps de chargement de la page. Euh, essayez de faire un temps de chargement de page en cinq secondes. Si vous devez vraiment utiliser de grandes images, vous devez trouver un orteil de mécanisme, les
charger d'une manière agréable. Ils existent aussi. Hum, si vous n'avez pas une bonne palette de couleurs ou que les combinaisons de vos couleurs sont vraiment bizarres. S' ils ne suivent aucune règle, alors vous devriez probablement l'abandonner et essayer de chercher autre chose. Et la troisième chose est la mauvaise résolution pour les images. Et ici, je fais référence à des images plus basse résolution parce qu'elles deviennent vraiment floues, en particulier sur les écrans très haute densité comme un écran de rétine. C' est pour l'utilisation des couleurs et des blessures dans la conception, s'il vous plaît trouver quelques superbes illustrations ou Aikens ou photos. Utilisez-les dans votre projet et partagez-les avec moi et vos pairs. Rendez-vous dans la prochaine leçon
9. Tendances - Mise à jour 2021: Dans cette section, nous allons parler des tendances. Une chose à noter sur les tendances, qu'il est important de savoir quel but elles servent. Si cela ne vous aide pas à atteindre votre objectif avec des conceptions, vous devriez probablement le laisser tomber. Alors pourquoi utiliser les tendances en premier lieu ? Eh bien, tu n'as pas à le faire. Pour moi, les tendances montrent que vous savez ce qui se passe sur le terrain. Et comme souvent, les tendances reflètent ce qui se passe dans la société, vous suivez aussi ce qui se passe dans la société. Si votre public cible sont des jeunes qui suivent également les dernières tendances, le Wiley fait des gadgets, ils suivent la mode. Ils suivent l'exemple des problèmes sociaux. Vous feriez appel à votre public en suivant ces tendances. Très bien, assez pour le raisonnement. Passons aux tendances réelles. Pour cette section, j'ai rassemblé 10 tendances que j'ai trouvées plus utiles et plus réalisables dans votre travail. Et deux d'entre eux sont des tendances Instagram. Ils sont à la fin. Alors commençons. Le premier est le mode sombre. Après que Apple a introduit le mode sombre sur Mac OS, il est devenu très populaire également sur le web. Et il est logique parce que si vous voulez consommer du contenu, disons lire un article tard dans la nuit. La tension sur la glace est beaucoup plus faible. Il a utilisé un mode sombre. La tendance suivante est une mise en page symétrique. C' est la tendance que j'ai déjà couverte avant. Et il est toujours là asymétriquement out, briser la structure traditionnelle de la grille et créer une dynamique visuelle agréable. Afin de l'appliquer correctement. Tu devrais t'entraîner beaucoup. Et tout d'abord, vous devriez savoir comment fonctionne la grille. La troisième tendance est les gradients. Je l'ai aussi couvert avant, mais les gradients sont toujours là. Ils sont tendance de longue durée. Dans cet exemple, vous pouvez voir un dégradé de duotone, donc il est violet et rose. Cependant, vous pouvez utiliser n'importe quel type de couleurs. Et les gradients pourraient aussi être plus ou moins subtils si vous le souhaitez. arrière-plans de pasteur, qui 'll arrière-plans sont également très populaires ces jours-ci. Si vous êtes fatigué du blanc ou si vous pensez que le blanc est trop ennuyeux, vous pouvez ajouter une légère touche de couleur comme fond pastel. Flou et grain. Apprendre grain sont probablement les seuls exemples des tendances que j'ai vu plus dans le design graphique plutôt que sur le web. Par conséquent, ici vous pouvez voir deux pasteurs comme exemples. Ils apparaissent également sur le web, et je les ai vus sur Instagram aussi assez souvent. flou fonctionne assez bien avec le texte parce que vous pouvez combiner les couleurs de la façon qu'elles sont très
belles ensemble et il y a assez de contraste et l'arrière-plan pourrait être beaucoup plus intéressant que la simple couleur. Et quand il s'agit de grain, il crée également une certaine humeur ou certain effet visuel que vous voudrez peut-être évoquer dans votre travail. La suivante est les rendus 3D et les illustrations. Eh bien, la 3D a déjà été une tendance assez longue, à l'exception de cette année. C' est une combinaison de design à carreaux et d'images 3D. Dans cette image, vous voyez la combinaison du rendu 3D et d'une illustration. Je suppose que la tablette est rendue en 3D et les autres objets sont des illustrations 3D. Et bien sûr, vous le voyez en combinaison avec le design plat. Un autre bon exemple de combinaison de conception 3D et plat est un magasin de détail. Certains magasins utilisent les rendus 3D au lieu de la photographie pour mieux mettre en valeur les caractéristiques du produit. La suivante est une tendance topographique. Les polices sans serif sont de retour et ils créent ce look sophistiqué classique qui peut élever et bénéficier n'importe quel design. La prochaine tendance est la représentation authentique. Une représentation authentique dans la photographie et l'illustration montre la diversité, la variété des personnes, les
âges, les milieux, les formes, tailles et la couleur de la peau. Et les deux dernières tendances, les tracts Instagram. Le premier est les citations de conception. Ici, vous pouvez voir que vous pouvez utiliser soit un fond de couleur unie ou vous pouvez le pimenter avec d'autres éléments pour concevoir une citation, vous pouvez utiliser cette tendance pour créer réellement un carrousel avec du texte ou des images ou un combinateur, les
deux afin de créer plus d'engagement pour votre flux Instagram. Et en utilisant cette tendance, vous pouvez combiner des citations et des photos pour créer une histoire ou un tutoriel gradué ou une recette. Et la dernière tendance pour cette section est le flux de couleur bloqué. Le principe principal du bloc de couleurs est de combiner différentes couleurs et teintes. Dans cet exemple, vous pouvez voir des versions de celui-ci. Vous pouvez utiliser une couleur bleue sur la gauche. Et puis vous le combinez avec des neutres. Et sur la droite, vous voyez cette turquoise combinée avec du rose chaud. Vous pouvez l'utiliser, par exemple, pour une partie de vos pieds. Donc, il n'a pas besoin d'être tout ce que vous postez dans ces deux ou trois couleurs. Vous pouvez définir une règle pour vous-même. Par exemple, neuf images que je poste seraient dans cette combinaison de couleurs, puis la suivante serait dans une autre combinaison de couleurs. Vous pouvez également créer une sorte de dégradé. Ainsi, par exemple, si vous utilisez ce turquoise et rose pour neuf photos que les neuf autres photos pourraient être en vert et rouge. Et puis ce que les gens vont faire défiler votre flux. Ils pourraient voir ce beau dégradé de couleur changer pendant qu'ils défilent. En ce qui concerne les tendances, vous n'avez pas à toutes les utiliser. Vous pouvez essayer 12 ou trois, les
combiner et voir ce qui fonctionne pour vous. Donc c'est tout pour la transaction. Passons à la suivante.
10. Inspiration et conseils: Voici notre dernière et l'une des leçons les plus excitantes de la classe. L' inspiration que nous commençons avec intérêt Interest est une plate-forme avec des photographies, et il peut trouver l'inspiration dans pratiquement tous les domaines de la vie. Il suffit de taper un terme dans la zone de recherche et vous avez confiné. Ah, beaucoup de photos qui peuvent vous donner des idées. L' inspiration. Les sources suivantes. Dribble Dribble est une plateforme populaire parmi les designers où ils mettent en valeur leur travail. À mon avis, ce travail est principalement conceptuel, mais ces concepts peuvent en fait vous inciter à créer quelque chose d'excitant qui peut être mis en œuvre dans la vie réelle. Pire est le site Web qui présente le meilleur design Web au monde. Et, par
exemple, ils ont le côté de la section de la journée afin que vous puissiez le consulter tous les jours pour trouver de nouveaux
sites Web inspirants . maison de bal de 100 ans. C' est le projet qui est dédié à 100 ans de Ball House commence des expériences d'action . C' est le site des statistiques. AKI, qui crée certaines expériences avec la grille et avec le design visuel et
celui-ci particulier sur les systèmes de grille dynamique, est une expérience vraiment cool. Bien sûr, nous allons, chaque concepteur débutant demande, Comment puis-je aller mieux. Et, euh, je suppose que plus tu apprends, plus tu te rends compte à quel point tu ne sais pas encore. Il y a donc toujours place à l'amélioration. Donc, je voudrais donner quelques conseils où vous pouvez vous inspirer et où vous pouvez apprendre. Tout d'abord, apprendre de l'art. Allez dans les musées, explorez des expositions. Il y a beaucoup de choses qui ont déjà été faites qui peuvent vous inspirer, regarder des films et étudier les couleurs et les films. Ou vous pouvez également étudier la composition. Dans les films. Vous pouvez également étudier le mouvement des films. Vous pouvez étudier la couleur et la composition en grande photographie. Vous pouvez suivre les photographes en ligne. Vous pouvez aller à des expositions de photographie, et je suppose que la photographie est une source d'inspiration et de connaissances vraiment infinies pour les designers. Une autre source d'inspiration est l'architecture. Euh, cela peut vous aider à comprendre la composition et les proportions. Donc, en gros, chaque fois que vous sortez pour faire une promenade, vous pouvez regarder les bâtiments et vous pouvez essayer de comprendre quel genre de règles ont été utilisées pour créer un bâtiment ou un autre et simplement sortir en général et regarder autour de vous. Vous n'avez pas à regarder les bâtiments. Si vous ne voulez pas, vous pouvez regarder tout autour de vous. Vous pouvez regarder la façon dont les gens s'habillent, la façon dont ils combinent les couleurs et la façon dont ils peuvent créer des proportions. Vous pouvez regarder les véhicules, les vélos, les voitures. Hey, peut regarder une abridges ou autre construction d'ingénierie tout autour de vous, surtout. La nature peut vous inspirer et vous apprendre quelque chose sur le design. Une autre façon d'apprendre est la construction. Si vous aimez la conception d'une page Web particulière ou d'un boaster, essayez de le copier. Essayez de comprendre comment cela fonctionne, comment il a été construit. Si vous pouvez recréer et amorcer ce qui rend ce design si grand, cela améliorera vos connaissances dans votre niveau de conception aussi. Et le dernier si j'ai son exposition, plus vous êtes exposé à de grands exemples de design où il y a une grande utilisation de la couleur ou de la typographie ou de
la grille ou des compositions, mieux vous obtenez un design. Vous vous développez plus loin et vous développez votre goût. J' espère que vous vous êtes inspiré par ces exemples. J' espère que vous aimez cette classe et à bientôt
11. Résumé: Alors c'est ça, les gars. Dans ce cours de conception visuelle, nous avons couvert des principes et des règles très importants, tels que l'utilisation de la typographie de grille, des images
en couleur et des espaces blancs appliqués par poulet pour créer votre propre
contenu visuellement époustouflant . Faites-moi savoir comment cela se passe en termes de travail sur votre projet de classe ou d'autres projets. Si vous avez besoin d'aide pour obtenir des commentaires sur votre travail, je suis toujours heureux de vous aider. Veuillez montrer ce cours si vous l'avez aimé. Donnez-moi quelques commentaires. J' adorerais entendre parler de vous.