Conception visuelle pour les concepteurs et les développeurs d'interface utilisateur web → Devenir meilleur dans le domaine de la conception

1. Quel cours vous portera ?: Bonjour, tout le monde. Il s'agit d'un cours de design visuel pour vous. Pourquoi les concepteurs, concepteurs Web, développeurs ou tous les mendiants qui viennent de commencer leur conception Maintenant pourquoi j'ai créé ce cours. J' ai vu beaucoup de choses sur mes étudiants ou pas de mademoiselle. Les concepteurs sont de plus grands designers qui font les mêmes erreurs de conception encore et encore, et l'impression que quelque chose manque dans leur conception ou leurs conceptions semble très fait. Voilà donc le problème majeur, que je me suis efforcé d'éliminer dans les écoles. Donc, à l'intérieur des écoles, je vais vous montrer beaucoup de mon processus. Mes techniques, mes décisions de conception, pourquoi et comment je crée et formule sont conçues à partir d'un modèle de conception de niveau bloc à notre couleur ou à notre conception finale. Et à la fin, comment je présente ce design en utilisant plus de tasses afin que vous apprendrez beaucoup de techniques de conception visuelle de base . Vous pouvez appliquer à votre conception dans vos conceptions Web, dans votre application mobile, designs ou même dans votre image de marque. Donc, si vous êtes un plus grand, vous êtes un développeur ou vous êtes juste intéressé par l'amélioration de vos compétences en conception. Vous pouvez prendre ce cours et j'espère vous voir bientôt et aimer voir votre projet. Il y a un projet à l'intérieur de ce verre que vous allez soumettre, alors commençons et concevons quelque chose de génial. 2. Point focalisé de chaque conception: tous les designs dans le monde. Il a un point focal maintenant. Ce que le point focal signifie est que chaque fois que vous regardez n'importe quel design, ce soit l'image de marque, design, ah, conception du logo sont un gardien de visite ou un magazine sur chaque page de chaque section, sur chacun un pièce hors conception, vous trouverez un point focal. Donc, chaque fois que vous voyez un dessin pour la première fois que vos yeux vont frapper une zone ou vous allez attirer, nous regardons cette zone qui est le point focal de cette conception. Donc, chaque fois que vous concevez de ah à l'envers, par le maïs ou une publicité de magazine, vous devez garder cela à l'esprit que là où vous voulez que vos utilisateurs regardent en premier. Donc, cet article va être le point central de votre conception. Maintenant, une fois que vous aurez calculé que ce sera un point focal, tout le reste appuiera ce point focal. Donc, vous allez tout concevoir autour de ce point focal. Donc, le point focal, ou la moyenne que vous pouvez dire que la zone principale de votre conception va attirer l'attention l'utilisateur, donc son but principal est d'attirer l'attention de l'utilisateur et de soutenir son flux. Donc, une fois que vous regardez une chose que vos yeux vont couler vers la chose suivante et la chose suivante donc c'est comment vous contrôlez la grippe hors des yeux de votre utilisateur. C' est donc un conseil très important dans la conception. Maintenant, vous êtes le concepteur et vous devez guider vos utilisateurs yeux orteil le point focal, puis au point suivant. Donc point focal, puis orteil le point focal suivant et orteil le troisième point focal, et ainsi de suite et ainsi de suite. Donc, en fait, ce que vous essayez de faire est que vous voulez votre orteil utilisateur, lisez notre acte d'une manière spécifique. Vous souhaitez que l'utilisateur effectue ces étapes 123 et vous devez les définir dans votre conception. Vous allez utiliser des couleurs. Vous alliez utiliser un espace blanc ou un espace négatif pour guider les yeux des utilisateurs vers le point focal, puis vers le point focal suivant, puis vers le prochain livre, point focal. Il y aura donc des différences dans le point focal. Il y aura toujours juste un point focal majeur alors le prochain est un peu vous pouvez dire pas si important comme le 1er 1 et puis le 3ème 1 ne sera pas aussi important. Donc, le point le plus important n'est qu'un point focal. Maintenant, je vais vous montrer quelques exemples pour illustrer notre concept. Eso Voyons quelques exemples. Maintenant, vous pouvez voir que c'est un site web et je l'ai trouvé sur un bar. Starcom Liberal tonique ou calme Royaume-Uni Et il s'agit de la violence, écouteurs et des violistes produits. Et vous pouvez voir leur mise au point est plus sur l'image sur la droite où le sujet se tient sur cet appareil ah ou varier cet appareil de sorte que vous pouvez voir toutes les couleurs sont en pierre orange et seulement vous pouvez voir que le noir est le casque sont en noir. C' est ainsi qu'ils vont là-bas, montrant l'importance du côté gauche. Vous pouvez voir que le titre est sur la gauche. La confiance pour se démarquer de la musique portable. Donc, chaque fois que je regarde pour la première fois cette page, la première chose que je vois est cette image. Alors je vois cette rubrique. Et puis je vois cette musique portable. Donc, tous ces produits sont sur le côté gauche et le côté droit des produits. Et ce sont des éléments de soutien. Ils ne sont pas si gros. Ils sont au nord, aussi colorés, comme ces images. Donc c'est comme ça que vous concevez réellement sur l'accent autour de quelque chose pour que vous puissiez voir ici. L' accent est mis sur ce texte. Donc, il y a beaucoup d'espace blanc autour, et l'espace vice va créer un peu de concentration. Par ici. C' est le but de l'espace de combat. Ici, vous pouvez voir qu'ils mettent en évidence leur produit juste un produit et le fond pâle et beaucoup d' espace blanc ou d'espace négatif, comme nous l'appelons. Et vous pouvez voir ici nous avons sur le bouton. C' est le guide des orteils comme celui-ci. Ne voyez pas. Et pour Donc, voici comment ce sont les étapes de point focal sur. C' est comme ça que nos yeux se déplacent. Voyons donc un autre exemple Ici, vous pouvez voir que l'accent est mis sur cette image de produit à nouveau que celui-ci. bio Chocolat noirbio. Donc, dans quatre et cinq secondes, je saurai que c'est du chocolat bio et c'est 100 % biologique ou quelque chose comme ça. quatre et cinq secondes, je saurai que c'est du chocolat bio et c'est Donc, ici encore, vous pouvez voir une grande utilisation hors couleurs, juste le produit de titre et le magasin. Donc pas trop d'encombrement, beaucoup d'espace pour la femme. Et c'est un excellent exemple. Un autre est cette bande et c'est une nouvelle norme dans les paiements en ligne, système de paiement en ligne. Et là encore, l'accent est mis sur cette rubrique. Donc, chaque fois que je viens d'abord sur cette page, je vais regarder celle-ci. Ensuite, je vais voir le manque de stock du personnel, de art et d'autres choses. Alors aussi celui-ci est très important ou lui de sorte que vous pouvez voir toute la page ici sur cette couleur. L' écran est totalement différent de tout cela. Donc, le fond est bleu. Tout est blanc et bleu. Juste ce compte de création est vert. Donc, cela est appelé bouton d'appel à l'action. Et c'est pourquoi c'est essentiellement le point focal ici. Donc un et 21 et ainsi déplacer votre oeil de cette tête orteil ce bouton. Ok, donc c'est Walmart. Un autre exemple Ici, vous pouvez voir l'accent est sur cette année ici. Et aussi ces images plus grandes. Je ne sais pas pourquoi ils ont enlevé la couleur de la barre. Donc, si nous descendons, vous pouvez voir que cette barre est fondamentalement le point focal le plus important de ce site. J' aimerais vraiment que même dans cet état, ils aient une barre complète ici pour le séparer du reste des sections. Eso il peut être facilement. Vous pouvez dire facilement Cliquer par les yeux et cueillir par les yeux et ensuite voir celui-ci. Ok, donc il s'agit d'une page de produit de Elektronik Samsung et vous pouvez voir ou entendre entendre entendre entendre entendre. Le point focal principal de base est l'écran Samsung car il est coloré et a beaucoup de couleurs off . Ensuite, sur la droite, c'est le plus grand 112 et trois. Ce sont donc les trois choses les plus importantes. C' est le plus romain et puis c'est le deuxième plus important. C' est un fatigué, le plus important. C' est comme ça que vous allez concevoir et ah, vous savez im guider les yeux de vos utilisateurs. Non, voyons des de dessinsde marque. Maintenant, vous pouvez voir ici, nous avons Ce logo est le plus important frais généraux. Et cette dune n'a pas guidé et ah, guide Stone. Quelque chose comme ça. Je ne suis pas sûr de ce que sont ces choses ? Mais vous pouvez voir ici sur le logo est la partie la plus importante ici et puis cette rubrique. Donc je ne suis pas sûr de ce que c'est, mais ça a l'air génial. Voyons ces exemples. Ici, nous avons un autre mouvement de marque de design. Les graphiques apparaissent, et vous pouvez voir ici sur cette page, le point le plus focal est cette image, et ensuite, vos yeux vont se déplacer vers cette rubrique. Donc c'est comme ça que nous allons nous rapporter. La femme va reconstruire le monde. Donc je pense qu'il s'agit de femmes et de femmes dérangeantes. Quelque chose comme ça. Là encore, nous avons quelque chose comme ça ici encore. La première chose est ceci Le plus important est que cela a rejoint la révolution humanitaire, et la suivante est cette image. Pour que vous puissiez voir. Um, c'est plus important là-dessus parce que les couleurs sont trop sombres et c'est un peu clair , comme une couleur partagée dans l'image. Donc c'est comme ça que ça marche. Suivant. vois un autre ? Euh, enfermez-les la tempête. Étrange. Et vous pouvez voir que c'est une sorte de magazine et encore une fois vous pouvez voir ici nous avons différents arrangements pour les images et la mise en page, mais la première chose que vous allez remarquer est que ce contenu continue. Est-ce que je pense que c'est du contenu ? Peut-être et je pense que c'est français, donc je ne comprends pas grand-chose, mais c'est ainsi que vous utilisez les points focaux dans votre conception. De même, ici vous pouvez voir le plus important est cette image, car il a beaucoup d'espace blanc autour d'elle, et puis encore une fois, les images ont beaucoup de couleurs. Ensuite, la prochaine chose que vous remarquez sur cette conception est cette rubrique aérienne. C' est donc très important. Le 3ème 1 est le bouc des neiges et voyez, ce sont les trois choses les plus importantes ici. Encore une fois, vous pouvez voir ou entendre l'image très proéminente et le texte de la même manière ici, ceux-ci sont proéminents à l'intérieur. La première chose que vous allez remarquer les titres d'Artie, donc c' est comment vous utilisez le point focal et utilisez cet orteil. Souligner et guider vos utilisateurs yeux et donner certaines choses importantes et plus grandes que les autres choses. J' espère que vous avez apprécié cette leçon. Si vous avez des questions à me poser, passons à la leçon suivante 3. Utiliser des lignes et courbes et formes dans le design: ce qu'ils ont été conçus pour voir dans ce monde. Ils sont tous faits à partir de lignes, quelques courbes et formes, de navires de base. Ainsi, chaque fois que vous commencez à dessiner quelque chose ou que vous commencez à concevoir quelque chose, vous allez utiliser les formes de base, les courbes et la ligne. Donc, la ligne est fondamentalement droite d'un point à un autre point. courbes sont un peu incurvées ou inclinées, ou quelque chose comme ça, et les formes sont essentiellement rectangulaires, étoiles triangulaires et ah votre, ah, cercle ou lèvres. Donc ce sont toutes les choses qu'il y a. Vous allez les utiliser dans vos conceptions pour améliorer votre design si vous avez. Vous pouvez les utiliser de différentes manières. Je vais vous montrer beaucoup d'exemples. Voyons plus sur ces lignes, courbes et formes. Maintenant, il y a quelque chose de plus sur ces lignes et ces formes. Donc, si vous concevez pour la société Enfants vos vêtements enfants ou deux fois marque, alors les lignes que vous allez utiliser dans vos conceptions. Ils ne vont pas être très droits et avoir beaucoup de coins, donc les formes et les lignes vont être changées en fonction de votre logo et de l' équipe de votre design Donc, par exemple, si vous votre design est sur la base de ces trois mots clés comme force, liberté et Morgan, que pensez-vous que vous allez utiliser ? Allez-vous utiliser overs sont des ellipses ou vous allez utiliser des lignes très droites ou quelque chose comme ça ? C' est ainsi que vous allez façonner vos designs, donc en utilisant différentes formes en fonction de votre équipe et aussi ils peuvent être utilisés différentes manières. Je vais vous montrer différents exemples, alors ouvrez votre esprit sur l'utilisation de ces lignes et formes dans vos designs. Voyons donc quelques exemples. Ceci est un site web rayé. Nous l'avons vu dans des exemples précédents et vous pouvez voir sur lui que nous avons ici une forme. C' est la forme de type Bill autour de ce type aussi le type d'enchère à utiliser ici. Ensuite, nous avons des rectangles arrondis ici et vous pouvez voir que seuls les rectangles peuvent être vus dans beaucoup de formes par ici, ou vous pouvez voir sur la droite ce manque là. Mais il est aussi des coins arrondis. Celui-ci faire et toutes ces images qu'ils utilisent des coins arrondis. Donc, c'est essentiellement toute l'équipe. Ils utilisent beaucoup de dérision dans ce design. Maintenant, si vous voyez ici, vous pouvez voir que c'est aussi une autre forme. Ceci est une ligne qui est inclinée autour de cet en-tête Cette zone bleue, il n'est pas très carré. Donc ils l'utilisent pour créer un certain intérêt ici. Donc c'est une autre utilisation hors des lignes. Ligne inclinée. Et si on va par ici, tu pourras le voir encore. Vous verrez une ligne séparée sa ligne à nouveau et plus bas ici pour vous montrer certaines des choses comme les icônes ici. Ellipse encore une fois nous avons la ligne oblique, Cette section Vous pouvez voir comment ils utilisent différentes formes. Donc, c'est fondamentalement une ligne oblique qui fait différentes sections. Ils étaient encore là au fond par ici. Une ligne séparée pour séparer ceux-ci de ce bas un à nouveau une ligne 10 entre une ligne 10 à travers et vous pouvez voir si je me déplace ici. Ce bouton a à nouveau le même coin, les mêmes formes. Ce sont des illustrations ont également des coins arrondis. Vous pouvez voir qu'ils ne sont pas carrés. C' est ainsi que toute l'équipe est construite. Ils ont donc pris cela et l'ont appliqué à là, tous conçus pour tous les éléments. Ok, donc ici Walmart, vous pouvez voir ou entendre. Les lignes ne sont pas très sinueuses. C' est droit. Encore une fois, c'est une ligne droite. Ceci est une section droite ligne droite pour souligner cette section. On est là. Vous pouvez voir ici que nous avons encore. Laisse-moi te montrer. C' est un bouton arrondi, séparateur de ligne droite ici. Cette ligne 10 que vous pouvez voir ici à nouveau. Ce sont un peu des lignes ennuyées et ah, encore une fois, une ligne 10. Quand on clique dessus, il devient à Boulder. Aussi. Vous pouvez voir ça correspond avec le sommet qui se dirige ici. Vous pouvez voir cette telle barre, et ce style est presque le même. Et c'est ainsi que vous façonnez votre design. En utilisant différentes formes, lignes. Il y a beaucoup d'utilisations hors ligne. Ok, donc ce, euh, ce projet est totalement différent, c'est de la charité pour les enfants, je pense. Et ici, vous pouvez voir, les lignes sont tout à fait différemment. Les quatre styles, les lignes derrière eux, les lignes pointillées, ils ressemblent maintenant, par ici. Vous pouvez voir si vous je regarde de près ce Ah, souligner n'importe quel lien que vous pouvez voir. C' est un marqueur, Andrea. Lignes pilotées par des marqueurs. C' est ça. On dirait qu'un gamin a mis une ligne en dessous. De même, Ici, ils utilisent des lignes de curry courbe. Lignes orteil créer de l'intérêt. Donc, c'est encore une fois que vous pouvez voir la ligne brossée sur toute cette zone de la ligne de découverte. Donc, pour créer un peu d'intérêt afin de nouveau vous pouvez voir 100 coins, lignes sinueuses, une forme, forme dure. Il est utilisé à nouveau, deux ou trois fois, dans cette conception. Et c'est comme ça que tout le design est baisé, alors aussi, vous pouvez voir la forme de ça. Vous pouvez voir la même forme sur ce canapé. Il est presque similaire à ce fardeau. Donc, c'est ainsi qu'ils ont utilisé différents éléments dans la conception à nouveau, est un autre site Um très 10 lignes ont été habituelles ici dans différentes sections. Laisse-moi te montrer ici. 10 lignes, 10 lignes, 10 lignes pour dissimuler ce que ici dans la tête arrondie pilule rectangulaire en forme de telle barre bouton en forme de cloche . Et vous pouvez voir comment cela sonnait. La rondeur vient de ce logo. Vous pouvez voir leur paquet. Tout est différent. Un rectangles arrondis fait ensemble à nouveau. Ces icônes sont aussi restreintes de la même manière que j'ai beaucoup. Ils ont beaucoup de coins arrondis, très 10 lignes. Donc 10 lignes sont essentiellement leur équipe. Ils utilisent 10 lignes très élégantes, même dans les boutons que vous pouvez voir ici. Le Brésil fuit. Je ne suis pas sûr de quelle langue est-ce que c'est. Je pense que c'est polonais et ah, beaucoup hors ligne. Beaucoup hors lignes, beaucoup hors lignes ici encore dans la tête sur la photo, vous pouvez voir si vous regardez de près ici. Il y a une ligne très fine séparant ces deux lignes et c'est un rectangle forme la forme de déversement. C' est pour le soutien. C' est ainsi que c'est tout ce design. Voyons un autre. Il est très récent design chaque amour sur et ici, ils ont utilisé quelques formes, que j'aime vraiment, sorte que vous pouvez voir comment ils ont créé un certain intérêt. Donc ce sont des lignes ondulées. BlueWave ici nous avons Whitewave ici nous avons un vaisseau rond en forme d'étoile et il semble vraiment génial. Voyons d'autres exemples donc il y a bien. Donc vous pouvez voir ici qu'ils ont des déclins. Donc toute l'équipe a beaucoup de lignes technologiques. Vous pouvez voir ici. Par ici, cette terre plus de bouton a décliné qu'ici. C' est un grand déclin avec le déclin avec le déclin et cela est commencé ligne. Donc, c'est comme cela que ces lignes créent juste dans cela sur la conception. De même, vous pouvez voir ou entendre. Il s'agit d'une conception d'application mobile et ces très petites lignes simples qu'ils créent beaucoup d'espace blanc et de créer juste dans ce design une ligne à la ligne trois lignes pour cinq et une ligne courbée ici. Il s'agit de la forme de la courbe. Il est utilisé pour créer un certain intérêt parce que l'ensemble du design est très squish. Donc, créer quelqu'un juste Ils ont utilisé cette ligne de pays et il semble vraiment génial. C' est à partir d'un prélèvement ou vous laisser le plus cher faire. J' utilise leurs pages pour montrer ces dessins. Donc je m'ai obtenu un crédit d'orteil n'importe qui pour que vous puissiez voir ici de la même manière, ici c'est de plusieurs propriétaires. J' avais l'habitude d'y aller et quelques agences de la même manière, celle-ci est de ce type. Carol, elle corne. Ok, donc ça vient de Mika Park, et voici vous pouvez voir que ce design est totalement différent. Les formes des coups de pinceau ont été utilisées ici, plateau de coups de pinceau et ah, c'est ainsi que toute cette équipe a été créée. Donc, vous pouvez voir que j'aime vraiment comment ce pinceau crée juste dans toute cette tête supérieure de la zone. Donc je pense que ce sont, ah, beaucoup d'exemples que vous avez vus maintenant. Et si vous avez des questions à ce sujet en utilisant des lignes et des formes et comment cela va s'intégrer dans votre équipe hors de votre conception, vous pouvez me poser n'importe quelle question à ce sujet. Passons à l'écoute suivante. 4. Couleurs et thème de conception: le plus gros problème que j'ai vu dans beaucoup de concepteurs novices. Un plus grand grand jamais concepteurs est comment utiliser la couleur Saudia. Ils ne savent pas comment utiliser les couleurs dans leurs designs, donc ils parlent simplement à des couleurs aléatoires ou à trois couleurs aléatoires et essaient de les mélanger et de les utiliser pour différents éléments sur leurs designs. C' est la plus grosse cassette que je vais leur donner. Pour commencer sont des avis ou magasin de bigness. Essayez d'utiliser plus de deux couleurs dans votre conception, donc je vais vous montrer beaucoup de techniques. Comment construire votre schéma de couleurs et un peu grand. Un problème est que la plupart des designers américains, surtout les grands concepteurs d'avis de métal, ils ne savent pas que les couleurs ne sont pas indépendantes. Par exemple, si vous utilisez uniquement une couleur bleue ou violette, cela ne signifie pas qu'ils sont indépendants. Ils ont orteil fière allure ensemble, vous devez donc les combiner. Et ce n'est pas vrai pour toutes les couleurs. Chaque couleur est non ne peut être combinée avec aucune autre couleur. Il y a donc quelques règles. Il y a quelques couleurs qui vont bien se passer ensemble. Certains tueurs ne vont pas orteils se sentent trop bien ensemble. Par exemple, si vous allez à la plage, vous voyez une équipe spécifique dans les verts, les salons et les bleus, et le sable est un peu jaune ou gris, quelque chose comme ça. Donc c'est toute une équipe. C' est de la couleur naturelle, complotant ce que Dieu a créé de toute façon. Donc, la règle est que j'ai vu et utilisé est que 60% utilisent trois couleurs. Si vous avez un tueur va être utilisé pour l'arrière-plan. 60% de 30% est le deuxième régulier, qui va être utilisé dans différents domaines hors de votre site, et 10% est le S et la couleur sont une autre couleur, qui va être utilisé avec parcimonie ou très moins dans votre conception. C' est donc la règle de la part des gens qui sont designers d'intérieur. Ils utilisent cette règle pour le schéma des couleurs, donc si vous attendez vos balles, elles seront 60 % de la même couleur. Cela va être beaucoup dans votre chambre que 30%. Peut-être le jusqu'à présent dans votre chambre et le lit dans votre chambre et 10% est le jaune. Par exemple, Si vous avez des oreillers jaunes sur vos lits, ils vont être agir comme couleur étendue ou 10% de couleur. C' est ainsi qu'ils vont construire leur jeu de couleurs. Donc, si vous regardez ma diapositive, vous pouvez voir combien de couleurs j'ai utilisé. Je viens d'utiliser essentiellement faire des tueurs. Ceci est une couleur noire pourpre, glacier propre, livre broché ular. Et en haut, vous pouvez voir que c'est le blucher, blanc et noir. Ce ne sont pas fondamentalement des couleurs qu'ils ne sont pas. Vous pouvez voir qu'ils ne sont pas dans l'énorme. Ils sont juste pas de couleur et ah Ali couleur. C' est ainsi que ce schéma de couleurs est construit. En outre, vous pouvez voir en bas où vous avez vu faire vos conceptions convenues impressionnant. Par Mohammed s et Parise. C' est mon nom. Et c'est aussi Ah, c'est éteint. Tu peux dire Calero gris bleuâtre ici. C' est donc un Ceci est généré à partir de la même couleur bleue. C' est ainsi que ce jeu de couleurs a été généré. Une autre chose est qu'il y a un but sur chaque couleur dans vos jeux de couleurs. Donc, si vous utilisez des couleurs très requin qu'ils peuvent être utilisés comme vos boutons. Ils peuvent être utilisés comme les éléments capables ou attirer l'attention de votre utilisateur. Ensuite, vous pouvez utiliser une autre couleur. Par exemple, sont de couleur bleue terne comme vous pouvez le voir. Quoi ici ? 30 %. Vous pouvez l'utiliser dans certaines zones spécifiques de votre conçu comme la barre supérieure et la barre de navigation supérieure . Peut-être. Et puis nous avons la couleur de combat britannique quelque chose comme ça que je vais utiliser pour l' arrière-plan. Donc, c'est comme ça que vous pouvez construire votre jeu de couleurs ? J' ai montré cet exemple ici. Vous pouvez voir. Ok, maintenant le dernier conseil et qui est le plus importé Astuce. Le conseil le plus important est que commencer à concevoir sans couleurs. Vous allez ajouter les couleurs à la fin. C' est ainsi que j'ai conçu c'est la façon dont beaucoup de designers conçoivent et c'est la bonne façon. Donc, ce que vous allez faire est que vous allez utiliser crée dans votre conception, et à la fin, juste un ex angulaire comme vous pouvez voir ce que ce choléra jaune a utilisé ici. Donc ce jaune sera utilisé pour sont les boutons sont toutes les zones actives de votre conception ou zones interactives de votre design et d'autres vont utiliser pour définir différentes sections et différentes couleurs dans votre conception et tous les autres ces gris ils sont aller orteil montrer un différentes zones de sections de votre conception. Par exemple, ce gris que je vais utiliser pour le logo ce gris que je vais utiliser pour le texte ou la honte, va diriger cette engouement, aller Toby corps texte, et cela va agir comme ma couleur d'arrière-plan. Alors essayez de commencer votre conception avec du gris, il suffit de concevoir dans différentes nuances de gris, puis dans la prochaine itération. Adv sur la couleur à elle. C' est ainsi que vous allez ajouter une couleur que le 2ème 1 et ils vont ressembler à un grand design. Je vais vous montrer beaucoup d'exemples dans la prochaine leçon. Alors passons à autre chose et voyons quelques exemples de l'orteil. Obtenez l'idée de cette couleur, des schémas 5. Exemples de couleurs et de thèmes: voyons quelques exemples pour les fusibles hors couleur et comment il peut être utilisé. Vous pouvez simplement utiliser quelques couleurs comme deux tueurs, et créer votre ou design. C' est donc une page de destination que j'ai récemment créée pour un client. Et vous pouvez voir ici que je n'ai utilisé que quelques lignes et quelques ombres et bleu, et c'est presque alerte noire. Ce sont donc les deux couleurs qui sont les principaux tueurs utilisés partout dans ce design . Donc, ce gris ici, vous pouvez voir qu'il est aussi une grande variation bleue de la même nuculaire. Tout ici et puis si je le déplace vers le haut, vous pouvez voir que c'est encore la deuxième section. C' est un peu bleu pâle. C' était un peu, vous pouvez voir l'attention accrocher huit ans section de cette conception. Alors avons-nous celui-là. C' est de nouveau bleu et noir, bleu et noir. Ce ne sont que quelques couleurs de plus, que je viens de créer à partir de cela à nouveau. Ce bleu et moi avons montré certaines des astuces dans mes autres cours sur la façon de créer différentes couleurs à partir des mêmes couleurs qui vont bien ensemble et Ah, et c'est la seule section où j'ai utilisé ces couleurs. Et puis si on retourne ici, bouton noir, ce sont des clients différents. Et à la fin, vous pouvez voir ici sur les gauchers sont à nouveau les couleurs bleues, ce fond. Ils sont aussi pâle, bleu grisâtre. Donc toute l'équipe utilise juste le bleu et le noir deux couleurs, quelques lignes, quelques ombres, et elles sont dissoutes. C' est ainsi que vous pouvez créer un besoin et un design propre sans utiliser trop de couleurs. Voici un autre exemple que j'ai créé sur 99 concours de design et j'étais dans le finaliste. Mais de toute façon, malheureusement, je ne voulais pas ce concours. Ok, donc ici vous pouvez voir à nouveau. J' utilise ce gris et bleu pour que vous puissiez voir toute cette équipe yeux en utilisant ces couleurs cris et bleues, rien d'autre. Donc, vous pouvez voir comment j'ai créé Ah, design très élégant en utilisant juste simple sont vous pouvez dire deux tueurs. Donc, tout à l'arrière-plan est bleu ou noir et juste une x cheville. C' est donc la couleur la plus importante ici. Vous pouvez voir que j'ai choisi cette couleur d'ici. Vous pouvez voir si vous regardez le logo. Voici comment vous allez obtenir les idées à nouveau. Vous pouvez voir le local pour cela et vous pouvez voir ce téléphone évolué. Ils sont assortis de vêtements de leur très proche. Donc c'est comme ça que nous obtenons des idées et créons des designs impressionnants à la recherche à nouveau, vous pouvez voir ici cette saveur de tabac traditionnelle ah rêve. Il a un peu de texture dessus. J' ai donc utilisé un peu de texture, bébé en arrière-plan, les mêmes couleurs que vous pouvez voir ici. J' ai choisi pour le retour hors travail et cet écran, j'ai choisi pour la saveur mentale juste orteil séparé que sinon tout le reste est bleu et ce bleu vient de leur marque. Vous pouvez voir rêve 1.8 et c'est ainsi que j'ai créé toute cette revue de design et de client. Comme ce design, ils m'ont presque appelé deux fois. Même après cette compétition Waas a pris fin, il a dit que j'ai vraiment aimé ce design et je suis malheureusement sur le client réel qui allait sélectionner sur le PDG de cette société. Il n'a pas choisi ça à la fin, mais l'agence que j'ai créée pour qu'ils aiment vraiment cette idée. Quoi qu'il en soit, voyons un autre exemple. Ok, donc c'est un autre exemple qui est, euh, un autre concours de mes 99 designs dot com. Et ceux-ci sont très vieux. Et malheureusement, je n'ai pas encore gagné dans celui-ci. J' étais en finale, mais je ne pensais pas comment vous pouvez voir ici. J' utilise juste la couleur pourpre et super et noirs pour le glamour parce que c'est, ah, ah, barre de soufflage Bush. Et vous pouvez voir ici que je viens d'utiliser ces patrons de couleur. Je vous ai des mécènes, des arrière-plans, des lignes d'ombre pour mettre l'accent sur différentes sections et zones. Et ici vous pouvez voir à nouveau, la couleur de surbrillance est violet, inversant les couleurs. Cette autre technique que je vous ai montré dans mes autres dessins que ici nous inversons les couleurs et ici nous avons les tueurs réels. C' était le schéma de couleurs. C' est ainsi que j'ai créé toute cette équipe. Voyons d'autres exemples d'autres designers parce que je pense que je suis juste un designer normal . Mon travail n'est pas si bon, Alors voyons des concepteurs expérimentés et plus d'expérience que moi. Donc, ici, nous avons jampp dot com. C' est un autre site web. J' aime vraiment ces tueurs parce que ce sont mes couleurs préférées. Violet. Désolé, Purple. Pas de violet. J' aime ce bleu foncé sont les bleus et les oranges. Donc ce sont deux de mes couleurs préférées et vous pouvez voir comment ils l'ont utilisé. Top ligne violet que ce violet formes ici, les formes bleues et ah, c'est ainsi que le design de la prostituée est utilisé. Ces deux tueurs dans leurs toutes leurs illustrations et quelques nuances hors que pour cela est un briquet. bleu est le même bleu clair de ce courtier plus sombre. J' adore ce site web. C' est haut de gamme et nous adorons ce design. Très simple, très élégant. Juste deux couleurs et différentes nuances hors que cette publication bleu. Donc c'est plus sombre. Ceci est amusant léger sur ce est à nouveau cette grande, grande couleur bleu grisâtre populaire ou ici de sorte que vous pouvez voir en utilisant juste faire des couleurs. Vous pouvez créer des designs incroyables dont vous n'avez pas besoin comme trois, quatre ou cinq couleurs. C' est donc nous allons voir un exemple de plus. J' aime vraiment celle-là. Il est de Denny Petty et le titre est que les chiens devraient être jolis. Et j'adore ça. Comment il a utilisé différents pâturages ici. Le bleu de départ ce bleu proéminent sur le stock sur noir Un peu ici et j'aime vraiment comment ces choses ont été mis en évidence ici avec un peu de couleur bleu pâle en dessous eux. Ah, et ah, c'est une excellente utilisation d'un schéma de couleurs simple pour améliorer votre design entier afin que vous puissiez voir juste ceci est leur couleur primaire ou accentuée. Il s'agit de couleur bleue qui est utilisée pour les sections surlignées ou sélectives ou interactives ce dessin. Ce bleu pâle est utilisé pour mettre en évidence quelques zones qui sont, vous pouvez dire, des zones soulignées, et ce sont encore des liens. Par ici. Ils sont de nouveau en bleu. Donc j'adore ce design. Laisse-moi te montrer un autre cheveu. Ils utilisent seulement deux couleurs l'écran et la mer sur le sable, bleu couleur bleu terne et la maison de bout noir ces couleurs et vous pouvez les voir. Y a-t-il encore différentes illustrations dans l'illustration. Vous êtes juste en train de voir deux couleurs ici, orteil faire des couleurs aux couleurs, et c'est tout pour que vous puissiez voir comment ils utilisent différentes couleurs pour mettre en évidence, comme les emplois. Nous nous cachons, donc si nous cliquons ici. Voyons comment leur métier est répertorié ici. Alors ouvre-toi des emplois. Vous pouvez voir ici qu'ils ont ce projet de loi C sur la couleur bleue et ah, j'ai vraiment aimé cette fois. C' est très audacieux, très unique sur cette couleur de plaque et sur le dessus du noir avec l'écran est vraiment superbe . Voici quelques exemples que je voulais vous montrer. J' espère que vous avez aimé cette leçon et d'accorder les idées sur la façon dont vous pouvez utiliser différentes couleurs . Un autre conseil est que si vous avez un fond plus clair, essayez d'utiliser des couleurs plus foncées sur le dessus de cet orteil, obtenez un peu de contraste comme vous pouvez voir quoi ici. Et si vous avez des arrière-plans plus sombres, vous pouvez voir ici que nous avons des arrière-plans plus sombres. Ils utilisent des couleurs plus claires dessus. Donc, c'est un très fondamentalement, mais j'ai vu beaucoup de designers faire mal. Passons donc à la leçon suivante. Ces leçons sont de plus en plus longues, mais j'espère que vous allez obtenir ah, beaucoup d'améliorations dans vos conceptions en regardant ces exemples et comment je vous explique . Si vous avez des questions à me poser, passons à la leçon suivante 6. Utiliser des conseils et astuces de polices de caractères: Parlons maintenant des visages thaïlandais et de la force que vous utilisez dans votre design. Ils ont, ah, une règle très importante. Ils jouent un rôle très important dans vos conceptions. Maintenant beaucoup de concepteurs, je pense qu'ils ne comprennent pas que Eat Die Phase a des hits propres Weiss, ou vous pouvez dire que c'est propre ton ou propre équipe ou personnalité. Donc, si vous essayez d'utiliser une police de caractères, essayez de la faire correspondre avec l'équipe et la personnalité de votre design. Donc, si vous concevez pour les enfants la force, vous allez utiliser leur aller pour correspondre à cette équipe. Alors voyons ce qu'il y a de plus dans les polices de caractères maintenant ? La première astuce que je donne aux novices ou à tous les concepteurs est de commencer avec un ou deux tiroir de polices de caractères maximum . Essayez d'utiliser trois ou quatre polices de caractères et essayez de les mélanger Donc une police de caractères essayer de sélectionner la seule police de caractères, qui ont beaucoup de styles différents comme Open Sands ou Roberto Roberto ont, comme peut-être 30 40. C' est une très grande famille, et vous pouvez combiner différents styles et créer un beau design. De même, essayez d'utiliser deux polices de caractères différentes orteil obtenir un contraste maintenant vous pouvez voir dans ma conception. Ici vous pouvez voir que j'ai utilisé Rakitic face avant, qui est pour le cap et un autre qui est très élégant, très mince et très grand. Donc vous pouvez voir que ce sont eux. Ils ont un peu de contraste entre eux. De même, chaque fois que vous essayez d'utiliser certaines polices de caractères, elles doivent avoir un certain contraste. Il y a donc tout un cours de ma part sur cette typographie ou cette typographie. Maintenant, la deuxième plongeon que je donne à mes designers est qu'essayer d'utiliser une seule famille de fort face ou essayer d' utiliser seulement deux polices de caractères. Alors n'essayez pas de mélanger comme trois ou quatre parce qu'ils sont difficiles à manipuler et à contrôler. Donc tu veux que je fasse face ? Par exemple, si vous utilisez Roberto ou toute autre police similaire, vous pouvez voir qu'elle a beaucoup de styles différents. Si vous regardez Roberto, il y a Roberto, Roberto, Condensed et Roberto. Je pense que certains tiefest de style cour il y a comme 30 ou 40 forces et styles différents dans Andhra frontière Tiefest Second dip est qui a essayé d'utiliser deux visages différents I pour obtenir un peu contraste. Donc, le contraste peut être utilisé de beaucoup de façons différentes comme prendre et 10 et beaucoup. Je vais aux orteils. Il y a une autre conférence dans la prochaine leçon sur la section suivante sur le contraste. Donc nous allons parler de leur contraste pour que vous puissiez faire des formes San serif et serif . La force, qui a des lignes de tiret sur les coins, est au fond d'eux. C' est ainsi que vous allez commencer à utiliser certaines polices de caractères. Von nain chose est que chaque style quatre a son propre but. Donc, si vous utilisiez Want I face pour les en-têtes, vous allez utiliser la même taille et le même fort pour tous les en-têtes de vos dessins . Si vous utilisez un ford pour body dext ou le texte en cours d'exécution dans votre conception sur le petit texte, vous allez utiliser la même face de cravate pour tout le corps du texte dans votre conception. C' est donc une cassette très importante. Essayez de réparer votre force et essayez de leur donner un but que c'est pour diriger. Ceci est pour le corps du texte. C' est pour cela, c'est pour les boutons. Ok, donc la magie où la magie va se produire dans vos polices de caractères c'est. La magie est cachée dans l'échelle. L' échelle est essentiellement la taille ou le contraste. Combien le contraste est là. Donc échelle est que, par exemple, j'ai très petit fort pour mon dext et ensuite j'ai très grand fort pour gros téléphone pour mon cap. Donc, ils vont avoir beaucoup de contraste et il va orteil créer beaucoup hors intérêts comme vous pouvez voir ou entendre dans mes diapositives D. Ce que j'essaie de faire, c'est que j'utilise un très 10 Ford avec une très prendre forme, qui est plus audacieux téléphone noir. Donc, vous pouvez voir ce sont des styles différents que j'ai montrés. Je pense que c'est une Ford 10 de Bordeaux normale, moyenne, audacieuse et noire. Essayez donc d'utiliser autant de contraste que vous pouvez par exemple, mince et noir. Ils vont avoir beaucoup de contraste. De même, vous pouvez utiliser le contraste en faisant un très gros titre Pour, comme, celui-ci, vous pouvez voir dans toutes mes diapositives que j'utilise très prendre très grand, très lumineux couleur pour cette rubrique et très téléphone mince et petit pour mes textos ou ici. Donc, c'est comment vous allez utiliser la magie est en fait caché dans l'échelle signifie comment vous faites le texte un très grand et un très petit fonds très rocher et pris un très petit étain. Donc c'est comme ça que vous allez faire ces jours-ci. Nous concevons beaucoup pour les APS mobiles, les écrans mobiles et les écrans plus petits. Et il y a beaucoup de off pour différents numéros hors écrans, différentes tailles hors écrans, écrire sur la retenue, petites tailles puis les appareils de taille moyenne, puis les appareils de grande taille comme bureau très gros DVS et quelque chose comme ça. Gardez donc cela à l'esprit que chaque tiefest ne fonctionnera pas sur des écrans plus petits sur des écrans plus petits . Il existe différentes polices de caractères qui sont conçues pour fonctionner pour les écrans plus petits et les appareils portatifs , et vous pouvez voir qu'elles vont mieux fonctionner sur ces écrans. Donc, avant d'acheter un téléphone ou d'utiliser toute force, il y a toujours des informations sur ce site Web. Ou essayez de tester cela pour sur votre écran mobile et essayez de voir que 14 pixels ou 16 pixels sont 18 pixel quatre taille est-il lisible ? Est-ce que ça a l'air lisible. Et pouvez-vous reconnaître différentes lettres ? C' est ainsi que vous allez choisir votre déficit. Donc, il ya beaucoup de facteurs dans la sélection de typhus est, mais ceci est l'un d'eux Maintenant pourquoi pensez-vous que Roboto est utilisé par Android et San Francisco est utilisé par les appareils Apple ? C' est la même raison pour laquelle ils ont développé leurs propres défenses qui ont fière allure sur leurs appareils et qui sont lisibles, illisibles. Et c'est pourquoi si notre système pour Android est Roberto et Apple appareils votre San Francisco maintenant dans la prochaine leçon, nous allons voir quelques-uns des exemples que la façon dont la sélection hors typhus est va améliorer et ex créer des designs impressionnants. Voyons donc quelques exemples. 7. Exemples d'utiliser des polices de caractères dans WebI: Voyons maintenant quelques exemples. Et c'est le premier exemple de G elle et ceci est sur Bihar. Commencez maintenant et vous pouvez voir comment je pense que c'est Ah, agence de design. Et il y a des projets profil et général. Et vous pouvez voir comment ils utilisent cette police de caractères très unique. Et vous pouvez voir que c'est qu'il semblait qu'il est utilisé. Il est écrit par ah uh Carter voisin Pen et porter graphique Ben. Quelque chose comme ça. Et vous pouvez voir comment ils ont utilisé seulement deux couleurs et cette matrice tarifs pour souligner et leur style. Ici vous pouvez également voir la même police de caractères, même face de temps même police de caractères sur Levante I visage utilisé dans toute cette conception et vous pouvez voir qu'il est à l'allure superbe. Donc, c'est ainsi que vous le colorant face sélection ou mourir pour la sélection peut améliorer votre design. Alors voyons un autre ici. Vous pouvez voir que c'est une recette à l'envers, je pense, et vous pouvez voir ici il ya raison de la force. Je pense que c'est le même. C' est une version très audacieuse et c'est normal. Je pense qu'ils ont la même apparence. Voyons voir l'ancien. Ok, donc ici nous avons ces deux forces sur ils sont à la recherche créer très prendre tête avec un bon style et vous pouvez voir ici noyau visuel, nouveau nourrir Vous pouvez voir ce téléphone est très arrondi et il est sensible Et c'est un triste jour pour donc ils regardent ensemble créer ici à nouveau, vous pouvez voir San Serif et Serif sens que si elle est fondamentalement avoir quelques terminaisons comme celles-ci et des boules très épaisses, vous pouvez voir votre ici sur la queue de loin Pourquoi ? Il y a une petite balle et ils sont à la recherche créer Donc c'est en cours de conception et voici vous pouvez voir à nouveau Ils utilisent très Contrustee ou très pris de penser et transformé comme vous pouvez le voir dans le haut pour le plus grand Le titre quatre Il y a beaucoup de contraste entre les différentes lignes. C' est aussi un téléphone cellulaire et vous pouvez voir dans la sous-rubrique ici où il est écrit Oscar Wilde. C' est un triste réformé et c'est un humaniste, je pense Humanise Ford. Voici un autre exemple ici. Vous pouvez voir très prendre le contrôle ici afin que vous puissiez voir la différence d'échelle. C' est très grand. C' est très petit et c'est très pris. C' est très 10. C' est ainsi que cela va créer de l'intérêt pour votre design afin que vous puissiez voir juste pour mourir face à un très grand, très petit. Et ils ont l'air bien ensemble. De même, c'est un autre projet Berlin et j'aime vraiment cette Quatrième, c'est encore une fois, je pense. Ah, Ford de transition. Je suppose que je ne me souviens pas de tout, mais je pense que ça dépend davantage de, hum, créer votre sens hors de la force correspondante. Donc, vous n'avez pas besoin d'apprendre et de vous souvenir tous les quatre styles. Mais vous pouvez voir ici le pour forcer l'un est San Serif et l'autre lui-même. Donc, le dessus dit que si le bas est sensible et qu'il est plus hors fort géométrique, vous apprendrez à ce sujet. Il est basé sur des navires simples et c'est essentiellement qu'ils cherchent créer ensemble. Donc, si vous regardez leur c'est leur application. Ainsi, vous pouvez voir comment ces deux téléphones vont créer ensemble. Ceci est utilisé pour la rubrique. Donc, le but de ce téléphone le stop est en tête le bas est le texte. C' est ainsi que l'ensemble de l'AB utilise ces forcés. Et j'espère que vous avez apprécié cette leçon. Alors, euh, passons à la suivante. 8. Utiliser correctement l'espace blanc dans la conception UI: Si vous voulez être un grand designer, il y a une autre chose que vous devez mettre dans votre design. C' est beaucoup d'espace blanc. Donc, en utilisant l'espace blanc ou l'espace négatif où il n'y a rien écrit, cela va beaucoup améliorer vos conceptions. Ainsi, l'espacement entre les éléments et l'espacement entre les éléments verticalement et horizontalement, les deux vont fonctionner pour votre espace blanc. Donc, si vous voulez être un bon designer, vous êtes tous les jours, mot ou ligne quotidienne devrait être. J' utilise des espaces blancs partout. Ok, donc c'est une chose que vous devez garder à l'esprit. J' ai vu beaucoup de plus grands designers qui ont peur d'utiliser l'espace blanc autant. Ils ont essayé l'encombrement des orteils, leurs éléments de conception sur la page un grand, donc ils essaient de les serrer ensemble. Donc, vous vous assurez que vous allez utiliser une bonne quantité d'espace blanc. Pourquoi avons-nous besoin d'espace blanc ? L' espace blanc crée réellement des choses mijotées ? Le numéro un est l'accent. Maintenant, vous pouvez voir sur toute cette diapositive. J' ai beaucoup d'espace de combat et très moins de contenu, sorte que vous pouvez voir tout l'accent et L'accent est mis sur au milieu dans la zone de texte où j'ai écrit. C' est ainsi que le vide, les espaces qui vont orteils soulignent tout ce qui est capturé ou à l'intérieur de cet espace de combat. Donc, si quelque chose d'une image ou quelque chose a beaucoup d'espace blanc autour, c'est un espace négatif comme on l'appelle. Ensuite, il va être très important dans votre conception. La deuxième chose est qu'il va orteil produire effet hors de l'élégance et la conception propre, et il va enlever plus tard. J' ai donc vu beaucoup de designers, plupart du temps bigness, qu'ils ont essayé de mettre du texte et des éléments différents au hasard sur leur tableau d'art et ne savent pas comment, vous savez, équilibrer notre espacement entre différents éléments. Donc, dans mon cours de typographie pour les concepteurs et les développeurs, j'ai parlé de ce rythme vertical où vous allez concevoir tout votre design basé sur différents espaces, différentes étapes vitales, il va donc être très calculé, et il est basé sur la science et les mathématiques autres que l'art. C' est pourquoi j'ai dit que le design est surtout la science et les mathématiques plutôt que l'art, parce que nous y utilisons beaucoup de calculs. Maintenant, laissez-moi vous montrer quelques exemples et vous pouvez voir ici. Voici un de mes designs et vous pouvez voir pourquoi j'ai laissé beaucoup d'espace autour de cette zone afin que vous puissiez voir cette image. Désolé, Cette vidéo, il va avoir beaucoup d'accent parce qu'il y a beaucoup d'espace blanc sur le côté droit sur le côté gauche. Et aussi par ici, vous pouvez voir le titre est Ah, beaucoup ont beaucoup d'espace de glace au-dessus. Donc, en lisant en haut, gauche et à droite, il va prendre l'accent. Et ah, c'est comme ça que ça va se passer. Donc, euh, ici dans cette section, vous pouvez voir que nous avons beaucoup d'espace blanc à gauche, à droite, en bas et en haut. Assurez-vous donc que l'espacement est cohérent. Donc, si vous avez, comme, 100 pixels ou 100 points de distance entre ces deux sections, gardez cela partout la même. Ok, donc 100. Si vous avez 100 en bas, assurez-vous qu'il est toujours 100 ou quelque chose comme ça. Donc eso assurez-vous que vous êtes espacements dans différents éléments entre différents éléments. Il va être cohérent. Ok, donc voici un autre exemple. Dans cette conception, vous pouvez voir que j'utilise juste des espaces. Peu de lignes orteils séparés, différentes sections. Donc, vous pouvez voir ici dans cette section pourquoi il est très important parce qu'il a beaucoup d' espace blanc de fond. Ah, l'espace vice ne signifie pas littéralement qu'il doit être blanc. Il peut être n'importe quelle couleur, mais vous pouvez voir que cette zone est dominante. Donc, chaque fois que vous voyez sur toute cette section, j'ai jugé que vous pouvez voir ici. Vmc. Ce n'est pas que proéminent celui-ci aussi Ah, beaucoup d'espace blanc au sommet. Vous pouvez voir à gauche et à droite. Donc c'est un proéminent donc d'abord vous allez le regarder. Ensuite, vous allez regarder ce formulaire parce que hors de ce bouton bouton surligné bouton. C' est donc aussi une autre technique. Vous pouvez utiliser des espaces blancs pour souligner ou guider les yeux de vos utilisateurs. Et voici une autre section que vous pouvez voir que ces sections sont séparées, mais elles sont juste séparées avec un espacement différent de sorte que vous pouvez voir l'espace entre ces deux sections est trop important. Cela signifie donc que maintenant la nouvelle section de ce site a été relancée. La nouvelle section et beaucoup d'espace et il est cohérent avec cet espace. Donc cet espace est égal orteil Saoudien Ah, cet endroit et ceci est la fin. Donc, vous pouvez voir à nouveau ici beaucoup d'espace blanc au-dessus de cette zone de pied. Et si vous essayez de presser ces textes orteils la bordure de celui-ci, il ne va pas être très agréable et il aura l'air encombré. Alors gardez ça à l'esprit. C' est ainsi que j'utilise l'espacement entre les éléments. En outre, vous pouvez voir l'espacement horizontal et la destruction est également bon. Ici, vous pouvez voir un poste de disconcert, espacement horizontal entre ces quatre objets. Donc, voici comment vous utilisez l'espacement de l'espace blanc orteil. Rentrez dans la maison vos designs. Voyons quelques exemples supplémentaires et c'est un exemple parfait. Utilisation de l'espace de la femme. Vous pouvez voir qu'il est un média de la République. Il est basé à Londres agence numérique et vous pouvez voir comment leur page entière a été conçu logo ici. Quelques liens ici, et l'accent est mis sur cette section. Donc, beaucoup d'espace blanc autour de cette section lui donne réellement de l'accent. Et ce design est superbe. Voyons donc comment ils ont tracé leurs autres pages. Vous pouvez voir ici nous avons encore beaucoup d'espace blanc autour du sujet. Superbe design. Encore une fois. Beaucoup d'espace blanc et tout l'accent sur cette zone est cette section. J' adore ce site web. , Ok, alors voyons un autre exemple. Ici, nous avons un autre exemple. C' est important. Et c'est par tous ces designers un livre d'équipe que j'aime vraiment quand beaucoup de designers se retrouvent ensemble parce que c'est le design le plus créatif. Ok, donc tu peux voir, laisse-moi te montrer. Ok, donc tu peux voir si j'y vais. OK, donc c'est leur page produit. Sélectionnez la quantité et vous pouvez voir combien d'espace blanc ils ont utilisé. Il va donc créer un look moderne, un look élégant et un look de canne. Donc, vous pouvez voir que vous êtes ici beaucoup d'espace blanc, juste un produit que la quantité en stock. Et ah, juste ce stepper et garde. De même, si vous regardez ce domaine. Début interactif. Vous pouvez voir qu'il y a beaucoup d'écarts entre les différents éléments. Beaucoup d'utilisation de l'espace blanc que vous pouvez voir ici dans cette zone, Della Lamb. Vous pouvez voir combien d'espace ils ont entre cette revue et le nom du réviseur et cette note de début. C' est ainsi que vous avez utilisé l'espace blanc entre différents éléments. Et là encore, vous pouvez voir combien d'espace ils ont sur le dessus. Donc, euh, thèse, comment vous obtenez l'idée de différents modèles que comment ils utilisent l'espace blanc ou entendre quelques lignes dem et beaucoup d'espace blanc pour créer cette table entière pour la loi ordres. Et c'est ainsi que ces concepteurs utilisent l'espace de travail de la même manière, est-ce dans ce site web asana ? Je vois beaucoup d'espace blanc que vous pouvez voir en haut ici et là encore, cette section ici avant de commencer ce, um, um, cadeau d'image GF pour GF ou autre. Ok, donc encore une fois, vous pouvez voir ici dans cette section, vous voyez beaucoup d'espace blanc où la section suivante est à nouveau à venir. Beaucoup d'espace blanc à nouveau Beaucoup d'expérience et il est cohérent. Vous pouvez voir qu'il est presque le même en haut et en bas. Beaucoup d'espace blanc. J' adore ce site web. Asana est un excellent outil et ce site a un excellent design. Donc un autre. C' est épicé, pas de point épicé com, et vous pouvez voir comment ce site entier a été aménagé beaucoup d'espace blanc. Ok, donc si on essaie orteil, cliquez dessus. Lexie. Beaucoup d'espace blanc. L' accent est mis sur ce domaine qui est proche. Voir un autre exemple. Voici un autre exemple. Il est quatre maison et la famille connus pour leur expérience ou quoi que ce soit. Si vous cliquez dessus, vous verrez à nouveau beaucoup d'espace de travail. Il est toujours en train de se charger. Je pense que l'air éteint. J' espère que vous avez industriel comment l'espace blanc va créer beaucoup d'accent. Si vous avez beaucoup de texte ou d'éléments seigneur sur votre page, il va être encombré. Alors demandez à vos clients qui essaient de minimiser Ah, tout le contenu pour que nous puissions le rendre superbe. Donc, c'est tout ce que vous pouvez voir si vous regardez ici combien de contenu nous avons, juste un petit titre trois lignes de texte, ce qui est , je pense, pas plus qu'une longue ligne. De même, ici, juste une citation d'un client et, comme 434 clients principaux, puis voir plus de clients. Si vous voulez les revoir, vous pouvez voir qu'ils montrent leur peu Ah, nouveau et remarquable, y compris la chronologie, y compris la chronologie, et vous pouvez voir ici à nouveau le contenu est très moins parce que l'esprit humain, il peut consomment moins de contenu facilement plutôt que beaucoup de contenu. Donc c'est aussi la dame à la psychologie humaine. Je pense que cette conférence est de plus en plus longue, donc si vous avez des questions à me poser, passons à l'écoute suivante. 9. Technique de conception au niveau de bloc: chaque fois que quelqu'un construit sa maison ou n'importe quel bâtiment, que fait-il d'abord, commencez à la construire immédiatement, ou commencez par le plan ou la carte de ce plan. Donc, la première étape et c'est une astuce très importante dans votre support de conception que chaque fois que vous commencez un design Dr en commençant par son plan, c'est un cadre métallique. C' est la conception au niveau du bloc. Je l'ai appelé un design de niveau bloc parce que je vais vous montrer par exemple à quoi il ressemble Et c'est la plus grande astuce qui peut améliorer votre design. . Ne commencez pas votre design en mettant toute la texture et toutes les images sur votre toile. Mais commencez par la conception de niveau bloc et si vous pouvez commencer avec de grands niveaux de gris en utilisant seulement des gris et des noirs, ce serait génial. Laissez-moi vous montrer un exemple à la fin de cette leçon, ce que cela signifie réellement et comment nous allons le construire maintenant. La technique derrière la création de cette conception de niveau bloc est que nous allons simplement créer différents vaisseaux simples et ah, nous allons les placer sur les zones où nous allons mettre du contenu. Par exemple, si j'ai ah, application sociale comme ou quelque chose comme ça ou application d'enregistrement, je sais qu'il y aura, comme quatre ou cinq peurs et une image evitar de cette personne, ou peut-être un bouton sur là. Donc, je vais orteils, créer différentes formes pour ces éléments et je vais juste mettre ces formes là-bas dans niveau d'accent différent. Je vais vous montrer un exemple ici. Et voyons comment j'ai créé ce niveau de bloc conçu en montrant un autre obtenir dans un petit design. Maintenant, ici vous pouvez voir que j'ai créé une conception de niveau bloc en utilisant cette mise en page. Donc, en fait, je l'ai fait en société. Je ne suis pas sûr de qui est la conception Est-ce parce que je pense que je viens de recueillir ceci ? Peut-être quelqu'un de dribble tout entier. Qui que soit le designer, c'est un bon design. Et avant de commencer quelque chose comme ça, vous pouvez voir ici que j'ai mis quelques éléments ici dans des navires de bloc. Donc, en utilisant rectangle de forme, Asari, ellipse ou forme de cercle pour les sept. Notre image cette ligne plus grande et plus audacieuse pour le titre que ces deux lignes pour le texte ces deux lignes pour plus de texte et donc cela va être mort. Ce sera le temps. Et voici ce sont deux liens. Donc, vous pouvez voir comment j'ai créé ceci. Vous pouvez également créer dans 18 en utilisant simplement Chris Kate. Et donc, si vous pouvez, j'utilise juste une nuance plus foncée de noir ou entendre quelque chose comme ça et utilisé fond blanc . Tu peux le faire aussi. Donc j'ai juste utilisé quelques couleurs. Juste orteil faire et vous pouvez dire intéressant. Mais j'ai conseillé que vous essayez d'abord d'utiliser juste des niveaux de gris. Donc, je vais vous montrer une ressource de site Web où vous pouvez trouver beaucoup de conceptions de niveau de bloc et commencer à partir de la Alors laissez-moi vous montrer ce site Web. Donc, c'est un site Web qui vous appelle un hub patron dot com. Et si vous naviguez ici, vous pouvez voir si je vais à cette page comme celle-ci. Vous voyez tous ces modèles de niveau bloc ici. Donc, si vous cliquez sur n'importe quel design, vous pouvez voir ici est la version de l'image de niveau bloc O R hors de lui . Et ici, vous pouvez voir la version réelle ou la version conçue de sorte bloc et design bloc et design Donc c'est ici que vous allez commencer votre conception afin que vous puissiez voir ici il est. Assurez-vous également que ce sont ces nombreux éléments de ces nombreuses sections de contenu qu'il y a dans votre conception. Donc, il va aider les orteils. Vous feriez mieux de les organiser, créer un nouveau ou bien sur, et vous pourriez savoir où est le bouton. Par exemple, comme celui-ci, il y a un bouton. Voyons donc quelques exemples comme celui-ci. Ok, donc tu peux voir par ici. C' est la conception de niveau de bloc très simple, et c'est la conception finale. Donc, si vous essayez d'utiliser cette conception de niveau bloc, cela va vous aider beaucoup dans la mise en page et la création de designs simples et superbes. C' est donc tout pour cette leçon. Essayez de commencer avec la conception de niveau bloc et essayez d'utiliser simplement créer des échelles comme vous pouvez le voir ici. Ils utilisent juste paître différentes nuances de gris. Sur les éléments les plus importants sont des choses comme ça. Ils sont, ah, un peu plus gris ou quelque chose comme ça. ce moment. Je pense qu'il utilise ce Stark un grand pour le texte, bien qu'il soit plus léger ou ici. Quoi qu'il en soit, c'est son interprétation ou dur et la préparation. Je ne sais pas. Vous pouvez voir un autre patron ici. Idéaux, app. Et c'est ainsi que tous ces clients sont utilisés. Donc, la plus grande chose à retenir de cette leçon est de commencer avec le niveau de bloc conçu va améliorer beaucoup vos conceptions. Si vous avez des questions, demandez-moi. Passons à l'écoute suivante. 10. Méthodes de création d'idées de conception: chaque fois que vous commencez une conception sur la première chose que vous allez à Gorder est cet espace noir dans votre tête. Vous n'êtes pas en mesure de générer des idées. Alors comment orteil obtenir des idées différentes ? Je vais vous montrer différentes façons. J' y ai beaucoup réfléchi, et j'ai aussi lu un livre à ce sujet. Un pot-de-vin d'Alan Lipman. Ok, toute façon, donc la première chose à faire est de chercher un papier et un crayon. Donc, qu'il s'agisse d'une application mobile, design, un design local ou d'une mise en page que vous esquissez ou quoi que ce soit, n'essayez pas. Toe, euh, ayez peur. Que vous ne pouvez pas dessiner, c'est vous ne pouvez pas utiliser de crayons et de papier. Sortez, prenez un crayon et un papier, et commencez à dessiner vos mises en page, vos idées et c'est la première étape. OK, donc je vais vous montrer quelques techniques sur Harto générer des idées différentes à partir d'une idée. Ok, alors passons à ça. Une fois que vous avez terminé avec un stylo et un crayon, vous allez créer un tableau d'ambiance ou recueillir des inspirations. Donc, avant de commencer tout design, vous avez besoin orteil obtenir quelques idées d'autres conceptions. Donc, c'est une autre étape donc pour les planches d'humeur. Vous pouvez utiliser un site Web appelé Nice Start com. Je vais vous montrer juste un aperçu de ça. Ok, donc ici vous pouvez voir que c'est un tableau d'humeur que je vous ai déjà montré dans les leçons précédentes . C' est comme ça que je veux que ce projet aille dans la destruction. Je veux un style Ford comme celui-ci. Je veux des articles en vedette comme celui-ci. Je ne peux pas. C' est la zone de pied de page. Ce sont les couleurs que je veux. C' est à ça que je veux qu'un bouton ressemble. Et j'aime vraiment ce pourpre et blues partage. C' est donc dans cette direction que je veux aller. Donc, avant de commencer un projet essayé de créer un tableau d'humeur, croquis, croquis que vous pouvez également créer comprend des croquis dans celui-ci. Quoi qu'il en soit, il y a d'autres choses, comme les valeurs de la marque. Quoi ? Dans quelle direction vous allez aller Que vos valeurs de marque soient attentives, fiables, fiables, créatives ou autre. Ce sera amusant, sérieux, sérieux, juste capable ou faire confiance pour le quelque chose comme ça. Donc votre design va refléter cela aussi, ici nous avons une autre dragline de l'entreprise. Nous aidons les petites entreprises à cornicher avec nous. Donc c'est une autre chose de toute façon, donc c'est comme ça que vous allez créer un bout de planche plus, faire sortir l'équipe de votre design ? La plus grande erreur que j'ai vu beaucoup de designers qu'ils font est qu'ils n'essaient pas d' embaucher quelqu'un ou qu'ils n'essaient pas de consulter quelqu'un. Donc, chaque fois que vous commencez un design, quand vous allez obtenir des idées frontière d'un esprit. Alors essayez d'emprunter à l'esprit. Vous pouvez demander à votre femme. Vous pouvez demander à votre ami orteil, obtenir , s'asseoir avec vous et le cerveau Storm sur certaines idées, vous pouvez obtenir leurs idées, leurs opinions. Donc un seul esprit, deux esprits sont meilleurs qu'un seul esprit. Donc, chaque fois que vous incluez quelqu'un, votre père , votre mère, votre pourquoi pour n'importe qui, même ils ne sont pas liés à la conception, vous pouvez les ajouter parce que vous concevez pour les utilisateurs ultimes les gens autour de vous. Alors essayez de consulter vos enfants. Vos filles ou vos amis sont que Que pensez-vous de cela ? Quelle est votre idée ? Essayez de le dessiner afin qu'il vous aide toujours à obtenir plus d'idées. Et dans leur technique est la cartographie de l'esprit liste des idées. Donc, par exemple, si je crée nos vêtements pour enfants, vous pouvez dire logo ou branding. Donc, ce que je vais essayer de faire est et dans quelle direction je peux aller avec. Donc à gauche, vous pouvez voir que j'ai la sensation sur les vêtements de l'enfant pour que les enfants soient très délicats et qu'ils comme des fleurs. Donc, je vais essayer d'utiliser le sentiment de confort, de soins et spécial. Donc, ces mots clés arty qui peuvent être utilisés pour obtenir plus d'idées. D' autre part, si je vais au dessin,par exemple, par exemple, si je vois que les enfants normalement dravid lignes très irrégulières, leurs formes sont très sur les gens les plus attirés sur leur famille sur les différents animaux mignons. En outre, nous pouvons dessiner différentes fleurs. Eso tous ces concepts peuvent être utilisés pour obtenir les idées de marque pour les vêtements de cet enfant, sorte que vous pouvez également aller dans beaucoup de directions. Vous pouvez créer plus de Nords comme ici nous avons dessiner et sentir. Si tu as autre chose, comme la princesse. Par exemple, si vous concevez pour les filles, cerveau ou les petits enfants, vous pouvez aller à Princesse et Prince quelque chose comme ça. Peut-être que c'est une autre direction. C' est ainsi que vous les hommes de ma carte de l'esprit énumèrent des idées et génèrent différents croquis et dessins sur ces idées. Donc, une fois que vous les dessinez, vous allez aux pieds. Il suffit de travailler sur un ou quelques-uns d'entre eux pour obtenir la direction. Donc, pour définir la direction que vous pouvez sélectionner un seul d'eux sont à les désactiver. Alors commencez vos idées, OK ? Maintenant, il y a une idée sous laquelle j'ai beaucoup réfléchi à ce sujet, et c'est comment orteil générer plusieurs zones à partir d'une seule zone. Donc, par exemple, j'ai créé ce logo cette goutte comme par exemple, économiser l'eau jeûne que je peux faire est ce que je peux faire avec. Je peux soit le faire pivoter. Je peux presser ce symbole. Je peux combiner et différents symboles avec elle. Par exemple, je peux combiner une main avec le symbole pour dire que c'est sûr d'économiser de l'eau, ou je peux montrer la grippe hors ordre, hum, dedans. Ok, donc il y a et plusieurs idées. Mais ce que vous allez faire, c'est que vous allez prendre une forme simple ou une idée unique et essayer d'appliquer tous ces différents effets sur elle différente. Vous essayez de le faire pivoter. Vous essayez de le dupliquer. Vous essayez de le multiplier. Ton orteil l'a incliné. Tu essaies de le faire circuler. Tu essaies de l'étirer. Vous essayez de masquer différentes sections, et vous essayez de la combiner avec différentes, plus de formes ou une idée différente. Par exemple, un est l'eau quand elle est sûre, donc économiser vous pouvez montrer une main. Vous pouvez montrer le fossé d'un enfant que la goutte d'eau coule dans sa bouche. Quelque chose comme ça. C' est ainsi que vous créez des idées différentes. Essayez orteil, commencez à partir d'une seule idée et essayez d'appliquer toutes ces choses différentes sur elle, et vous aurez beaucoup d'idées. 11. Exemples d'idées de génération: Non. Je vais vous expliquer tout ce que vous avez appris avec ça. Juste une idée simple. Donc ce que j'ai fait ici, c'est que je suis, par exemple, concevoir un logo pour la société du logement ou peut-être un bien immobilier, et d'accord, donc vous pouvez voir en bas si vous voyez quoi ? Ici. J' ai quelques idées d'esprit cartographié maison et maison. Ah, je pense que ça pourrait être un nid parce qu'aller vers l'idée de l'oiseau, ça pourrait être un immeuble ou un appartement, et ça pourrait être une tente pour vivre. Et ça pourrait être un cœur si on va un peu vieux temps. Ou peut-être quelque chose comme ça. Donc à partir de toutes ces idées, j'ai essayé orteil faire des croquis différents ou ici Hey, Comme vous pouvez le voir, j'ai combiné orteil, hum, des choses. L' un est dext et l'autre est la forme. Donc c'est ce que j'ai dit qui essayer de combiner deux choses. Donc c'est une combinaison sur le côté gauche, vous pouvez voir que j'ai écrit multiplier. Donc, j'ai l'habitude de maisons et les a fait regarder ensemble, reliés ensemble avec lien ou quelque chose comme ça. Donc, cela se multiplie. Donc deux maisons, alors nous avons ce nid. Vous pouvez voir deux zones ici, deux navires différents et deux styles différents. L' un est ce nid d'oiseau, et celui-ci ressemble un peu plus qu'à une maison s. Donc je vais rejeter cette idée à la fin. Ok, donc ici nous avons caché et montrer différentes zones. Les deux sections. Laissez-moi vous montrer ces deux-là que vous pouvez voir ici, j'ai caché la partie inférieure de la maison. Mais vous pouvez voir juste en regardant ces formes. Votre esprit va compléter ça. C' est la maison de la même façon ici c'est à nouveau que je montre et cache quelques zones de cette maison, en ajoutant un de plus en haut. Nous pouvons affiner cela à la fin dans Adobe Illustrator. D' autres logiciels ? Ok, donc encore une fois, nous avons les idées d'appartement. Euh, ici nous avons un appartement avec les différentes fenêtres dedans, et ici nous avons une version simplifiée de l'appartement. Ainsi, vous pouvez également utiliser simplement combat, technique, orteil, simplifier différentes formes. Par exemple, j'utilise juste un rectangle pour les fenêtres plutôt que de montrer des rectangles plus petits parce que sur les plus petites tailles, cela va mieux paraître. C' est ainsi que vous générez plusieurs idées à partir d'une seule idée. Voici une étude de cas. J' ai conçu des logos pour cette maison chimpanzé et Ah, et vous pouvez voir le chimpanzé. Tout bien que sur le chimpanzé est essentiellement atteindre Benzie. Je ne suis pas sûr de ce que ça veut dire, mais mon client dit qu'on veut quelque chose comme ça. Donc vous pouvez voir ici j'essaie orteil combiné à la forme. Donc, ils économisaient essentiellement de l'argent là-dessus. Vous pouvez dire sur l'achat de maisons, sorte que cette forme de maison et cette livre brillent signe de monnaie est pour économiser. Voici juste le contour vierge et les poils dans l'itération de conception Pour celui-ci ici, je peux vous voir que je l'ai tourné et créé notre vous pouvez dire perspective, perspective de cela. Donc ici, vous pouvez voir ceci est également attaché salle de gym Maison et Et ce bar en fait le vert ou orange. Il agit comme la ligne centrale du bord. Et puis laissez-moi vous montrer quelques autres idées ici, vous pouvez voir une autre idée. En fait, je n'aime pas ça, ce côté gauche va trop augmenter. Je pense qu'il devrait être un peu plus petit. Quoi qu'il en soit, sont deux autres idées et c'est comme ça que ça ressemble. Ah, euh, garde. Ce sont quelques présentations sur. Ils ont vraiment de l'importance. Chaque fois que vous vous présentez, vous allez le présenter comme ça. C' est ainsi que vous pouvez obtenir des idées différentes. C' est une méthode de combinaison ici que j'ai combiné à et façonné une maison. C' est une perspective. J' essaie de le faire pivoter, itéré un essayer de créer un effet TV ou une perspective. Voir hors de cette maison cheveux est à nouveau combinaison off. Deux idées, des idées différentes. C' est ainsi que vous obtenez des idées différentes. Permettez-moi de vous montrer quelques exemples supplémentaires. Vous pouvez voir que c'est que j'ai obtenu de 99 dessins, et ici vous pouvez voir société immobilière. Et encore une fois, il se multiplie en utilisant différentes formes multiplicatrices. Trois navires multiplient à nouveau deux côtés différents d'une maison montrant Ah, c'est encore une fois. Je ne suis pas sûr de ce que c'est ? Quoi qu'il en soit, cela semble créer un flux en utilisant le flux. Il s'agit d'une utilisation de plancher dans ce groupe d'investisseurs à domicile. Et ah, Ensuite, nous avons cette gestion de propriété Peterson conçu par un aqueux et vous pouvez voir à nouveau. C' est une combinaison de deux idées. L' un est ces bâtiments et l'autre est cette maison, c'est encore une maison. C' est une perspective. Plus que vous pouvez voir à nouveau. Il utilise pour les formes s et cette section ici. Ça ressemble encore à une maison. Multipliez. J' aime vraiment ça. Les zones de masquage sont en bas. Juste montrer le haut de la maison. Et il est logique que c'est la maison. J' aime vraiment ce logo. En fait, je les utilise de Google. Vous pouvez s donc je ne suis pas sûr de ce qui est différent. Vous pouvez dire les auteurs de ces dessins, mais vraiment de bons designs juste pour vous montrer ce que cela signifie réellement. C' est ainsi que vous pouvez obtenir différentes idées et vous pouvez générer plusieurs idées à partir d'une seule idée. J' espère que vous avez apprécié cette leçon et un garde et un tribunal beaucoup d'idées pour créer des designs et des idées de recherche sur les logos et les designs. J' espère que vous avez beaucoup appris. Passons à la leçon suivante. 12. Tasse de votre design: Chaque design a une équipe un ton et il y a une direction, direction spécifique et ne pas et le thème de chaque design. Que ce soit pour la conception d'applications mobiles, qu'il s'agisse d'un design de site Web ou d'un projet tendance, vous devez prendre soin du ton de votre conception. Il y a donc beaucoup de tons. J' ai vu quelques-uns de mes étudiants me demandant que Essayez de créer quelque chose sur ce que vous pouvez voir votre design pourrait être mescaline. Femi nine Childish a l'air classique et il peut également regarder Morgan, ou il peut sembler sain et il peut sembler sportif. Ce sont donc des tons différents de vos designs. J' en ai également parlé dans mes cours de typographie, hors de différentes voix et tonalités de vos polices de caractères. Quoi qu'il en soit, je vais vous montrer quelques techniques. Il y a donc de la pierre et il y a des émotions. Alors quoi ? En fait, votre design reflète, donc soit il pourrait être inspirant, soit il reflète la liberté, soit il est très sérieux. Quelle est l'émotion ? Il s'agit d'une présentation à votre client ou à l'utilisateur. Nevada Leach semble très digne de confiance. C' est important. Cela montre qu'il s'agit d'une organisation très puissante. Oh, est-ce que c'est très amusant ou c'est très créatif. Ce sont donc des réflexions différentes qui viennent de votre conçu. Donc, le réglage de votre conception dépend en fait de l'entreprise et des utilisateurs. Donc, si, par exemple, vous concevez pour les attaques menteurs eso avocats de ou taxe de Alors quelles sont les émotions ou l'eau que l'os ou quelle est la direction que vous voulez aller dans ? Donc ça doit être masculin. Ça doit être une conception sérieuse. Il doit être juste pour le et aussi il serait invitant. Par exemple, je veux que mes utilisateurs orteil essaient de me contacter. Donc, je ne veux pas que ce soit trop sérieux qu'ils n'essaient même pas de me contacter ou qu'ils n' essaient pas de remplir mon formulaire. En outre, nous voulons montrer l'autorité que nous connaissons cette entreprise et nous avons le pouvoir et nous avons la nomination et nous pouvons résoudre votre problème. Donc toutes ces choses vont se refléter dans cette conception. Permettez-moi de vous montrer quelques exemples pour que ces idées soient plus pénétrées dans nos cerveaux minuscules . Maintenant, c'est un exemple, et vous pouvez voir le ton et faire équipe. L' ensemble du design est basé sur du papier. Alors pourquoi c'est ça ? Parce que ce plagiat Avenger waas essentiellement un plug in et il était en fait pour les rédacteurs de contenu , et il protège le contenu de sorte que vous pouvez voir la force utilisée sur les cheveux et l'ensemble de ces autocollants sur papier différent. Ces clips sur vous pouvez voir ces Step Lear ou clips. Ceux-ci montrent tous le contenu de sorte que vous pouvez voir ce sont quelques autres indices ici que toute cette conception est basée sur le papier. Donc, les rédacteurs de contenu sont ces derniers temps à papier parce que le droit leur contenu d'abord sur le papier, principalement et S O, Ceci est le Ceci est mon design. Je pense que c'est vieux, mais je l'ai fait pour un Facebook et en ai été un autre. Vous pouvez voir un autre design pour le même plagiat dans l'aventure Est-ce celui-ci que vous pouvez voir ici Nous avons différentes formes et différentes flèches. Tout cela est écrit à la main comme une force griffonnée. Ainsi, vous pouvez voir que c'est ainsi que toute la direction de votre design peut changer lorsque l'équipe et le logo et tout est prétendument mort. Donc, c'est comme ça que vous pouvez voir que j'utilise toutes les couleurs presque similaires d'ici vert. Cette partie de vernis ou cette couleur rouge violacé sur cette planche ici pour montrer une certaine importance ou quelque chose comme ça. Quoi qu'il en soit, c'est un autre design. Laissez-moi vous montrer une autre annonce. Ceci est une annonce pour la santé américaine variée, et vous pouvez voir comment tout ce design a été mis en page. Et le typhus est qu'ils vous ont été ? Cela a l'air très lissant. Affecter la colonne vertébrale guide amical à l'été Donc c'est sérieux, sous Bert, et c'est agréable. Et la même chose que vous pouvez voir que vous entendrez. Les couleurs sont presque les mêmes de ce logo santé Veritas. Et ah, le coup de l'image est très calmant. Donc toute la direction est calme et un effet apaisant et fiable pour l'utilisateur. Ainsi, vous pouvez voir la couleur bleue initie la confiance et il est principalement utilisé en confiance, confiance et 50 et quelque chose comme ça. Voici un de mes designs que j'ai fait pour un client et je pense que je l'ai averti. Je ne suis pas, je ne le suis pas. Je ne me souviens pas, mais je pense que je veux ce concours. Quoi qu'il en soit, vous pouvez voir que c'est à propos de Trader Plaza, et toute l'équipe est, euh, très élégante sur. Vous pouvez voir que cette image a été utilisée juste pour obtenir le contexte clair. Il s'agit donc d'affaires ou d'investissement. Donc vous pouvez voir une personne utilisant ce journal écrit très gros ici affaire. Et aussi nous avons cette vidéo ici voix la 92e vidéo et vous pouvez voir aussi cette sélection de quatre cette sélection de type. C' est sérieux. Donc, ce n'est pas très amusant lié. Vous pouvez voir par ici. C' est tout le design, la direction de leur design est un peu plat icônes, mais pas si plat. Mais vous pouvez voir la clarté habillée et ah, c'est comme ça que j'ai créé toute cette équipe. Le vert est la sécurité. Donc si j'investis et quelque chose que je cherche pour la sécurité, quelque chose comme ça. Vous pouvez voir comment toute cette section a été aménagée. Pour que vous puissiez voir. C' est comme ça que j'ai conçu toute l'équipe et la direction que vous pouvez voir en utilisant ces deux couleurs rouge et vert. C' est comme ça que j'ai conçu Ah, orange signifie excitation et vert signifie sécurité. C' est ainsi que cette page a été mise en page et c'est une frénésie de prêts. Vous pouvez voir que ce design est totalement différent des autres modèles que je vous ai montré qu'il y avait du texte ou du papier, mais cette équipe n'est pas basée sur le papier. C' est ainsi que ces différentes directions et émotions et ah, ces différents, ah, ah, se fondent sur les conceptions que nous avons qui est tout pour cette leçon. J' espère que vous avez apprécié cette leçon. Si vous avez des questions à me poser, passons à la prochaine leçon. 13. Échelle dans votre conception: Une autre chose, que j'ai vu beaucoup de designers faire mal, est qu'ils ne savent pas quelle est l'importance de l'échelle dans n'importe quel design ? Non, pourquoi ? C' est très important car il y a différentes choses qui sont importantes et qui sont différentes dans différentes conceptions. Situations. Par exemple, dans un magazine diffusé, l'importance pourrait être donnée orteil le sujet principal, ou peut-être orteil l'idée principale parce qu'il est dame de vendre quelque chose. Mais lorsque vous concevez une page de destination, l'échelle d'importance peut être donnée à autre chose. Alors, quelles sont les règles de base ? Donc, si vous voulez donner quelque chose d'échelle, donc l'échelle signifie que ce sera la partie la plus dominante ou la plus grande partie. Laissez-le aller les autres articles de votre design. Donc, la première chose est que les choses importantes qui sont importantes dans votre conception, ce soit la taxe sur la copie, des témoignages, ce soitdes témoignages,que ce soit un logo, ce soit une vidéo, vous voulez mettre en évidence cette chose de sorte qu'elle sera plus grande en ce qui concerne les autres éléments qui y sont liés ou qui l'entourent. La deuxième chose est qu'il pourrait être plus lumineux, ou peut-être qu'il a une couleur différente que le reste des articles sur la plage. C' est donc un concept très important, à l'échelle de l'importance. Une autre chose, c'est qu'il ne doit pas y avoir de lutte entre de multiples choses importantes. Donc, l'importance importante doit être une compétence de haut en bas ou, plus important, à moins important. Gardez cela à l'esprit que toutes les choses de votre conception ne sont pas importantes. Il doit y avoir une échelle. Vous devez construire une échelle que cette chose est la plus importante que celle-ci , et celle-ci est la moins importante. Voici donc une autre technique que j'utilise normalement et surtout utilisée dans les pages de destination. Donc, ce que vous devez faire est le contenu le plus important. Qu' il s'agisse d'une copie ou que vous souhaitiez transmettre le message de votre site Web, vous voulez le déplacer vers le haut de votre design. C' est pourquoi il y avait un concept au-dessus du dupé. Donc Ford signifie que 700 pixels sont parfois 800 pixels. La Ford était en fait sur une hauteur de page, qui était, vous savez, vous avez besoin d'orteil, tirez-le, vous verrez le contenu suivant. Donc, c'est grand, fondamentalement le concept que si vous avez quelque chose d'important, vous voulez le vôtre, orteil utilisateur. Visualisez-le instantanément, donc il doit être en haut. Et est-il doit attirer l'attention de l'utilisateur instantanément et il doit être déplacé vers le haut dans l'ordre hors échelle d'importance. Une technique de plus est si vous voulez donner quelque chose d'importance que vous pouvez également utiliser peut faire confiance. Vous en apprendrez beaucoup sur le contraste dans la section suivante, donc nous allons le laisser juste là. Mais cela signifie qu'il doit être différent du reste des articles sur votre design. Si vous avez déjà lu un journal et dans l'article blawg, vous avez vu que les titres sont très plus grands et ils sont facilement scannables et ils plus gros lettre toe tous les différents impôts et autres éléments sur la page parce qu'il ils vont pour attirer l'attention. Ils sont le sport, ils sont plus faciles à soutenir le sport, et ils sont conçus pour être plus grands parce que les utilisateurs vont scanner. Donc c'est le cas. Cela facilite la numérisation de tout. Donc c'est une autre façon de faire ça et encore une chose. Mon cours de typographie a une échelle pour votre échelle typographique de typographie, différentes tailles, différentes tailles, qui est à nouveau liée à ce sujet, qui est à l'échelle de l'importance. Donc, si vous voulez en savoir plus sur la typographie, vous pouvez regarder ce cours. De même, dans mon cours de typographie, j'ai parlé des échelles de typographie, qui est que cette taille de texte par exemple, 16 pixels sont 12 points. Ce sera pour mon impôt et 56 points ou 56 porcs. Je vais utiliser pour ma plus grande rubrique. C' est donc le niveau d'importance dans le texte. Nous allons donc utiliser la typographie. Les échelles dans vos dessins orteils illustrent cette échelle d'importance et aussi une chose de plus. Si vous voulez en savoir plus sur la typographie, échelles et la typographie en général, vous pouvez jeter un oeil à ma typographie pour les écoles de designers et de développeurs. C' est un très gros sujet, donc je ne veux pas que les orteils en discutent la tête. Donc, j'espère que vous avez appris à utiliser et comment orteil ce qui est réellement échelle d'importance. Je vais vous montrer des exemples différents. Permettez-moi donc de vous montrer quelques exemples et de faire en sorte que ce concept soit plus digeste. Voici donc mon design pour ma propre terre. Ux I d carte. Ceci est mon site Web et vous pouvez voir que c'est le côté avant et le côté arrière de la carte que j'ai conçu carte de visite et et ici vous pouvez voir sur la face avant, vous pouvez voir ce qui est la chose la plus importante. C' est l'image de la marque. Donc je voulais Toby mon logo le plus grand ici. Ensuite, à la seconde où vous pouvez voir la deuxième chose que vous allez remarquer sur ce design va être Êtes-vous en train d'apprendre ? Et puis il y a la partie Seigneur, qui est que je veux que l'utilisateur lise à la fin, qui est le site Web. De même, si vous regardez de l'autre côté et vous pouvez voir que les cheveux mes moyennes les plus de la région et la plupart des couleurs sont utilisées dans le top huit. Ici, vous pouvez voir ce que ici, où le texte est appris, riel conception et compétences de courtoisie et d'améliorer votre dollar. Mais au début, je voulais que Toby te montre comment faire comme ça, mais je pense que c'est le cas. Ce sera très long, bien sûr. Alors j'ai Oh, je l'ai fait. Je me suis concentré sur le design de toute façon, pour que vous puissiez voir la zone la plus dominante ici. C' est celui-là que ça ? Encore excitant. C' est le logo. La version plus simple de ma version locale plus petite. Et puis mon contact est pour que vous puissiez voir ici. Je veux donner le message à l'utilisateur que je veux que vous le fassiez ou appris cela de moi. C' est ainsi que l'ampleur de l'importance est. En fait, vous pouvez voir utilisé si vous avez remarqué ici vous pouvez voir la taille hors. Le texte est également plus grand. Aussi l'espace qu'il prend toute la taille, la taille off. Cet élément est plus grand que tous les autres éléments qui l'entourent. C' est ainsi que l'échelle de l'importance est utilisée. Donc tu ne peux pas tout rendre coloré. Si je fais ces, vous pouvez dire ce texte ci-dessous et aussi cette taxe ci-dessous. Er cette bordure, beaucoup colorée que l'utilisateur que l'échelle de l'importance, va en fait changer. Ce ne sera donc pas une échelle d'importance. Mais ce sera une lutte contre l'importance entre deux éléments. C' est ainsi que vous utilisez l'échelle d'importance. Laissez-moi vous montrer un autre exemple. Voici donc un autre exemple, qui est, Ah, page de destination, que j'ai conçu récemment et vous pouvez voir ici la section la plus importante ou la zone la plus importante. Est-ce que c'est une maison à la fois abordable et facile à utiliser les signatures numériques et les générateurs de capture. En outre, vous pouvez voir la différence entre les tailles de ce texte ci-dessous et ce titre est trop si vous vous souvenez correctement ou avec précision. Mes dernières leçons, ils étaient sur la différence d'échelle qui va orteil créer un contraste , si différent entre les tailles hors distraction ce Texas trop. C' est pourquoi ils sont superbes. Ils ont beaucoup de contraste. Tout espoir, Ensuite, vous pouvez voir la deuxième zone la plus importante est celle-ci. Donc, si je suppose avec précision est que cette section qui est et obtenir la liberté ou la littérature maintenant est en fait de plus en plus d'attention parce qu'il a une autre couleur, qui est cette ville et appel à l'action. Mais et donc fondamentalement, vous pouvez voir qu'il s'agit d'une page de destination et le but de la page de destination est que vous voulez que l'utilisateur s'inscrive pour la liberté. Donc, je veux éduquer l'utilisateur et ensuite je veux m'inscrire. C' est donc mon objectif réel dans cette conception. Donc, pour suivre cet objectif, je veux utiliser l'échelle de l'importance. Je veux ces articles. Ces deux éléments sont-ils plus dominants que d'autres ? Donc c'est comme ça que tu fais ça. Deuxièmement, si vous regardez cette zone le contraste entre l'arrière-plan qui est très sombre, et cette couleur de premier plan ponts la couleur des piles est trop. Donc, cela crée également plus de contraste orteil obtenir l'attention de l'utilisateur. Ensuite, si nous examinons de nouveau ces domaines, vous constaterez qu'ils sont tout aussi importants. Donc tout est pareil. De même, ceux-ci sont tout aussi importants. Ils sont en fait des répétitions. Nous en parlerons dans la section suivante. Et ah, si nous regardons cette section, je veux que cette vidéo soit visionnée et vous pouvez voir que c'est plus important. ampleur de l'importance s'est donc déplacée vers celle-ci. C' est plus grand. A l'intérieur. Il prend près de 70% de l'espace. Ils sont tous presque importants. Je veux les plus importants, Toby Big Branch, comme le grand art. Et ce sont de gros obstacles. Donc je voulais le déplacer en haut. Alors voyez, vous pouvez voir que c'est la façon dont nous faisons tout cela cette échelle d'importance. C' est ainsi que nous l'utilisons. De même, un autre exemple est que j'ai conçu ce Ah, révolu pour la société médicale qui waas i u k application d'évaluation des médecins et vous pouvez voir ou entendre j'ai combiné trois concepts que vous pourriez avoir entendu dans ma dernière leçon générer des idées boîte et Dr Et maintenant vous pouvez voir la combinaison de ces trois symboles va faire cette icône et vous pouvez voir même dans cette icône, l'élément le plus dominant est l'élément le plus important est ce signe Plus au milieu cette boîte afin que vous puissiez voir ici, j'ai votre échelle d'importance en soulignant ce milieu. J' espère que vous n'avez pas beaucoup appris sur l'ampleur de l'importance. Et ce sont assez d'exemples. Si vous voulez en savoir plus, apprenez-en plus. Si tu veux me demander quoi que ce soit, tu peux me demander. Passons à la leçon suivante 14. Proximité en conception - Principe de conception: le chemin. L' un des concepts majeurs dans le design est la proximité principale. Maintenant il y a Waas, un scientifique ou un psychologue appelé Get Start, et ceux-ci et ceci est l'un de ses principaux. Il a fait des recherches sur la psychologie humaine de la perception, et l'un d'eux est le regroupement. Ceci est beaucoup utilisé dans la conception, donc si vous le faites ou l'utilisez dans un sens différent de celui qu'il ne va pas orteil, obtenez un affichage d'informations très bon ou agréable ou le design, alors assurez-vous que vous l'utilisez avec précision. Non, vous pouvez voir en bas que vous voyez différentes sections, et vous pouvez voir que vous pouvez clairement voir que ces deux sections sont séparées ou différentes, même si elles sont les mêmes cercles. Donc, ils sont tous des cercles, mais ils font partie ou ils ne sont pas considérés comme un seul groupe parce qu'il y a deux raisons derrière cela. Le numéro un est la distance, l'espacement. Vous pouvez voir que ceux-ci sont, ah, beaucoup loin des rouges. bleus sont seigneur loin des rouges. La deuxième différence entre eux est une couleur différente, sorte que vous pouvez voir ce principe hors proximité ou le regroupement de ce principe hors proximité doit être appliqué avec précision. Ainsi, chaque fois que vous concevez, vous pouvez utiliser l'espace blanc orteil éléments séparés. Vous pouvez utiliser des couleurs pour séparer les éléments. Vous pouvez utiliser différentes formes pour séparer les éléments. Apprenons-en plus sur la proximité. Il y a une autre chose que vous devez garder à l'esprit. Lorsque vous regroupez des éléments dans votre conception qui doivent être liés les uns aux autres , ils doivent être désactivés d'informations similaires. Donc, des informations similaires liées à des informations qui doivent aller ensemble devraient aller ensemble. N' essayez pas de mélanger tous les éléments différents ou de les mettre dans un seul espace et dites, Oh, j'ai utilisé la proximité parce que toutes les informations devraient être au même endroit. Ok, donc ce regroupement vous arracher vos informations, différentes sections. Ils doivent avoir du sens. Donc, il est aussi appelé morceaux ou de l'information, et il est l'un des concepts de base ou, je pense, je pense, majeurs de vous un design parce que vous avez orteil et de créer ah, beaucoup off. Il y a beaucoup d'informations qui ont des objectifs différents. Eso vous avez besoin de regrouper les orteils en différents morceaux. Maintenant, voici quelques techniques que vous pouvez utiliser pendant que vous concevez pour créer différents junks, ou des groupes ou des sections numéro un est essayer d'utiliser des espaces blancs. Donc maintenant, vous pouvez voir si vous regardez cette diapositive la partie supérieure des yeux séparés par une ligne 10 vers le bas de cette diapositive. Donc, le fond ou la nourriture ou hors de la diapositive rend vos conceptions egreteau impressionnant par Mohammed s et omniprésent. Et la section supérieure est le contenu. Donc, vous pouvez voir que j'utilise l'espace blanc de cheveux pour créer différentes sections. En outre, j'utilise cette ligne avec cet espace blanc pour donner du sens que c'est séparé et que la section supérieure est séparée. La deuxième chose est que vous devez effacer différentes sections, donc les sections est à nouveau. Vous pouvez créer des sections à l'aide de l'espace de la femme ou de différentes couleurs. Les sections sont également une chose similaire, comme la création de différentes informations indésirables. Donc, en fait, vous créez différentes sections en utilisant des espaces blancs, en utilisant des couleurs, en utilisant des lignes utilisant différentes formes. Par exemple, vous pouvez essayer orteil utiliser Ah, rectangulaire, ou peut-être ah, forme hexagonale ou quelque chose comme ça pour séparer la partie supérieure par un avec une partie ci-dessous. Donc il pourrait y avoir beaucoup de choses que vous pourriez utiliser l'ombre. Vous pourriez utiliser des ombres là-bas. Vous pouvez utiliser beaucoup d'ombre sur les parties supérieures qui ont séparé qu'il est au-dessus de cette section, qui est en dessous. C' est ainsi que vous allez créer différents groupes et morceaux. Vous pouvez également utiliser des lignes. Vous pouvez également utiliser des bordures pour créer la section ou séparer cette section. Il y a donc plusieurs façons que je vais vous montrer dans la prochaine leçon. Peu d'exemples, peu de dessins. Donc, ce concept est effacé ou ce concept et obtenir plus pénétré dans vos esprits parce que c'est très important. C' est vraiment, vraiment important que j'ai vu beaucoup de designers. Je fais ça mal dans beaucoup d'endroits, alors voyons quelques exemples, alors passons à la leçon suivante. 15. Exemples de l'utilisation de proximité dans le design d'applications Web et mobiles: chose est le premier exemple que je vais vous montrer. Il s'agit d'une refonte d'une carte. Le logo n'est pas conçu par moi. Mais j'ai conçu redessiné les cartes parce que les vieilles voitures étaient très vous pouvez dire très dépassées. Aussi, donner quelques touches orteil ce logo comme ce ah doré, bordure autour autour de la forme hors de la ligne de toute façon. Ok, donc maintenant vous pouvez voir dans le front off jeter au fond Gun, gestion de patrimoine, solutions de gestion de patrimoine privé. Vous pouvez voir ceci est le slogan et ce que fait cette entreprise et le logo. J' ai donc gardé toutes ces informations dans le bloc de fonds pour qu'ils puissent aller ensemble, donc je les ai rapprochés les uns des autres de l'autre côté. Vous pouvez voir à l'arrière toutes les informations sont redevables au contact. Donc c'est le fusil de L. A. A. Marty. C' est le nom président et chef de la direction que le numéro de téléphone et de télécopieur. En outre, vous pouvez voir en bas à gauche j'ai séparé l'e-mail. Andi, je pense que les e-mails devraient être juste les coordonnées, mais je pense que ça devrait être séparé parce que c'est une communication Elektronik orteil lettre . Vous pouvez aussi, mon je pourrais également listé ici leur site Web monde libre Eso C'est comment j'ai conçu cette voiture. Ainsi, vous pouvez voir que vous avez peut-être vu beaucoup de cartes de visite et vous pouvez voir toutes les informations de contact. Le nom va toujours ensemble dans une direction et il est regroupé dans une certaine zone. C' est ainsi que vous utilisez les sections de superposition ou de regroupement dans votre conception. Voyons un autre exemple. Ceci est une application jusqu'à présent smarts hors écrans IAB pour les désactiver. J' ai conçu récemment et vous pouvez voir si vous regardez ici, vous pouvez voir le Chungking a est principalement utilisé en vous, un design principalement la conception d'applications et de sites Web. Parce que vous pouvez voir qu'il y a beaucoup de choses. Il y a beaucoup de contrôles en cours. Il y a beaucoup hors icône. Il y a beaucoup d'informations, ah, beaucoup d'interactivité. Ainsi, vous pouvez voir la section supérieure ici, qui est la barre d'état et sont différents. Les icônes orteil font des actions différentes que nous avons cette zone. Cette section qui est liée à l'information et qui concerne le canapé. Donc, ce nom jusqu'à présent. Titrez un statut différent hors du jusqu'à présent, qu'il soit connecté en sécurité ou quelque chose comme ça. Ce sont les informations sur le canapé et en bas vous pouvez voir cette section cette section est une section séparée et nous utilisons une ombre claire que ce bar papa adaptable est en fait séparé de cette section. En outre, la couleur de celui-ci La couleur Bagram est différente de celle-ci. C' est, je pense, pourquoi c'est un peu de grâce blanc à trois blancs rougeâtres. De même, si vous regardez ici, ce bouton ressort est en fait avoir beaucoup d'ombres. Donc, il montre qu'il est séparé de l'arrière-plan. Il est élevé à partir de l'arrière-plan et il est différent de l'arrière-plan. Et maintenant, si vous regardez cet écran si nous appuyons ce printemps en Grande-Bretagne 12345 éléments de menu vont apparaître. Donc, lorsque vous appuyez sur ce bouton, ces contrôles vont apparaître et ils sont plus proches de ce bouton car ils sont tous liés les uns aux autres. Ils se sont donc regroupés. Nous les avons regroupés. De même, si vous regardez cet écran ici, nous avons sur l'écran de gauche. Vous pouvez voir que j'ai utilisé cette petite ligne ici. Pourquoi ? Je l'ai utilisé pour séparer la partie supérieure à la partie inférieure. Maintenant, si vous regardez de près, la section supérieure est orteil sélectionner différentes graines sur le canapé intelligent et la section Borden est fait tous les réglages que vous pouvez faire avec le siège. Donc c'est comme ça que j'utilise la junking. Vous pouvez voir tous les contrôles qui sont liés aux sièges se trouvent dans la même zone et aussi dans la même section. J' ai donc créé 123 et quatre sections sur cet écran. bas est pour les contrôles de tabulation, puis le haut est en fait le titre Apt title. Ensuite, la deuxième section est jusqu'à présent Nom et différentes graines. Ensuite, cette troisième section est en fait tous les contrôles plus tard trop jusqu'à présent et les graines. Ainsi, vous pouvez voir que c'est la façon dont vous utilisez réellement la mise en page des orteils, vos écrans, vos dessins, vos pages de destination, vos sites Web Vous pouvez également voir de l'autre côté sur le côté droit, vous pouvez voir cet évier musique. C' est que vous pouvez dire que la boîte de conformation pop-up et les poils vous pouvez voir la section supérieure, qui est juste l'information, est séparée du bas, qui est la zone interactive ou les boutons par des lignes simples. En outre, la couleur est différente, sorte que vous pouvez voir il y a. Ils utilisent des lignes pour créer des sections et utilisent également des couleurs. C' est ainsi que vous utilisez votre groupe. Différents éléments. Vous sautez différentes pièces d'information et créez des designs impressionnants. Si vous avez des questions à me poser ensuite, passez à la suivante à l'intérieur. 16. Alignement dans la conception: voici un autre principe hors conception, qui s'appelle l'alignement. Alors pourquoi l'alignement est-il si important ? Parce que nous sommes tous des humains et cela est intégré dans notre nature. Ou c'est dans notre psychologie naturelle, psychologie humaine que nous aimons la symétrie, donc quelque chose. Ensuite, il est aligné. Donc quelque chose d'autre. Nous aimons cela quand quelque chose est disposé en Ah, une symétrie sous forme symétrique dans un rectangle dans un cercle. Nous aimons que quelque chose soit irrégulier ou pas en alignement. Oh, tu as mis des choses ici et là sur ton design. On ne va pas aux pieds comme ça. C' est donc très important. Et j'ai vu beaucoup de designers faire mal d'alignement. Ils ne savent pas comment aligner différents éléments. Et quand vous avez ah, un bon alignement dans votre conception, il va sembler équilibré, donc c'est très important. Parlons maintenant de l'équilibre, symétrie et de l'alignement un peu plus fait. La première chose est que si vous essayez de centrer, aligner votre texte, vous alignez vos boutons au centre. Vous alignez tout dans votre conception par rapport à leurs conceptions où vous utilisez l'alignement des arêtes ou là sur le côté gauche comme pour l'alignement des arêtes ou sur le côté droit, de sorte que l'alignement sur l'alignement des arêtes va gagner. Ainsi, chaque fois que vous essayez aligner votre texte sur le côté gauche ou sur le côté droit, ils auront l'air plus puissant que la mise en page centrée A. Assurez-vous donc d'essayer d'aligner votre dext, vos en-têtes et vos images sur une seule ligne invisible, alors gardez cela à l'esprit. De même, si vous pouvez utiliser des formes, vous pouvez utiliser des promotions. Vous pouvez répéter cet alignement orteil, créer une symétrie. Donc, si quelque chose est fait de la même manière sur la colonne de gauche de votre conception sur le côté gauche de votre conception, vous pouvez répéter cela et créer un patron similaire sur le côté droit. Donc, cela va sembler plus équilibré. Essayez donc de créer des modèles similaires. Formes similaires, mises en page similaires et répétez-les. Utilisé répétition orteil une ligne et équilibrer votre design. Essayez de créer SMA traité. Un autre concept est l'alignement visuel de lecture, qui est que vous allez aligner vos choses sur la base de leur visuel. Attends. Alors, comme c'est lourd. Donc, si vous regardez ces deux exemples en bas, vous pouvez voir que le rouge est une forme irrégulière entre différentesformes similaires, formes similaires, qui sont celles qui sont bleues. Donc, en fait, j'ai utilisé un calcul mathématique en utilisant photo shop et essayer de centrer l'aligner dans le haut ici, vous pouvez voir l'espacement entre le haut semble dur. Donc, si vous regardez de près cette section rouge la forme rouge, vous pouvez voir là ce cercle sur le côté droit et le côté gauche qu'ils n'ont pas la même quantité d'espace. En outre, vous pouvez voir qu'il semble qu'il est plus au mouvement en haut. Et il est plus lourd sur le haut que sur le bas, donc vous pouvez voir que cela va arriver. C' est ce qu'on appelle l'alignement visuel du poids. Donc, vous allez utiliser vos yeux, vos yeux designers, et vous allez l'aligner en utilisant non seulement vous n'utilisez pas le tapis, mais en l'ignorant. Donc, vous allez utiliser un peu de votre cerveau cardiaque et vous allez mieux l'aligner. Donc maintenant, vous pouvez voir en bas par ici. J' ai essayé d'aligner l'espacement entre eux. En utilisant mes yeux sont l'alignement visuel du poids et vous pouvez voir qu'ils sont plus équilibrés. Aussi, j'ai essayé d'essayer de déplacer cette section rouge vers le bas afin qu'elle semble plus équilibrée qu' auparavant. C' est donc un autre concert, qui est appelé alignement visuel varié. C' est aussi plus tard pour Smith Tree and Balance, et j'espère que vous n'avez pas beaucoup appris sur la symétrie et l'alignement. Voyons quelques exemples. Passons à la leçon suivante. 17. Exemples d'alignement dans la conception: Je vais donc vous montrer quelques exemples d'alignement et de symétrie que nous avons appris dans la dernière leçon. Et voici quelques exemples. Donc, si vous regardez cette carte, que j'ai redessinée, vous pouvez voir ici sur le côté droit, vous voyez que ce nom, titre et numéro de téléphone en fait, ils sont alignés avec une ligne invisible sur du côté droit, sorte qu'ils sont tous alignés sur une seule ligne. De même, si vous regardez celui-ci, c'est également aligné orteil une ligne imaginaire ici sur le côté gauche et cet espace et cet espace sur la gauche et la droite. Les deux espaces sont égaux, il est donc utilisé pour créer un certain équilibre. De même, si vous regardez ou regardez et la première section de gestion de patrimoine pistolet première section, des solutions de gestion de patrimoine privé sur le front de carte lointaine, vous pouvez voir pourquoi j'ai aligné la gestion de la ceinture de pistolet avec la richesse privée solutions de gestion. Ceci est un slogan, ou vous pouvez voir ce que l'entreprise fait avec le nom de l'entreprise parce qu'il va orteil créer une image plus forte que le centre aligner ces deux prochaines afin que vous puissiez voir, c'est en fait une symétrie. De même, sur le côté gauche et le côté droit, j'utilise la même longueur sur la même barre verte, répétant le même orteil de section l'aligner et ils sont alignés sur une seule ligne similaire. Ils sont alignés ensemble. Donc, cette gestion de patrimoine des armes est alignée sur ces deux barres vertes à gauche et droite, sorte que vous pouvez voir comment vous allez atteindre un certain alignement dans votre conception sur. De même, si vous regardez l'architecture et le travail de toutes les architectures et architectures grandes et différentes , bâtiments , maisons différentes, vous allez voir beaucoup hors du cimetière. Dans eux, vous pouvez voir comment ils utilisent différentes formes et comment ils équilibrent leur conception. Il y a des choses à gauche, puis à droite. Il y a des choses qui se répètent encore et encore, et aussi vous pouvez voir qu'elles le sont. Ils sont alignés correctement avec certaines lignes imaginaires, ou vous pouvez dire des lignes droites, donc ils vont être élégants quand ils sont alignés comme ça en symétrie et en utilisant un certain équilibre. Voici une autre image d'une église, et vous pouvez voir comment l'alignement a été utilisé. Vous pouvez voir même dans les carreaux au sol, vous pouvez voir l'alignement d'une section différente . Aussi l'alignement du siège et l'alignement des murs. Et vous pouvez voir les piliers. Tout est aligné avec quelques règles strictes ou ligne stricte, ligne imaginaire de lignes droites. Donc, ils vont avoir fière allure quand ils vont l'utilisation des orteils être utilisés avec un certain alignement. Permettez-moi de vous montrer un autre exemple, qui est, ah, e commerce et e site de commerce de Creative K A R E un T v de dribble. Et c'est une excellente agence de design et vous pouvez voir que je vais vous montrer comment cet alignement a été utilisé et comment ils collent les lignes droites des orteils pour créer des designs impressionnants . Donc, je vais aller dans mon magasin pour les pieds, et je vais dessiner quelques lignes ici, quelques guides pour vous montrer comment il a été utilisé. Alors tracons une ligne ici dans cette zone et aussi au-dessus de la tête comme ça. Donc maintenant vous pouvez voir clairement que cette section, toute cette section est alignée orteil cette ligne bleue donc c'est ainsi que cet alignement gauche a été utilisé. Avis, prix du titre, nombre d'articles à une carte, même la part qu'ils sont alignés avec une ligne droite. De même, par ici, vous pouvez voir cette collection de maison Cet arrêt, euh, sentier. Il a été aligné sur cette image. Si tu descends, tu peux voir à nouveau. Ces lignes ont été alignées. La ligne de gauche est alignée sur cette image. Et ah, donc c'est comme ça qu'ils utilisent l'alignement. Vous pouvez donc voir maintenant comment cette section entière, cette section produit est alignée sur deux lignes ou ici. Donc, assurez-vous que chaque fois que vous concevez quelque chose, vous utilisez un bon alignement et aussi correct en exprimant vous pouvez voir qu'il y a beaucoup d' espace blanc entre les éléments, même ici nous sommes ici et ici et par ici. Alors gardez cela à l'esprit et vous serez vos conceptions sera plus grand avec juste l'utilisation de cette technique d' alignement qui a essayé de l'aligner avec une seule ligne et il sera superbe . Alors gardez ça à l'esprit. Laissez-moi vous montrer un autre exemple. Maintenant, si vous regardez cet écran qui est dans Adobe x t. J'ai conçu ceci. Vous pouvez voir qu'il y a sur la ligne imaginaire. Si je clique ici, puis sur la mise en page, vous pouvez voir comment cette conception entière a été mise en page. Donc, il est en train de tomber des lignes sur la gauche et la droite Donc vous pouvez voir à gauche ces tous les objets , ce fardeau, l'arrêt Jusqu'à présent. Titre démonté. Papa est là et tu peux voir les piles. Ils sont tous alignés sur cette ligne de gauche. Donc, vous pouvez voir que c'est comment j'utilise l'alignement dans tous ces écrans dans la conception d'applications mobiles et de la même manière ici, même chose arrive pas ont été fait de la même manière ici. Ainsi, vous pouvez voir que c'est la façon dont vous utilisez réellement l'alignement et l'alignement des lignes. Essayez de coller avec une ligne droite et vos dessins auront fière allure. J' espère que vous avez apprécié cette leçon. Si vous avez des questions à me poser, passons à la prochaine 18. Contraste dans le design visuel: Si vous voulez être le meilleur concepteur ou le meilleur concepteur, entre autres, la seule chose que vous devez maîtriser est d'utiliser le contraste dans vos conceptions. Maintenant, dans le monde du design, je pense que le contraste est le roi. Donc, si vous pensez que vos dessins n'ont pas l'air très élégant ou que la porte ne s'affiche pas, ils ne montrent pas la pop. En fait, sont les autres Dorsey dire Wow, c'est un grand design. J' adore ça. C' est parce que vous n'avez pas utilisé le contraste correctement. Maintenant, je vais te montrer un peu du vase. Vous pouvez obtenir un contraste dans votre conception maintenant comment vous pouvez obtenir le contraste. Il existe donc beaucoup de différents types de contraste. Comme, par exemple, si vous avez une très grande chose dans votre conception et une très petite chose, chose similaire. Donc, ils vont avoir beaucoup de contraste hors taille. De même, une chose est très brillante, très nette, et une est terne. Donc, c'est la couleur de contraste. Ensuite, le contraste de forme pourrait être tout. Un carré et soudainement un fardeau est arrondi. Bill Burton. Donc c'est le contraste du vaisseau. outre, vous pouvez utiliser le positionnement de contraste de sorte que si quelque chose est élevé et qu'il a beaucoup d' ombre, il est au premier plan et quelque chose est en arrière-plan. C' est donc aussi le contraste de la position. De même, vous pouvez utiliser la position et vous pouvez utiliser enchaîner la position d'un élément d'un respect à l' autre pour créer un mouvement pour créer un contraste. Donc, si vous voulez une large similitudes, par exemple, vous listez quatre icônes ou quatre sections et ils sont ah, alignés avec le haut de là avec l'alignement supérieur. Donc tout est aligné. Soudain, vous déplacez un hors d'eux ou de les éteindre comme 10 pixels au-dessus des deux autres. Donc non, vous créez un peu de contraste et intéressant votre design. De même, vous pouvez utiliser des espaces blancs. Vous pouvez utiliser beaucoup de combats base quelque part et certains dans certaines parties de votre conception, vous pouvez utiliser moins. Donc, chaque fois que vous utilisez beaucoup d'espace blanc autour de quelque chose, cela va créer beaucoup de contraste. Voici donc un exemple hors contraste avec les couleurs que vous pouvez voir ou lui. Nous avons le cercle Vidor milieu, qui est blanc et noir. Ils ont beaucoup de contraste entre eux parce qu'ils sont totalement deux côtés séparés des couleurs. De même, sur le côté rouge droit, vous pouvez voir le rouge et le bleu. Ils ont beaucoup de contraste. Mais d'un autre côté, sur le côté gauche, nous utilisons le contraste. Ce n'est pas trop, mais nous utilisons une nuance plus foncée de bleu et une nuance plus claire de donc il ya beaucoup de façons vous pouvez utiliser le contraste orteil avec l'utilisation de couleurs. Voici un contraste avec la taille. Vous pouvez voir les frais généraux. Nous et tous ces cercles. Ils sont les mêmes, la même couleur. Mais la taille est différente. Donc, si j'essaie d'utiliser un masque de texte ou j'utilise un paragraphe de texte. Alors je peux le modifier. Leur taille est beaucoup pour créer un contraste entre l'en-tête et le paragraphe. Voyons maintenant quelques exemples pour illustrer ce concept de contraste et le voir dans les conceptions réelles afin que vous puissiez avoir un peu plus de compréhension de ce concept de contraste 19. Utiliser des exemples de contraste appropriés: Permettez-moi de vous montrer différentes utilisations hors contraste et ensemble Nous pouvons améliorer nos conceptions en utilisant et en faisant confiance en utilisant quelques exemples et études de cas Donc vous pouvez voir que nous sommes ici. C' est essentiellement une page de destination que j'ai conçue il y a un moment, comme il y a quatre et cinq ans. Et vous pouvez voir si vous regardez cela dans la première section. Il y a beaucoup de types de contrastes que j'utilise. Le 1er 1 que je vais discuter est le contraste des couleurs. Ainsi, vous pouvez voir sur le côté droit le formulaire. Il a beaucoup de contraste par rapport à l'arrière-plan. L' arrière-plan est léger et l'avant de ce formulaire est très différent de tout l'arrière-plan. Ok, donc c'est comme ça qu'on peut utiliser le contraste des couleurs, Reinharz certains éléments. De même, si vous regardez cette personne, il est en ce moment très dominant et très différent de l'arrière-plan. Donc, il a beaucoup de contraste. Même le contraste sur le texte de la couleur et l'arrière-plan est également trop De même, si vous regardez le côté gauche, J'utilise le contraste entre les tailles de mon fort donc typhus tailles Vous pouvez voir la taille du titre et la taille du texte ont beaucoup hors échelle différente. Donc, le contraste entre leur échelle la taille est trop. C' est donc un intérêt créateur. De même, si vous regardez ces trois sections principales en surbrillance, vous pouvez voir que j'utilise à nouveau le contraste de taille et aussi certains ajouter un peu de contraste de couleur pour mettre en évidence ces trois éléments. Maintenant, si nous regardons cela une section client satisfait, il est très différemment conçu. Et j'ai eu l'idée d'un autre site informatique ou de ce site Web. De même, dans cette section, vous pouvez voir ah, chaque témoignage de chaque client est mis en évidence parce qu'il est très différent de l' arrière-plan. Donc, le fond a appel. Euh euh texture sur la texture répétée dessus, ce qui est génial. Si grand est une couleur pâle orteil plus proche blanc et vous pouvez voir ici nos clients satisfaits. Ils ont l'air élégant à ce sujet parce qu'ils ont couleurs très vives et très vives. De même, ici, nous utilisons un contraste hors premier plan et arrière-plan. Donc quelque chose est sorti. C' est plus proche de nous. Il est élevé de l'arrière-plan que vous pouvez voir ici et ah, arrière-plan. Donc, il a l'air superbe. En outre, les couleurs sont très nettes. Vous pouvez voir où ici les couleurs vives bleu pas si brillant, mais ils sont très différents de l'arrière-plan. De même, ici vous pouvez voir à nouveau. J' ai utilisé un rectangle, un orteil de forme Mettez un peu de contraste entre ce fond et cette section. Cela signifie donc que cette section est différente de l'arrière-plan. C' est donc ainsi que vous utilisez le contraste. J' ai utilisé le contraste dans cette conception. Voyons d'autres exemples maintenant. C' est un autre exemple que j'ai conçu récemment et vous pouvez clairement voir dans la section supérieure que beaucoup de contrastes de couleur ont été utilisés. Dans ce fardeau, vous pouvez voir ou entendre, il est très dominant et très noir. Et l'arrière-plan ici, l'int gourmand est très léger et quand l'ingrédient est sombre sur le côté gauche, vous pouvez voir le texte est clair dessus. Donc, il crée beaucoup de contraste de couleur orteil obtenir un facteur approprié et d'obtenir un grand effet. De même, si nous regardons cette section ici encore, j'utilise ah, beaucoup de contraste de couleurs, différentes couleurs pour attirer l'attention et le garder séparé des autres. Donc, c'est le condo des hôpitaux donc ils ont l'air différents et attirent plus d'attention parce que j'utilise beaucoup de contraste. Couleurs très nettes. Très vous pouvez dire très dominant. Ces couleurs ne sont pas des couleurs de facture, elles attirent donc beaucoup. De même, si nous regardons la taille du titre ici et la taille du texte, ils ont beaucoup de contraste entre eux parce qu'ils sont en fait une force différente. La première chose est que leurs styles sont différents. L' un est ah, un peu de sable ensemble d'humaniste. Je ne vais pas parler plus en détail de la force, mais ce sont des forces différentes. jeûne est la différence entre eux leur style, leurs structures différentes. La deuxième chose est que leur taille est différente. Donc j'utilise la compétence de contraste. Le texte est donc très petit. Le titre est très grand s O. C'est la différence entre eux qui le rend plus intéressant. Deuxième chose que vous voulez vous rappeler toujours, vous ne vous souviendrez pas où ici est que quelle que soit taille de la force que vous utilisez dans vos conceptions, elle doit être lisible et lisible à une distance normale. Alors gardez ça à l'esprit. Porte Essayez d'être trop artistique et dans l'utilisateur final pourrait ne pas être en mesure de lire votre site Web de Rapid. Ce serait inutile. Parlons maintenant du pied de page de cette conception et de la tête que vous pouvez voir à nouveau. J' utilise des couleurs très nettes et crée un peu de contraste ici. Ce pied de page, la section inférieure, a beaucoup de contraste entre les couleurs. Et aussi une chose de plus est que cette couleur peut faire confiance. Il a un certain rapport. Donc, si vous concevez quelque chose dont vous avez besoin pour dépasser ce ratio, cette décoloration sur ce fond est lisible et reconnaissable ou non. C' est donc très important. L' un des concepts importants. Je vais tirer sur Link. Je vais essayer de lier le site Web. Je pense que c'est le rapport de couleur couleur cendres raciales dot com, je suppose. Alors. Vous devez tester la couleur de fond et la couleur ci-dessus pour voir si ces tueurs ont pu contraste ratio et si ce texte peut être lu sur de petits appareils ou non. Donc, ici encore, dans cette section, j'utilise beaucoup de confiance Caloocan, et aussi j'essaie d'utiliser un peu d'alignement de contraste que vous pouvez voir ou entendre parler de nous est un peu loin de ce paragraphe. De même, nos produits Heading est un peu loin d'ici. Alors pourquoi je l'ai déplacé. Ah, un peu à gauche ou ce texte à droite pour créer un peu d'intérêt. Donc c'est encore une fois le contraste entre le positionnement des éléments et je l'utilise pour mélanger dans mon design un peu plus intéressant. Voyons d'autres exemples. Vous avez peut-être vu ce design Ah, beaucoup de fois. Et Ah, c'est mon projet récent. Je travaille toujours dessus et vous pouvez voir ce que l'enfer encore. Le contraste, c'est le roi ici. Tu peux voir si tu vas à ça, non ? droite. La plupart de l'écran. Et il s'agit d'instructions, en fait. Il y a donc des instructions vidéo et des instructions d'attaque pour que vous puissiez voir ou entendre cette couleur jaune sur ce fond blanc. Et ce brun foncé, ils ont beaucoup de bon contraste. Donc, cela signifie qu'ils sont interactifs. Ce sont des boutons. Ce sont des objets possibles. Ce sont des objets capables. De même, si vous regardez en bas ici, cette Ah, cette barre où vous devez appuyer sur différents onglets pour naviguer, ils sont mis en évidence avec bleu marine, marine foncé, couleur bleue. Il y a donc beaucoup de contraste. Donc, si vous pouvez maîtriser cette couleur, contraste et le contraste entre les tailles et le concept d'arrière-plan et de premier plan, vous pouvez vous marshal un designs. Concepts Web, application mobile conçoit tout. Encore une fois, sur le côté gauche, si vous regardez ce six oncle Gunter, ça veut dire que c'est mon siège d'oncle Gun Gunter. Donc c'est les cheveux que j'utilise un peu d'ombre. Donc l'ombre le sépare de l'arrière-plan. C' est donc le concept de fond de premier plan. J' essaie donc de créer un contraste entre les éléments de premier plan et d'arrière-plan. Donc quelque chose s'est écoulé. C' est le contraste de positionnement. Quelque chose est loin de l'arrière-plan. Donc, je pense que vous avez beaucoup appris sur ce contraste et comment vous pouvez l'utiliser. Laissez-moi vous montrer un autre exemple. C' est le dernier, et vous allez vraiment adorer. Voyons voir d'autres designers travailler parce que je pense que je suis juste un débutant. Nous allons donc voir des designers plus mûrs et des équipes hors concepteurs parce que les équipes ont normalement des idées plus grandes et le niveau de conception conçu par le créateur. Donc c'est un design que j'aime vraiment. C' est par Nicholas Solar vous et vous pouvez voir ici qu'il est. Je pense qu'il a utilisé ce contraste de couleur ah et le contraste entre les tailles de type à notre manière brillante afin que vous puissiez voir les tailles de type hors des choses importantes comme cette nouvelle valeur de la maison est à plus grand et un fort différent. Et ça a l'air génial. Toutes les autres forces que vous pouvez voir sont les mêmes ou Regina et le coût et sont sage est fait. Pas d'investissement, je crois. Et toutes ces choses et vous pouvez voir la partie inférieure est totalement différente. C' est l'invitation. Donc, ce sont les options. C' est donc l'information la plus importante. Donc, il l'a mis en évidence en utilisant la couleur bleu brut en utilisant la carte plus grande taille de la technologie de texte et bien sûr, il correspond à cette typographie, correspondance ou correspondance de couches est créer. Voyons d'autres exemples ici. Ici. Si vous regardez ce bouton orange en bas, vous pouvez voir cela attire instantanément l'attention que cet article est différent de tout cela. C' est un fardeau. Il s'agit d'un élément interactif. Donc c'est surtout un autre design qui arrête le dessin. Il utilise des couleurs très subtiles, mais laisser une couleur dominante. Donc, c'est une excellente technique et design. Je vais orteil créer plus ad vastes conférences sur elle sur l'utilisation subtile des couleurs dans la section suivante , que je vais créer et faire et améliorer et ajouter orteil les écoles encore et encore de même, ici. Le contraste de la taille du texte est ici. Ce cap méchant est trop grand. Ce texte est petit sur. Cette image attire l'attention. Il y a beaucoup de contraste entre l'arrière-plan de premier plan, ayant une ombre autour de lui pour lui donner une certaine profondeur et le positionner en haut de cet arrière-plan. De même, par ici, parlons. C' est le fardeau et c'est la seule section interactive ici. Donc, il y a beaucoup de contraste de positionnement et ensuite nous avons la couleur. Le contraste et la taille sont le contraste de taille entre l'échelle de contraste. De même, cela ressemble beaucoup et ici vous pouvez voir à nouveau le contraste entre les tailles de texte à nouveau, les médias publics. J' adore ça. Il y a beaucoup de contraste entre les éléments d'arrière-plan de premier plan, les tailles de texte. Ils sont vraiment charmants. Ensuite, passez à ce fax. Vous pouvez voir quoi ici. J' ai vraiment adoré ce site. C' est très minimaliste et et ah, l'utilisation hors typographie est génial. De même ici, si vous regardez cet écran, le contraste des couleurs est facilement visible. Vous pouvez voir le côté gauche est en fait qu'il ya bar ou la section Étais-tu ? Le plus d'interaction va se produire, puis la deuxième barre, puis la troisième section. Il a donc trois sections séparées par ces lignes et un contraste clair entre la section principale et les intersections. Ainsi, chaque fois que vous essayez d'utiliser un contraste de couleur ou des contrastes de taille, assurez-vous que vous utilisez et non pas trop l'utiliser. Donc, si une couleur est comme ici, vous pouvez voir cette couleur éon bleuâtre. Il a été utilisé sur les boutons de Lee pour que vous puissiez voir ou entendre. Entendre ? Nous avons été sur le sable sur, euh, ici, nous l'avons sur les amis et aussi sur cet ami. Il s'agit d'utiliser le contraste, taille, positionnement, couleur et ah, toutes les autres choses, arrière-plan de premier plan. J' espère que vous avez apprécié cette leçon. Si vous avez des questions à me poser, passons à la prochaine leçon. 20. Utiliser la répétition dans le design: Parlons de la répétition dans la conception. Maintenant, la répétition signifie que vous allez orteils. Répétez le même style, les mêmes formes similaires et les mêmes couleurs sont que vous pouvez dire des lectures similaires peaux similaires dans votre conception encore et encore, et il va vous rapprocher de la conception symétrique et équilibrée. En outre, répétition va avoir plus de sens parce que, par exemple, si vous concevez une page de destination et que vous avez un signe britannique à part enrichit écran et chaque fois que vous essayez orteil, utilisez ce vert similaire bouton. L' utilisateur va penser qu'il s'agit d'un élément interactif. J' ai besoin d'un coup de pied sur les orteils. J' ai besoin de taper dessus. Donc, la répétition dans votre design va aux pieds. Communiquez à l'utilisateur que votre conception est cohérente, sorte que la cohérence va venir avec la répétition afin que vous puissiez répéter différentes formes. Par exemple, si vous utilisiez des formes d'ellipse pour vos images d'avatar, vous allez utiliser les mêmes vaisseaux élévateurs sur toute votre conception. De même, vos sections, par exemple, les hauteurs et arraché vos éléments. Vous pouvez les répéter. Vous pouvez répéter différentes couleurs. Vous allez fixer différentes couleurs Par exemple, si mon site Web est e commerce site, J'ai Ah, um bouton orange pour ajouter à la carte. J' ai besoin de l'utiliser juste sur Ajouter au panier pas pour les autres messages ou d'autres choses . Ok, alors gardez ça à l'esprit. La répétition dans la conception peut être à plusieurs égards le style, formes et les couleurs et les lignes de sections. Vous pouvez les répéter maintenant. Le problème est, si vous essayez de répéter la même chose encore et encore et c'est très similaire à la même chose. Par exemple, deux sections de votre site Web. Ils sont très similaires dans le style et tout ce qu'il va orteils créer une perte souvent juste pour que votre design commence à paraître ennuyeux. Il y a donc une technique que je vais vous donner, c'est la variation. Mais vous allez répéter ça avec un peu de retard. Les variations sont utilise une pétition, mais avec une certaine vision. Par exemple, lorsque vous me voyez dans mon cours de typographie, j'ai utilisé un jeu de couleurs inverse pour certains hors du texte. Donc, il est appelé tueurs répétés sont l'espace, mais dans l'inverse. Donc, par exemple, si j'utilise ceci sur le côté gauche, vous pouvez voir que je suis vous l'êtes. Je t'aime. Il est écrit en rouge et vous pouvez le voir sur le côté droit. J' essaie de créer un peu d'intérêt. J' utilise la même couleur. Les mêmes formes, tout. Mais j'essaie de créer un peu plus d'intérêt, et j'ai mis en évidence cette section L pour l'amour. Et c'est ainsi que vous pouvez créer différentes variations tout en vous limitant à la même répétition ou à la même répétition de l'espace, couleur et des différentes sections. Aucune chose importante est que la répétition ne doit pas être seulement avec vos couleurs ou les formes , mais aussi avec de lui et les hauts randonnées et aussi l'espacement entre les éléments. Par exemple, chaque section de votre site Web ou votre logo Each dispose d'un espace au-dessus et au-dessous. Vous devez garder cela cohérent dans l'ensemble de votre conception. Par exemple, si vous avez conçu un site Web qui va être sur le mobile qui va être utilisé sur des tablettes, des iPhones ou des iPads, vous devez penser que cet espace doit être autour d'elle, ou ce pourcentage d'âge de l'espace doit être autour d'elle pour le faire paraître proéminent ou peut le faire paraître superbe. Vous devez donc utiliser différentes sections. Vous pouvez utiliser ces sections avec l'utilisation de couleurs, ou vous pouvez utiliser certains, um, masques. Et on réparerait les faits saillants de Heiser et on lirait. Ou peut-être quelques ratios que cette image va être dans cette race de cette taille, et vous pouvez l'utiliser dans vos différentes sections. Donc, ce genre de répétition va se trouver dans beaucoup de sections. Par exemple, pages, les sites Web, les pages Web. Il y a différentes sections, donc chaque section aura une répétition sur un espace différent. Différents titres, différentes couleurs de titre afin qu'ils vont répéter. Donc, dans la première section, par exemple, des couleurs cachées noir, peut-être dans la section suivante. Le tueur caché est blanc, mais toujours la taille de la cachette la même. Donc, vous utilisez la taille de la répétition. De même, par exemple, si dans votre première section votre en-tête, vous avez laissé une marge supérieure ou un titre supérieur , par exemple , 200 pixels, vous allez laisser le même dans la section suivante. Non, j'ai vu cela dans beaucoup de grands designers que c'est un très gros problème. J' ai vu beaucoup de fois que les concepteurs nerveux ou les concepteurs de grands noms. Ils ne traitent pas les espaces blancs comme un bloc de contenu. Donc, chaque fois que vous voyez un espace blanc ou un espace vide, je ne pense pas que ce n'est pas Ah, bloquez votre élément de conception. C' est aussi un bloc, donc vous allez répéter ce bloc de conception espace blanc, et vous allez utiliser cette répétition dans votre conception et vous allez aller orteils. J' ai utilisé l'orteil de répétition spatiale vice, créer un rythme vertical et un espacement horizontal et un espacement vertical. Donc, ce qui est le rythme vertical, c'est comment vos éléments vont s'espacer dans la direction verticale les uns des autres. J' ai beaucoup parlé de ce rythme vertical dans mon cours de typographie. Donc, si vous êtes intéressé à utiliser comment utiliser cette typographie et comment rendre votre design intéressant et des choses de mise en page, vous pouvez jeter un oeil à mon cours de typographie. Maintenant, je vais passer à beaucoup d'exemples, donc nous allons voir beaucoup d'exemples. Je vais vous expliquer comment j'ai utilisé l'espace blanc et comment nous avons utilisé les conceptions de numéros de répétition , donc tout cela a du sens pour vous. Passons donc à la leçon suivante 21. Exemples de répétitions 08: Voici donc quelques exemples où je vais illustrer le concept de répétition dans votre conception. Maintenant, si vous regardez l'écran de gauche ou ici le plein écran sur la gauche, je vais commencer à partir d'ici et vous pouvez voir que ce haut ne s'est jamais arrêté à une barre où nous avons le titre de l'application est en fait le même que celui-ci. Donc, sur le 3ème 1 Donc, sur le côté droit et sur le côté gauche, ils utilisent la même chose. Également au milieu est le même, mais juste la taille du fort. Ou vous pouvez dire que le patron est un peu différent. Maintenant, si vous regardez cet écran de gauche, vous pouvez voir les éléments que je répète. Vous pouvez voir cette ligne 10 en haut. La séparation est utilisée ou les cheveux à nouveau dans la section suivante afin que vous puissiez voir que je l'utilise orteil séparer mes deux sections. Donc c'est la répétition. C' est le même style, même élément de ligne que j'utilise et le répète pour séparer mes sections. Maintenant, si vous regardez, euh, ces boutons, vous pouvez voir tous les boutons de contrôle qui sont à l'intérieur de l'écran. Ce sont, euh, ellipses. Donc, ils sont tous des cercles, le bouton de magasin, le déclin. Mais sur cette haine mais sur ces contrôles aux contrôles, ils sont tous cohérents. Ils ont répété leur répéter la forme hors et un cercle. Donc ils sont tous des ellipses. Donc, vous pouvez voir que c'est la répétition hors forme. J' utilise donc la même forme partout dans mon design. Vous pouvez même voir cette forme dans la fonction mémoire. Donc, si vous pouvez voir 1234 ou mener, c'est en allemand, en fait. Donc, ce sont pour les positions de mémoire que vous pouvez définir afin que vous puissiez voir même dans ces positions de mémoire , j'utilise le même élément de conception qui est encerclé. Et si vous regardez ma police de caractères, vous pouvez voir beaucoup de canapés. C' est aussi avoir une certaine douceur en elle. Ce n'est pas très audacieux. Donc c'est un petit orteil de jeu, ce cercles. Parlons maintenant de la répétition hors couleurs. Maintenant, vous pouvez voir comment vous risquez de rire en regardant cette vidéo parce que vous pouvez clairement voir beaucoup de couleurs. Adjoint, par ici. Maintenant, si vous regardez ça pour la peau sur la gauche. Cette couleur bleu marine bleu foncé est utilisée comme remplissage pour tous les contrôles primaires. Donc tu peux voir quoi ? Ici. Détendez-vous. Cette option est sélectionnée. Il y a donc cette chemise bleue plus foncée. Vous ne pourrez peut-être pas le voir, mais en ce moment, sur mon écran, c'est très sombre, proche de la marine noire, couleur bleue. Et aussi vous pouvez voir cet onglet de navigation gauche. Il est activé. Donc, tous ces ont les mêmes couleurs. De même, si vous regardez cela jusqu'à présent à l'intérieur de cela, il a ah, couleur bleu clair, qui est à nouveau vous pouvez voir dans cette activité, mais dans ces activités, mais et donc nous sommes ici. Et cette orange est en fait que j'ai utilisé pour le chauffage parce que c'était un concept un peu différent , donc je n'ai pas répété sur les couleurs bleues ici. Ok, Ok. Passons maintenant à cet écran du milieu. Maintenant, vous pouvez voir que vous pouvez clairement voir que ce sont deux vidéos. Je pense que trois vidéos et ils utilisent le même bouton de titre de style pour jouer la même hauteur et largeur. Donc aussi, vous pouvez remarquer que l'espacement entre eux, vous pouvez voir l'espacement entre ces trois vidéos est le même espacement plus chatouillement. C' est donc un concept de plus. De même, si vous regardez à gauche et à droite de tous ces écrans, vous pouvez voir le contenu interne. Ils ont la même marge et l'écart, donc la gauche et la droite sont égaux. Donc, il rend la conception plus équilibrée, et vous pouvez voir aussi les icônes. Ceux-ci utilisent le jeu de Burton ils utilisent la couleur jaune, et à l'intérieur est de nouveau nommer sur le côté droit. Vous pouvez voir que nous utilisons à nouveau la même couleur verte pour l'activation que ces choses ont été activées ou celles-ci sont activées et encore ici, cette couleur jaune, même couleur jaune pour les éléments interactifs. Donc, c'est fondamentalement mon second régulier, et vous pouvez voir ou entendre ça. C' est aussi interactif, mais j'utilise un peu. Tu peux dire une couleur marron plus foncé ici. Ok, donc ces thés utilisent le même patron, mêmes tailles typographiques. Tout est pareil, et vous pouvez voir que c'est ainsi que nous utilisons les répétitions. Donc, la répétition est une partie intégrante de tout vous un design dont vous avez besoin pour fixer les quatre tailles. Si quelque chose est utilisé pour le titre, il doit être utilisé pour diriger tout au long de votre conception. Tremper. La répétition va aux pieds. Créez de la cohérence dans votre conception, alors assurez-vous d'utiliser une répétition de la bonne manière. Non, regardons ce design. Nous allons donc couvrir le concept de la répétition avec quelques variations. Et maintenant vous pouvez voir ici sur la gauche que j'utilise à nouveau la même chose. C' est l'une des plus grandes cachettes. Mais le fort que j'utilise ici est utilisé pour les titres tout au long de ma conception. C' est donc le même ford de taille différente. Sur ce est la même Ford et la même taille pour toutes les sections, la quatrième et la taille est semble donc vous pouvez voir cela va créer une certaine cohérence dans votre conception. De même, si vous regardez cela, j'ai créé une certaine séparation avec quelques couleurs. Donc, j'utilise le matador junking ici en regroupant en utilisant quelques couleurs et en séparant ces deux. Mais si vous regardez de près ici, les espaces entre les éléments sont très délicats. Alors gardez cela à l'esprit que vous pouvez voir ou entendre la forme sent qu'ils ont le même espacement entre eux. Passons à un court, mais je vais vous montrer comment tous les espacements vont fonctionner et comment j'ai tracé tout ce design. Donc, si vous regardez ça par ici, vous pouvez voir que cet espace du haut est presque similaire à cet endroit ici. Donc, ils sont égaux en haut et en bas. De même, si vous regardez ce rythme, c'est indifférent. Et vous pouvez aussi voir si cet espace est presque égal à l'espace ici. Donc, j'utilise la répétition de l'espace vertical ou de l'espace blanc des cheveux. Et de même, vous pouvez voir les écarts entre ces quatre. Ce sont des répétitions. Donc maintenant vous pouvez voir ici j'utilise quatre couleurs différentes. Pourquoi c'est ça ? Le problème est que si j'essaie d'utiliser la même couleur encore et encore, cela pourrait devenir ennuyeux. Donc, pour en créer, vous pouvez dire un intérêt intéressant pour votre conception. J' essaie d'utiliser différentes couleurs ici afin que vous puissiez voir qu'elles sont plus naturelles et qu'elles sont plus attrayantes. Ils sont plus colorés, ils attirent plus d'attention. De même, celui-ci waas à la fin. Tellement seul. J' ai donc essayé d'utiliser une autre couleur pour ça. Maintenant, nous avons l'inverse inverse inverse de notre schéma de couleurs et j'utilise un fond sombre et sur les couleurs claires supérieures. Donc, c'est une autre variation que vous pouvez faire. Mais vous pouvez voir que c'est à nouveau la section et aussi cet espace entre les différentes sections est le même. De même, celui-ci est à nouveau blanc et il y a beaucoup de off car icônes sont leurs logos ici. Ensuite, nous l'avons encore. Vous pouvez remarquer l'espacement. As-tu remarqué l'espace ? C' est une étape très importante donc vous pouvez voir que j'utilise beaucoup d'espace blanc au-dessus et ci-dessous. Ils sont presque les mêmes. Donc, si je fais clair quelque chose comme ça, vous pouvez voir comment cela crée un rectangle parfait . Regardons quelques autres exemples eso pour illustrer l'idée hors répétition. Vous pouvez voir qu'il s'agit d'un autre design que vous avez pu voir à quelques reprises dans ce cours. Donc vous pouvez voir ça, mais un autre ici, de la même couleur. Le même fardeau est utilisé dans beaucoup d'endroits comme celui-ci ici, par ici. Et aussi dans cette abonner personne. Ainsi, vous pouvez voir les mêmes couleurs sont répétées encore et encore. Cette ligne en haut de cette rubrique est répétée encore et encore. Cela peut vous montrer ici est la ligne en haut de cette navigation et ici nous l'avons encore, encore une fois, les lignes que vous pouvez voir pour montrer les titres Ils ne sont pas bleus, donc ils sont un peu différents avec certains variation à nouveau, la ligne en haut ici encore, la ligne en haut. C' est ainsi que nous avons utilisé la répétition dans nos conceptions. En outre, vous pouvez regarder différentes couleurs. Par exemple, Degrés grâce ont été utilisés dans beaucoup de motifs différents et les couleurs de fond ici encore, grave avec un certain patron. Et c'est ainsi que toute cette conception a été à la recherche cohérente ensemble. Et c'est ainsi que vous allez utiliser la cohérence dans votre conception en utilisant la répétition avec couleurs, les formes, formes, les lignes, typographie, tailles, 22. Exemples de répétitions 08: Voici donc quelques exemples où je vais illustrer le concept de répétition dans votre conception. Maintenant, si vous regardez l'écran de gauche ou ici le plein écran sur la gauche, je vais commencer à partir d'ici et vous pouvez voir que ce haut ne s'est jamais arrêté à une barre où nous avons le titre de l'application est en fait le même que celui-ci. Donc, sur le 3ème 1 Donc, sur le côté droit et sur le côté gauche, ils utilisent la même chose. Également au milieu est le même, mais juste la taille du fort. Ou vous pouvez dire que le patron est un peu différent. Maintenant, si vous regardez cet écran de gauche, vous pouvez voir les éléments que je répète. Vous pouvez voir cette ligne 10 en haut. La séparation est utilisée ou les cheveux à nouveau dans la section suivante afin que vous puissiez voir que je l'utilise orteil séparer mes deux sections. Donc c'est la répétition. C' est le même style, même élément de ligne que j'utilise et le répète pour séparer mes sections. Maintenant, si vous regardez, euh, ces boutons, vous pouvez voir tous les boutons de contrôle qui sont à l'intérieur de l'écran. Ce sont, euh, ellipses. Donc, ils sont tous des cercles, le bouton de magasin, le déclin. Mais sur cette haine mais sur ces contrôles aux contrôles, ils sont tous cohérents. Ils ont répété leur répéter la forme hors et un cercle. Donc ils sont tous des ellipses. Donc, vous pouvez voir que c'est la répétition hors forme. J' utilise donc la même forme partout dans mon design. Vous pouvez même voir cette forme dans la fonction mémoire. Donc, si vous pouvez voir 1234 ou mener, c'est en allemand, en fait. Donc, ce sont pour les positions de mémoire que vous pouvez définir afin que vous puissiez voir même dans ces positions de mémoire , j'utilise le même élément de conception qui est encerclé. Et si vous regardez ma police de caractères, vous pouvez voir beaucoup de canapés. C' est aussi avoir une certaine douceur en elle. Ce n'est pas très audacieux. Donc c'est un petit orteil de jeu, ce cercles. Parlons maintenant de la répétition hors couleurs. Maintenant, vous pouvez voir comment vous risquez de rire en regardant cette vidéo parce que vous pouvez clairement voir beaucoup de couleurs. Adjoint, par ici. Maintenant, si vous regardez ça pour la peau sur la gauche. Cette couleur bleu marine bleu foncé est utilisée comme remplissage pour tous les contrôles primaires. Donc tu peux voir quoi ? Ici. Détendez-vous. Cette option est sélectionnée. Il y a donc cette chemise bleue plus foncée. Vous ne pourrez peut-être pas le voir, mais en ce moment, sur mon écran, c'est très sombre, proche de la marine noire, couleur bleue. Et aussi vous pouvez voir cet onglet de navigation gauche. Il est activé. Donc, tous ces ont les mêmes couleurs. De même, si vous regardez cela jusqu'à présent à l'intérieur de cela, il a ah, couleur bleu clair, qui est à nouveau vous pouvez voir dans cette activité, mais dans ces activités, mais et donc nous sommes ici. Et cette orange est en fait que j'ai utilisé pour le chauffage parce que c'était un concept un peu différent , donc je n'ai pas répété sur les couleurs bleues ici. Ok, Ok. Passons maintenant à cet écran du milieu. Maintenant, vous pouvez voir que vous pouvez clairement voir que ce sont deux vidéos. Je pense que trois vidéos et ils utilisent le même bouton de titre de style pour jouer la même hauteur et largeur. Donc aussi, vous pouvez remarquer que l'espacement entre eux, vous pouvez voir l'espacement entre ces trois vidéos est le même espacement plus chatouillement. C' est donc un concept de plus. De même, si vous regardez à gauche et à droite de tous ces écrans, vous pouvez voir le contenu interne. Ils ont la même marge et l'écart, donc la gauche et la droite sont égaux. Donc, il rend la conception plus équilibrée, et vous pouvez voir aussi les icônes. Ceux-ci utilisent le jeu de Burton ils utilisent la couleur jaune, et à l'intérieur est de nouveau nommer sur le côté droit. Vous pouvez voir que nous utilisons à nouveau la même couleur verte pour l'activation que ces choses ont été activées ou celles-ci sont activées et encore ici, cette couleur jaune, même couleur jaune pour les éléments interactifs. Donc, c'est fondamentalement mon second régulier, et vous pouvez voir ou entendre ça. C' est aussi interactif, mais j'utilise un peu. Tu peux dire une couleur marron plus foncé ici. Ok, donc ces thés utilisent le même patron, mêmes tailles typographiques. Tout est pareil, et vous pouvez voir que c'est ainsi que nous utilisons les répétitions. Donc, la répétition est une partie intégrante de tout vous un design dont vous avez besoin pour fixer les quatre tailles. Si quelque chose est utilisé pour le titre, il doit être utilisé pour diriger tout au long de votre conception. Tremper. La répétition va aux pieds. Créez de la cohérence dans votre conception, alors assurez-vous d'utiliser une répétition de la bonne manière. Non, regardons ce design. Nous allons donc couvrir le concept de la répétition avec quelques variations. Et maintenant vous pouvez voir ici sur la gauche que j'utilise à nouveau la même chose. C' est l'une des plus grandes cachettes. Mais le fort que j'utilise ici est utilisé pour les titres tout au long de ma conception. C' est donc le même ford de taille différente. Sur ce est la même Ford et la même taille pour toutes les sections, la quatrième et la taille est semble donc vous pouvez voir cela va créer une certaine cohérence dans votre conception. De même, si vous regardez cela, j'ai créé une certaine séparation avec quelques couleurs. Donc, j'utilise le matador junking ici en regroupant en utilisant quelques couleurs et en séparant ces deux. Mais si vous regardez de près ici, les espaces entre les éléments sont très délicats. Alors gardez cela à l'esprit que vous pouvez voir ou entendre la forme sent qu'ils ont le même espacement entre eux. Passons à un court, mais je vais vous montrer comment tous les espacements vont fonctionner et comment j'ai tracé tout ce design. Donc, si vous regardez ça par ici, vous pouvez voir que cet espace du haut est presque similaire à cet endroit ici. Donc, ils sont égaux en haut et en bas. De même, si vous regardez ce rythme, c'est indifférent. Et vous pouvez aussi voir si cet espace est presque égal à l'espace ici. Donc, j'utilise la répétition de l'espace vertical ou de l'espace blanc des cheveux. Et de même, vous pouvez voir les écarts entre ces quatre. Ce sont des répétitions. Donc maintenant vous pouvez voir ici j'utilise quatre couleurs différentes. Pourquoi c'est ça ? Le problème est que si j'essaie d'utiliser la même couleur encore et encore, cela pourrait devenir ennuyeux. Donc, pour en créer, vous pouvez dire un intérêt intéressant pour votre conception. J' essaie d'utiliser différentes couleurs ici afin que vous puissiez voir qu'elles sont plus naturelles et qu'elles sont plus attrayantes. Ils sont plus colorés, ils attirent plus d'attention. De même, celui-ci waas à la fin. Tellement seul. J' ai donc essayé d'utiliser une autre couleur pour ça. Maintenant, nous avons l'inverse inverse inverse de notre schéma de couleurs et j'utilise un fond sombre et sur les couleurs claires supérieures. Donc, c'est une autre variation que vous pouvez faire. Mais vous pouvez voir que c'est à nouveau la section et aussi cet espace entre les différentes sections est le même. De même, celui-ci est à nouveau blanc et il y a beaucoup de off car icônes sont leurs logos ici. Ensuite, nous l'avons encore. Vous pouvez remarquer l'espacement. As-tu remarqué l'espace ? C' est une étape très importante donc vous pouvez voir que j'utilise beaucoup d'espace blanc au-dessus et ci-dessous. Ils sont presque les mêmes. Donc, si je fais clair quelque chose comme ça, vous pouvez voir comment cela crée un rectangle parfait . Regardons quelques autres exemples eso pour illustrer l'idée hors répétition. Vous pouvez voir qu'il s'agit d'un autre design que vous avez pu voir à quelques reprises dans ce cours. Donc vous pouvez voir ça, mais un autre ici, de la même couleur. Le même fardeau est utilisé dans beaucoup d'endroits comme celui-ci ici, par ici. Et aussi dans cette abonner personne. Ainsi, vous pouvez voir les mêmes couleurs sont répétées encore et encore. Cette ligne en haut de cette rubrique est répétée encore et encore. Cela peut vous montrer ici est la ligne en haut de cette navigation et ici nous l'avons encore, encore une fois, les lignes que vous pouvez voir pour montrer les titres Ils ne sont pas bleus, donc ils sont un peu différents avec certains variation à nouveau, la ligne en haut ici encore, la ligne en haut. C' est ainsi que nous avons utilisé la répétition dans nos conceptions. En outre, vous pouvez regarder différentes couleurs. Par exemple, Degrés grâce ont été utilisés dans beaucoup de motifs différents et les couleurs de fond ici encore, grave avec un certain patron. Et c'est ainsi que toute cette conception a été à la recherche cohérente ensemble. Et c'est ainsi que vous allez utiliser la cohérence dans votre conception en utilisant la répétition avec couleurs, les formes, formes, les lignes, typographie, tailles, 23. ÉTUdie - Des-cartes à échelle grise: Maintenant, je vais créer génial regardant, garde de visite ou carte de visite, et je vais vous montrer comment vous pouvez concevoir en utilisant tous les principes et toutes les techniques et éléments hors conception que je vous ai enseigné dans les leçons précédentes. Et aussi, ça va être ma prochaine mission. Donc, en ce moment, nous allons concevoir cette carte en utilisant Adobe pour un magasin, et je pense que l'outil logiciel approprié pour concevoir des cartes imprimables à imprimer est Adobe illustrator. Mais encore, je pense à obéir pour la boutique peut être habitué à. Donc, nous allons plonger dans la boutique, et je vais créer trois variantes différentes à partir de ça et je vais vous montrer quelles sont les directions de conception ou ce que je voulais ou l'équipe hors de ce design ou ville ? Quelles sont les propriétés de ce design, ce soit fort, amusant, amusant, créatif ou autre, Alors commençons et commençons à créer cette carte de visite génial qui plonge dans la boutique. Ok, maintenant, pour commencer ce design, nous allons aller au fichier nouveau et nous allons aller imprimer les orteils, et la taille que nous allons ajouter est de 3,75 pouces pour 10. La hauteur sera à 5,25 Donc 0,25 est en fait la marge perdue et la marge de race signifie que cette partie va couper les orteils lorsque les voitures sont imprimées Jessica. Après cela, ils essayent les orteils, les coupent dans la forme de la voiture, et c'est la zone de race qui va être coupée et à l'extérieur de la carte. Nous allons donc l'ajouter à notre design. Ok, alors on va sélectionner ce tableau d'art en ce moment. Si vous sélectionnez des tableaux d'art, il se déplace simplement vers l'article. Si on veut le convertir pour le voir. Michael Itron. OK, alors appuyez sur effacé. Appelons le garde de visite ou carte de visite. D' accord. Et appuyez sur mignon. Ici, nous avons le premier tableau d'art. C' est ah, avant, côté off, autre carte et ce zoom arrière. Et nous allons aussi créer la deuxième suppression. Juste ce plus et nous aurons la deuxième œuvre d'art. Donc, en ce moment, nous sommes dans le premier tableau d'art. Donc, la première chose que nous allons faire est que nous allons établir un plan, alors le plan va être que nous avons besoin de grilles et de guides. Il nous faut des boîtes, les orteils alignent les choses pour ça. Nous allons aller voir la nouvelle mise en page du guide et laissez-moi vous montrer comment j'ai créé tout cela . Ces gars-là. Donc, vous allez utiliser. Laisse-moi te montrer ici. Quatre problèmes et la gouttière Gretel est essentiellement l'espace entre les colonnes que vous pouvez voir ici. Ce sont les gouttières entre les colonnes. Il y a donc 41234 colonnes et le gouverneur est de 0,1 à 5. Donc c'est comme ça que j'essaie la conception des orteils, ma disposition ah. Et j'utilise cinq lignes, qui est de haut en bas 12345 lignes. Et la gouttière entre eux est 123450.67 Donc, même si vous voulez utiliser la gouttière de 0,1 à 5, c'est à vous de décider. Concevrons ça comme ça. C' est à vous de décider. D' accord. Donc, je ne pense pas que ce cutter beaucoup va être utile parce que nous n'avons pas trop de contenu ici. Rappelez-vous donc la leçon avec les calques conçus avec du contenu. Ok, donc c'est tout et on va appuyer. D' accord, même, nous allons faire la même chose avec celui-ci dans la mise en page tout à fait et il va être par ici. Ok, donc une fois qu'on a dormi ça, tu peux voir qu'ils sont activés. Ok, alors commençons. Et d'abord, nous allons utiliser notre outil de texte et ah, utilisons juste la liste noire. C' est ainsi que je voulais vous montrer mon processus de conception. Donc, je vais aller avec 1 40 pixels, très grand quatre taille et l'étranger que je sélectionne ou typhus que je sélectionne est Roboto. D' accord ? Donc, avant de recommencer la conception, nous avons besoin d'orteil. Assurez-vous que notre quoi ? Nos corps, Notre équipe de conception sur la direction. Ok, donc mon entreprise est une entreprise de conception d'expérience utilisateur et je voulais avoir l'air très fort, puissant, créatif et simple mais moderne. Je veux donc transmettre mon message. Utiliser la simplicité ne doit pas être trop simple. Mais il semble moderne et élégant et je veux montrer que nous sommes assez puissant et assez fort orteil résoudre vos problèmes. Donc le fort, basé sur toutes ces choses, le type que j'ai choisi est roboto parce qu'il est très élégant et très moderne. Il est puissant sensoriel formé et pour la puissance que je vais utiliser avec le taureau Tiefest. Donc, pour cela, j'utilise roboto condensé audacieux 1 40 picks est Ok, alors nous allons créer cette entreprise de fictions utiliser capable. Ok, donc je vais l'aligner au milieu comme ça. Allez, Lee à de select. Ok, maintenant, si vous regardez par ici, nous avons 1234 colonnes et vous pouvez voir que mon texte est presque dans la colonne du milieu. Donc je vais l'aligner ici, la ligne de base de mon téléphone ou mourir visage. Je vais l'aligner sur mon rôle. La base de cette pièce. Donc vous avez peut-être deviné que j'utilise des niveaux de gris noirs et vitaux. Donc c'est la première étape, OK, maintenant je vais utiliser est le deuxième tiefest. Donc je voulais être très élégant, et je veux beaucoup de contraste. Donc, le contraste sera en taille deux. Donc, ce que j'ai fait, c'est que j'ai sélectionné la source Sands Pro, qui est l'un de mes favoris. Forks craignait la Force et j'ai choisi. C' est comme la vie. C' est comme le style, parce que pourquoi ai-je fait ça parce que je voulais avoir beaucoup de contraste entre ces deux polices de caractères. Donc, nous l'avons aligné au milieu et sélectionnons un peu plus régulièrement pour cela comme ça . C' est donc notre design en niveaux de gris. C' est une ligne ici. Peut-être au milieu de ce groupe. Donc, soit vous pouvez sélectionner cette règle comme ceci, puis sélectionner ceci et nous et vous pouvez l' aligner au milieu comme ceci. C' est déjà au milieu. Ok, donc on doit être élémentaire ici. Ok, donc j'utilise juste un point, qui va être nos lèvres. Et je vais utiliser une ellipse ici juste pour souligner la force. Ok, donc ça va être Faisons 41 vixens. Ok, donc je vais aller aux pieds, bouger. Comme dans la même ligne. Vous pouvez voir l'alignement. Un 123 Cachons la commande et le contrôle de la grille, je pense. Colin, je ne suis pas sûr que je vais faire la liste ici. Le raccourci par ici. Ok, donc vous pouvez aussi aller ici et montrer et cacher vos gars pour que ce soit en fait de la neige filtrée . Pas un grand Cred du Nord, mais les gars voient vraiment ce sont les gardes. C' est en fait le raccourci. Ok, donc nous avons ces deux éléments, alors assurez-vous avant de commencer à concevoir votre carte. Tu sais ce que tu vas mettre ici. Nous avons donc deux éléments. Juste un slogan et ah, c' est notre texte. D' accord ? Maintenant, pour créer un peu d'intérêt et d'équilibre, je vais aller aux pieds parce que vous pouvez voir que j'utilise beaucoup d'espace blanc en haut à droite et à gauche juste pour souligner cette pièce et cet orteil. Prends un peu. Vous pouvez dire un peu d'intérêt. Je vais utiliser cette section du bas. Ok, donc ça va être comme ça. Peut-être comme ça, quelque chose comme ça. C' est donc notre mise en page réelle sur la conception, ou vous pouvez voir les niveaux de gris conçus. Ok, maintenant passons à celui-ci, et je vais dépendre des grilles. Donc ce que je vais faire, c'est encore une chose. J' ai besoin d'orteil te dire que cette marge est en fait dangereuse. Aire le droit et de faire n'importe quoi. OK, donc l'arrêt a laissé ça à droite ? Et le fond, ils pourraient couper quand ils sont imprimés. Donc ce que je dois faire, c'est que je vais utiliser les orteils. Soit ce bloc ici pour mon texte ou ce que je peux faire est que je peux soit utiliser ceci. Donc, si j'utilise le bon côté, je vais l'aligner sur cette ligne à droite. Donc si j'essaie d'utiliser l'alignement de gauche, je vais l'utiliser ici. D' accord ? Donc maintenant ce que je dois faire, c'est que nous allons mettre nos ponts juste ici, et ah, force est à nouveau la récompense. Oh, j'utilise. Donc, je vais utiliser Robot ici. Ici, nous avons le conseil Roboto. Donc cette fois, je vais utiliser gras ou noir ? Peut-être le talic noir le plus proche premier noir et nous avons le noir. Donc, je vais utiliser mon nom s et et je vais utiliser le titre dans la même ligne PDG ou et sur la ligne suivante, je vais utiliser mon numéro de téléphone avec un peu d'espace. C' est mon vrai numéro de téléphone et c'est mon email. Et encore une chose. C' est ajouter un côté de représentant fictif par ici. Utilisez Amber. Ne fais pas quelque chose comme ça. Ok, donc maintenant, si tu le regardes par ici, j'utilise le principe de la proximité de l'orteil. Allouer toutes les choses de manière similaire et proche les unes des autres. Parce que ce sont tous des contacts. Il l'est. Une chose que je vais faire, c'est que je ne veux pas que ce texte soit si gros. Donc, je vais utiliser 36 Je pense 36 regarder le taux. Et aussi je vais l'utiliser changer à normal, donc je ne veux pas qu'il soit trop audacieux sur. Aussi, je veux qu'ils soient en ligne. La hauteur sera un peu. Je veux les rapprocher un peu. 48. Ok, donc ici nous avons le fond dehors. Voyons à quel point c'est loin d'ici. Donc, je vais en faire une ligne à ça. 1234 Ça fait cinq. Faisons quelque chose comme ça. Ça a l'air super. Ok, donc ça va être mis en évidence, donc je vais utiliser une couleur noire plus foncée ici pour celle-là. Donc, mes amis, c'est la mise en page pour la mise en page en niveaux de gris de mon dessin dans ma carte. C' est ainsi que vous devriez commencer vos conceptions et vous pouvez voir qu'il est assez simple. Maintenant, dans la leçon suivante, nous allons ajouter des couleurs et des expériences avec les arrière-plans et tout ça , alors passons à la liste suivante. 24. ÉTUdie - Finaliser le design de cartes: la dernière leçon. Ce que nous avons fait, c'est que nous avons créé un niveau de gris à partir de notre premier design, qui est notre conception de voiture d'affaires. Maintenant, dans cette prochaine étape, ce que nous allons faire, c'est d'ajouter des couleurs et de l'intérêt. On va enterrer notre plan. Donc, à certaines textures, ou peut-être quelques clients pour créer un certain intérêt et un certain équilibre, vous avez déjà vu que combien d'espace blanc améliore réellement votre design. J' ai donc beaucoup moins de contenu sur cette carte et beaucoup d'espace blanc. Donc, il va mettre l'accent sur les seules informations sur leur carte de voiture. Donc, ce que je veux, c'est que je veux faire impression à ma marque la première impression sur mes clients que nous invitons entreprise. Donc pour ça, nous allons utiliser, euh, euh, mécènes. D' accord. D' accord. Alors commençons et ajoutons un peu de couleur droite et creusons plus profondément dans ce design et tous ces trucs de design visuel. Ok, donc je vais aller à ma boutique photo maintenant, alors commençons. D' accord. Maintenant, ici. Vous pouvez voir que c'est le, euh c'est là qu'on est partis. Donc ici sur cet art s'ennuyait. Je vais commencer à ajouter des couleurs. Donc, surtout ce que vous allez faire, c'est que vous avez peut-être déjà le logo de l'entreprise, euh, ici. Alors ? Donc vous avez peut-être déjà ça. Vous n'avez pas besoin, vous savez, d' utiliser nos vous savez, d' utiliser noscouleurs inventées de vous-même. Donc je vais aller avec cette couleur bleue et cette couleur rouge vif. Ok, donc je suis corrigé. Ok, donc le voilà. Et laissez-moi voir. Je ne suis pas sûr qu'il ne semble pas aligné sur moi. Ok, donc oui, oui, il n'est pas aligné correctement. Donc nous l'avons maintenant, comme ça. Ok, donc une autre chose est que si vous regardez de près, vous pouvez voir que cela utilisable avec la mort, cette porte. Donc toute cette section n'est pas centrée. Donc, ici, nous avons plus d'espace. Et ici, nous avons moins d'espace. Ou alors nous avons à gauche, nous avons plus d'espace. Et à droite, nous avons laissé moins de boeuf. Donc ce que je vais faire pour contrôler le commandement D pour disséquer. D' accord. Donc je vais les regrouper ensemble cette utilisable et cette ellipse Allez, G et moi allons au centre. Alignez-le. Contrôlez chacun ou vous pouvez utiliser celui-ci ici, commandez-le pour sélectionner l'ensemble du tableau d'art, puis utilisez ceci. Ok, alors assure-toi que tu es en train de choisir ce groupe, donc je vais nommer le logo. Allez, D deux D sélectionner. Et maintenant je pense que c'est au milieu. Cachons ça et voyons si ça a l'air génial. Donc ça a l'air génial. Personne n'est là. Utilisons un peu de gris bleuté ici plutôt que d'utiliser juste la vieille fille grise, j'ai vu beaucoup de mes élèves. Ils essaient d'utiliser le bleu droit Désolé, le grand pur qui est ici. N' essayez pas d'utiliser leur essayer de le mélanger avec un peu de couleur. Comme par ici. Donc quelque chose comme ça, il est très léger. Donc, je vais utiliser un peu plus sombre ou comme ça Cela semble créer. Maintenant, vous pouvez voir ce visage de matrice élégant ou mince. Il a beaucoup de contraste avec cette tiefest utilisable. Donc ils sont Ils sont à la recherche créer aussi ils sont à la recherche moderne Cet ensemble de sable de pro un Père Noël. Désolé, Sense pro a l'air génial. En outre, tout cela casquettes. Roberto Ford a l'air superbe. Ok, donc, euh, cette partie est terminée. Ok, donc ici nous avons juste ces cheveux rectangulaires, qui est aussi un peu Ah Gresh couleur bleue. Très léger. Je vais voir s'il est aligné correctement. Je vais aller au milieu de cette règle. Donc, j'utilise presque 1,5 rangées. Alors cachons nos 100 s o ça a l'air crème. Déplaçons ce côté. D' accord. Maintenant de ce côté, ce que je vais sécher, c'est que je vais inverser ma palette de couleurs. Donc, ici, nous avons des couleurs blanches et contrastées, et ici je vais inverser mon schéma. Donc, utilisez ensuite créer un rectangle ici. Ça va être notre ça. Mettons cette histoire technologique et je vais sélectionner tout ce texte. Et maintenant, je vais utiliser cette couleur, qui est pâle. Pourquoi décolorer quelque chose comme ça. Ok, donc pour ce PDG, ce que je vais faire, c'est pour celui-là. Je vais utiliser le vital pur juste pour le mettre en évidence ou le rendre séparé des trois autres . Aussi, si vous voulez faire quelque chose, vous pouvez le réduire comme 42 peut-être quelque chose comme ça. Et aussi ce 1er 1 je vais l'éloigner, donc je vais changer la ligne. Hauteur. 48. Je ne sais pas pourquoi il a l'air trop grand pour moi. Donc je vais aller avec 32 plutôt que 36. Donc, ça a l'air génial. Maintenant, je sens que ce contraste de taille entre le PDG et celui-ci a l'air bien. Ok, donc soit vous pouvez utiliser ce noir, soit vous pouvez utiliser le même bleu ici orteil pour cette paire de sol. Ou aussi vous pouvez le faire. Une autre chose est que vous pouvez réduire la luminosité ici. Donc c'est la même chose que vous 21. Et ce que vous pouvez faire est d'essayer de réduire la luminosité, et je vais aller avec 30. Oh, sont Let's Il avait 25 ans. Donc ça a l'air carré. Ce sont les couleurs, tu vois ? 100% magenta, 90% jaune, 42 et noir 52. Prochaine augmentation Le noir à 65 sont 70%. Ok, donc on peut utiliser quelque chose comme ça, mais ça a l'air très prêt. Sombre, donc je vais y aller avec 65 ou peut-être 60%. Ok, donc 60% semble trop sombre. 55 saturation. Je vais réduire la saturation orteil 70% quelque chose comme ça. Donc non, c'est une couleur différente, mais il est dans la même ligne de couleur ou la même couleur que waas que nous utilisions précédemment à 21. Donc, nous utilisons en fait la nuance plus sombre et plus terne sur le même bleu. Voici donc notre première version hors carte. Donc, Donc, maintenant vous pouvez voir que ça a l'air super, mais peut-être que ça a l'air trop grand. Alors je vais y aller avec 42. Tu peux voir ce que je fais. Je fais un zoom arrière. Alors zoom avant, zoom arrière. Donc, je fais un zoom arrière et je vois que cela par rapport à celui-ci semble trop grand. J' ai donc essayé orteil réduire la taille. Donc maintenant ce que je vais faire est donc j'utilise tout ce que je vous ai appris Zoom avant, zoom arrière Le contraste entre les différentes polices de caractères comment le contraste de couleur inverse les couleurs. Tout va bien, donc non, ce qu'il faut faire ici, c'est qu'il faut créer un certain intérêt. Donc ici, ce tableau d'art, vous pouvez voir qu'il a l'air très terne et très vous pouvez dire, peut-être la navigation de plaisance. Donc ce que nous devons faire ici, c'est pour cette partie inférieure. Je vais traîner les orteils. Vous pouvez voir un patron ou ici, mais le patron que je chercherai est invitant. Donc, cela semble très, vous pouvez dire, très simple ou très formel. Donc, je veux obtenir un peu de plaisir ou de créativité et inviter à l'action dans ce conçu pour cela. Ce que j'ai fait, c'est que j'ai ce patron, que j'ai obtenu de ah, marché créatif créatif dot com. Et j'adore ça. Comment ces marqueurs ont été, vous savez, disposés sombres, prendre des marqueurs. Et je pense que cela peut être lié à la conception de l'expérience utilisateur parce que nous utilisons beaucoup de marqueurs . Donc ce que j'ai fait, c'est que j'ai essayé de le faire glisser dans ma boutique de photos ici comme ça, et c'est le patron. Je viens de le déplacer ici l'art ou la touche d'option pour le répliquer. Et je vais l'aligner sur ça. Donc, il est fondamentalement un motif répétitif, Donc, il va orteil parfaitement bien avec l'autre partie hors de lui. Donc maintenant, nous allons cacher ce fond, et vous pouvez voir ? Laisse-moi zoomer sur ça. Ok, donc vous pouvez voir qu'ici nous avons la concurrence entre l'objectif principal de cette conception, qui est que je ne veux pas que l'utilisateur regarde trop ce fond, donc je veux juste que cela utilisable et cette zone pour être au centre de l'attention. Donc ce que je vais faire, c'est que je vais aller aux pieds, euh, vous des superpositions de couleur sur celui-ci. Donc, la couleur du calque de texte trop. Et je vais utiliser quelque chose, quelque chose génial bleu comme ça. Et copiez ce style à nouveau. Basique ici base la dernière fois. Donc maintenant, vous pouvez voir que c'est un peu vous pouvez voir le contraste entre les formes sur le dessus. Nous avons tous, um des formes très rectangulaires, très élégantes et très finies où elles sont. Vous pouvez dire que ce sont des formes très régulières, et ici nous avons des formes irrégulières en bas. Donc c'est en fait le contraste entre ces deux choses. Donc, j'ai ajouté ceci pour ajouter un peu de créativité et un peu moins simple dans la conception que nous sommes une création numérique agence numérique, quelque chose comme ça. Donc, c'est aussi prétendument l'expérience utilisateur. C' est ainsi que j'ai réussi à créer ces designs. Cet exercice a donc été terminé. Et l'étape suivante, ce que vous allez faire, c'est que vous allez télécharger des cartes de visite. Alors quoi ? En fait, un balisage est Laissez-moi vous montrer. C' est la carte de visite Markoff que j'utilise. Ainsi, vous pouvez voir ou entendre qu'il s'agit d'une carte de visite. Se moquer. Et ce sont en fait des objets intelligents. Donc, si vous double-cliquez ici, ça va vous montrer que c'est comme ça que vous allez. orteils ont basé votre carte ici. Laisse-moi te montrer ce que j'ai fait. J' ai donc choisi ce tableau d'art. Commande A et Ah, copie doit. Et je suis allé à cette base traitée ici. Donc vous pouvez voir maintenant ce n'est pas une ligne parce qu'il n'a pas de zone de saignement. Alors contrôlez un centre. Alignez-le. Et c'est comme ça que vous allez obtenir votre design ? Allez, D sur de select et utilisons Oui, Voyez à quoi ça ressemble. Donc ici nous avons cette carte utilisable. Vous pouvez voir à quoi il ressemble. Si vous voulez ajuster quelque chose par exemple, si vous voulez le déplacer un peu vers le bas, ne le faites pas. Vous pouvez dire que ne soyez pas limité par ces grandes lignes. Donc je vais utiliser quelque chose comme ça. Et je vais aussi utiliser déplacé un peu vers le bas. Il y a quelque chose comme ça et voir si ça va mieux paraître. Ensuite, essayez ceci. déplacer au milieu. Commande de contrôle. Tu vois ? Ok, donc ça a l'air mieux parce qu'on a déménagé un peu vers le bas et aussi par ici. Ça a l'air super. C' est Jane, celui-là, cette couche d'orteil. En fait, je les achète. Donc, si vous l'êtes, si vous pensez que c'est génial. Ensuite, changez cette couleur et montrez, vous savez. OK, donc c'est comme ça que ma carte ressemble, et elle cherche créer. Maintenant, ce que je vais faire est que je vais l'exporter sans danger pour le Web et l'image sera. Vous pouvez voir l'image, la hauteur et la largeur est trop. Donc je vais utiliser quelque chose peut-être 1500 et je vais exporter comme ça, et c'est tout. Ok, donc nous avons cette carte de visite. Maintenant, c'est comme ça que nous concevons. Et c'est comme ça que vous allez utiliser une carte de visite. Alors essayez d'utiliser un moka extrait avec une taille supportable, que je peux facilement avoir. Vous essayez de l'exporter dans une taille variable de visite et applaudi dans la prochaine affectation. Donc la prochaine affectation sera de créer cette carte de visite pour vous-même. Vous pouvez utiliser votre nom, votre fiction, c'est de la compagnie ou tout ce que vous voulez. Ok, Donc j'espère que vous avez apprécié cette leçon et comment j'ai réussi à créer ce design et comment j'ai atteint ce design sur la façon dont j'utilise différentes couleurs. Quel était le processus derrière ma conception et comment j'ai utilisé les grilles et les guides et toute la mise en page  ? Donc si vous avez des questions à me poser, j'ajouterai beaucoup de leçons, nouvelles leçons à l'avenir et, , d'ici là, bientôt. Prenez malade et continuez à créer des designs 25. Projet → Conception de cartes professionnelles: Maintenant, vous m'avez vu créer mon processus de conception et comment j'ai créé la simple garde. Maintenant ex Jordan et vous allez créer quelque chose de similaire sur. Je veux que tu crées quelque chose de mescalin, puissant, fort. Et pourtant Morgan et créatif a conçu une carte en utilisant toutes les couleurs. Alors assurez-vous que les couleurs vont aussi, vous savez, résonner avec cette même équipe. Donc ce que j'ai dit est fort sur la créativité et tout ce qui essaye de trouver les couleurs qui vont correspondre à cette équipe. Essayez également de trouver des déficits qui vont correspondre à cette équipe. Fort, créatif sur et Martin. Ce sont donc les mots-clés en T. Je vais te donner une carte de créateur, compagnie factice ou la vôtre en utilisant ton propre nom Diana quelque chose. Ou John Doe ou tout ce que vous voulez utiliser. Essayez de vous utiliser un slogan d'un titre de votre nom peut-être, et vos coordonnées de contact. C' est de l'autre côté. Essayez de concevoir ces cartes à deux côtés. Je vais aussi lien orteil le fichier de carte que j'ai utilisé le fichier Photoshopped. Vous pouvez utiliser n'importe quel logiciel. Tu te veux, si tu veux. Oh, design à l'aide d'un illustrateur ou autre. Ça ne me dérange pas. J' ai juste besoin de voir les congélateurs. Et Ah, c'est tout ce que j'ai hâte de voir tes dessins et cette mission. Alors commençons. Non. 26. Et ensuite ?: merci beaucoup d'avoir suivi ce cours. Si vous avez des questions concernant le design ou concernant ce cours, vous pouvez toujours me poser la question dans la section « communauté ». Aussi, n'oublie pas l'orteil droit. Certains examinent quelques beaux mots. Donc pour moi, que je puisse, vous savez, trouver de l'inspiration pour créer plus de classes comme celles-ci. Et n'oubliez pas les orteils vérifier mes autres cours parce qu'ils le sont. J' ai beaucoup de cours sur la conception UX, la conception d'interface utilisateur et le freelance et la conception visuelle. D' ici là, on se voit bientôt dans la classe suivante. 27. L'effet de cadrage → Sueur avancé: Je vais parler d'un peu de Vast. Vous pouvez dire sujet avancé, qui est l'effet de cadrage maintenant cadrage. Et vous l'avez peut-être vu, mais vous ne savez pas comment l'utiliser correctement. Donc, je vais l'expliquer Beaucoup d'exemples dans cette leçon que la façon dont vous pouvez utiliser le cadrage affecte efficacement pendant que vous concevez des sites Web de référence, laboratoires mobiles ou tout ce que vous concevez. Vous avez peut-être vu des photos accrochées dans votre maison ou votre chambre ou dans la maison de votre parent . Donc, ce qu'il fait, c'est que vous avez besoin orteil mettre beaucoup d'espace blanc ou du contenu autour votre photo. Ok, donc pour le cadrage signifie que, par exemple, si vous concevez quelque chose ou si vous avez des fonctionnalités répertoriées sur un site Web, donc vous concevez pour la section des fonctionnalités. Donc ce que vous allez faire, c'est que vous allez utiliser ah, encadrer les soins médicaux, ou peut-être quelques lignes ou peut-être des espaces blancs et l'ajouter autour de ce contrat. Donc, vous allez encadrer votre contenu comme une photo est encadrée à l'intérieur du cadre cette photo. Ok, donc ça va aller aux pieds. Qu' est-ce qu'il va OK, donc il va souligner que et il va le rendre plus proéminent et différent du reste du contenu sur votre site Web ou application mobile. Beaucoup de gens qu'ils ne savent pas comment utiliser correctement qui l'espace blanc peut être utilisé comme un orteil de cadre. Vous n'avez pas besoin, vous savez, mettre un cadre coloré ou peut-être un cadre dur autour de votre contenu. Vous pouvez utiliser des espaces blancs. Ah, beaucoup d'espace Y autour de vos éléments. Les éléments de conception orteil les font regarder, vous pouvez dire souligné et audacieux. Ok, donc vous avez peut-être vu qu'il y a des cadres photo où quand la photo est le texte en eux, il est très petit et il y a beaucoup d'espace libre autour d'elle. Donc, quand vous mettez beaucoup d'espace blanc autour de quelque chose, il va aux pieds. Donnez-lui plus d'accent et il aura l'air plus propre ou plus élégant. Vous pouvez voir ici, j'ai conçu une très petite boîte essayer pas ou pas de réservoirs. Et vous avez peut-être vu ce genre de boîtes de papa ou quelque chose comme ça. Donc, si vous créez beaucoup d'espace blanc autour d'eux. Il l'est. Ils vont avoir fière allure. Alors gardez cela à l'esprit que mettre beaucoup d'espace blanc va aider vos conceptions. Et n'essaie pas vraiment. Tu sais, je pense que c'est trop. Essayez d'utiliser autant que vous le pouvez. Alors maintenant, on va aux pieds. Voyez quelques exemples. Maintenant, vous avez peut-être vu cet exemple beaucoup de fois parce que c'est le récent que j'ai conçu toute façon, donc vous pouvez voir dans cette conception si vous regardez cette section, il est un fusible abordable, évolutif, sport gratuit. Il y a un cadre blanc qui contient tout ce contenu et vous pouvez voir qu'il est souligné à partir de l'arrière-plan. Donc j'utilise en fait l'effet de cadrage. Laisse-moi te montrer le cadre. Donc, c'est le cadre, et vous pouvez voir comment j'utilise beaucoup d'espace blanc autour de mon contenu. Et aussi j'utilise la couleur blanche et une ombre autour d'elle. Donc, pour mettre en évidence ce cadre qu'il est élevé et il est différent de l'arrière-plan. Maintenant, regardons cette section ici, et vous pouvez voir ici nous avons différentes cartes hors de l'utilisation de différents produits numériques Sinus , et vous pouvez voir si vous regardez un hors d'eux. C' est aussi l'effet de cadrage d'utilisation. Donc, le concept de la carte, qui a été conçu par Google Material design et ah, beaucoup vous pouvez voir qu'il est utilisé beaucoup de fois sur tous les APS mobiles. C' est essentiellement l'effet de cadrage, donc ils utilisent un cadre d'orteil de cadre, leur contenu à l'intérieur. Regardons cet exemple ici. Comme vous pouvez le voir, j'ai conçu ce tableau de bord. Et si vous regardez de près, j'utilise un très grand cadre au-dessus d'un orteil d'image floue. Montrez ça. Vous pouvez voir la planchette et laissez-moi le souligner. Donc c'est mon cadre, accord, donc vous pouvez voir que c'est mon ami et tout le contenu autour. Je n'utilise pas seulement la couleur de vie afin que vous puissiez voir l'espace autour d'ici et l'espace autour d'ici à droite et à gauche. Il est utilisé comme un cadre de sorte que vous pouvez voir que nous avons un peu d'espace en bas, à gauche et à droite, et en haut Donc j'utilise l'effet de cadrage pour mettre en évidence cette zone de contenu principale ou la section de contenu principale de ce tableau de bord ici Ainsi, vous pouvez utiliser tous ces concepts de cadrage de thèse de beaucoup de façons. Vous pouvez voir que ces boutons ont été mis en surbrillance. De petits cadres que j'utilise ici. Vous risquez de rire en ce moment. Donc, euh, c'est en fait l'effet de cadrage que vous épargnez. Laissez de l'espace autour de lui comme ça et mettez-le en surbrillance le contenu entre elle. De même, j'utilise très grand cadre autour de tout ce tableau de bord. Alors voyons quelques exemples d'autres designers parce que je pense que je suis juste un gros nerd. Voyons donc quelques concepteurs d'expérience plus. Donc le premier exemple vient de ce designer, Anwar Hussain, et je pense qu'il a conçu cette page de destination et il est très brillamment conçu. Très gentil, très simple. Clairement dehors. Bonne utilisation hors couleurs. Et si vous regardez cette section ici, laissez-moi zoomer sur cette section. Donc, ici, nous avons cette section attentive adhésion Gatien avant et console. Donc, c'est en fait l'effet d'utilisation de cadrage. Donc, ce contenu, vous pouvez voir qu'il est à l'intérieur d'un cadre à nouveau. Si on regarde une autre section à moi, montre-toi. Euh, nous sommes waas que ok, donc celui-ci je veux recevoir des mises à jour Se désabonner à tout moment. Pas de spam. Donc, vous pouvez voir cette section pour l'abonnement est également en utilisant l'effet de cadrage sur Dhere. Nous avons à nouveau le contenu de l'effet de cadrage à l'intérieur de ce cadre. Donc ne pensez pas que le cadre est juste que vous pouvez dire Ah espace blanc afin que vous puissiez utiliser n'importe quelle couleur comme ici. Il a utilisé quelques couleurs autour d'elle Couleurs très pâles. Vous pouvez également utiliser quelques clients autour d'elle. Laissez-moi vous montrer un exemple ici, vous avez peut-être vu cela avant et vous pouvez voir à nouveau les yeux au centre. Il utilise l'effet de cadrage. Donc, cela rend ça fière allure Espace tout autour d'elle. Comme un cadre photo. Permettez-moi de vous montrer d'autres exemples. Ici, nous avons celui-là. Vous pouvez regarder cela ici Image à l'intérieur et il ressemble juste à un cadre photo. Maintenant, vous pouvez voir que le concepteur utilise un cadre pour encadrer cette photo et vous pouvez voir l' espace autour. Cette photo ressemble à un cadre photo. De même, ce texte est également à l'intérieur de ce cadre que vous pouvez voir. Donc, c'est l'utilisation de l'effet de cadrage à nouveau. Ne vous trompez pas que le cadre de fait envenimer peut être utilisé juste avec l'espace blanc. Vous pouvez utiliser des clients autour d'elle. Ok, donc ici dans ce paquet, le dos est conçu. Vous pouvez voir que ça a l'air génial. C' est de Mamba Studio et, Ah, j'ai adoré leurs créations. Vous pouvez voir que cette information centre qui est la dernière Selva Cafe. Bio. Oh, il est entouré par la texture. Ou vous pouvez voir le patron du blaireau tout autour. Il s'agit donc d'un beau motif et d'un excellent design d'emballage de produit. Et ici, vous pouvez voir qu'ils utilisent réellement ce patron pour l'effet de cadrage. Ils encadrent donc cette section de plan orange jaune et ce texte et l'encadrent avec une certaine texture. Donc, c'est en fait le contraste. Ce centre est en train de jouer, et dehors il y a tous les mécènes. Donc c'est un autre, en fait, dans le concept que je vous ai enseigné contraste. Donc ici vous pouvez voir Regardez-les de près. Ils ont l'air super. C' est en fait l'effet de cadrage à nouveau. Sur le cadre est trop grand. Et l'image est trop petite. Donc, vous pouvez voir aussi, il y a certaines parties qui se chevauchent. Créer l'exécution. Design clair. J' ai vraiment adoré ce paquet design. Ok, alors voyons un autre exemple. Ok, donc ça vient de ce sont plusieurs honneurs Isabel Sosa et casting solo vous strode Londres et c'est encore un super design. Et ici, vous pouvez voir le comme utilisant à nouveau l'effet de cadrage, mais un peu différemment. Donc ce qu'ils font, c'est qu'ils ont Ils utilisent cette texture que je zoom en utilisant cette texture sur ces images Ces clients et ils l'utilisent juste en haut de la page afin que le cadre supérieur ait cette texture et le reste du cadre ne l'avoir. Il a juste que vous pouvez voir que vous pouvez voir juste la pièce du Voigt. Donc, en fait, ils essaient d'utiliser un concept dont j'ai parlé dans mon autre leçon, qui est de générer des idées où le concept waas à montrer et à cacher. Donc ils montrent une partie et cachent le reste de la partie. Donc ici, vous pouvez voir très grand design. J' aimerais pouvoir concevoir quelque chose comme cette grande exécution, de grandes combinaisons de typographie, un grand style, de grandes couleurs, une grande utilisation de l'effet de cadrage avec l'utilisation de ce modèle dans l'ensemble, un grand conception. Donc, c'est tout ce que j'espère que vous avez compris maintenant le concept d'effet de cadrage et comment vous pouvez l'utiliser dans votre APS mobile, Web, abs, sites Web ou quelque soit votre conception. Donc vous bientôt dans la prochaine leçon, j'espère que je vais faire plus de leçons comme celles-ci pour ce cours. Et en attendant, attendant continuez à regarder et à améliorer. N' oubliez pas de soumettre vos devoirs et de vous voir bientôt dans la prochaine leçon.