Arborescence et espacement visuels dans le webdesign

1. Intro: Bonjour, tout le monde. Et bienvenue à ma première part de compétences. Fermez tout d'abord, grandes choses pour vérifier la classe. J' espère que tu as appris quelque chose aujourd'hui. m'appelle Shell, et je suis designer et skateboarder de Belgique. Je vis avec ma copine sont deux chiens et nous avons aussi deux lapins. Mon travail se concentre principalement sur un style propre et minimal pour la conception Web. Et c'est ce que je vais t'apprendre aujourd'hui. Cette classe est tout au sujet de la hiérarchie visuelle et de l'espacement dans la conception. Je vais parler des raisons pour lesquelles les hiérarchies visuelles importent les différentes façons dont nous définissons les contrastes visuels et comment utiliser la base des grains pour trouver un style minimal hors conception Web. Tout d'abord, on va faire de petites parties de la théorie. Mais ensuite, nous allons aller à un exercice amusant où je vais vous expliquer comment vous pouvez utiliser une théorie dans votre propre travail. Cette classe est destinée aux concepteurs débutants et intermédiaires qui ont déjà les bases de photoshopped vers le bas. Mais bien sûr, tout le monde va me rejoindre à la fin de ce cours. Vous aurez une bonne compréhension de la colère visuelle contre la base, et vous serez en mesure de l'utiliser dans votre propre travail pour trouver un style minimal pour le design . Alors commençons 2. Pourquoi la hiérarchie visuelle est-elle importante ?: Hé, les gars. Et merci de vous inscrire à la classe. Donc, comme je l'ai dit dans l'intro, on va commencer par une théorie là-dedans. D' abord, on va parler de l'importance de la hiérarchie visuelle. Donc, tout d' abord, les blancs, importance de la hiérarchie visuelle. Eh bien, hiérarchie visuelle est importante pour guider un utilisateur vers une page Web, exemple, par exemple,en utilisant des titres, sous-titres, des paragraphes, etc. Vous pouvez rendre beaucoup plus facile pour un utilisateur d'habiller une page. Vous devez penser à quelles informations sont les plus importantes pour un utilisateur et le mettre dans le titre,par exemple, par exemple, comme la légende sur les friandises sournoises. Si vous donnez aux gens un bloc massif de textes, y a des chances que 99 sur 100 ne se soucient pas de le lire. Mais pourquoi c'est ça ? C' est parce que la plupart des humains sont des penseurs visuels et, sans doute, des processeurs. C' est parce que la plupart des humains sont des penseurs visuels et, Ici, vous pouvez voir un exemple que j'ai fait pour que le point soit plus clair sur la gauche. Nous avons un bloc de texte régulier, et à droite, nous avons le même texte. Mais celui-ci est divisé en paragraphes et en titres. La gauche semble être une douleur de commencer à lire pour moi, mais la droite semble beaucoup plus invitant à lire Et enfin pour cette leçon. Comment définir ou établir une hiérarchie visuelle pendant que nous le faisons en utilisant le contraste visuel , mais plus sur cela dans la leçon suivante. 3. Différences différentes façons de contraste visuel: Donc, comme je l'ai dit dans la leçon précédente, nous établissons une hiérarchie visuelle en utilisant le contraste visuel. Dans cette leçon, je vais passer par les cinq différentes façons de contraste visuel de leur taille, couleur , alignement , caractère et, enfin, animation. D' abord, tu as la taille. C' est probablement le moyen le plus utilisé de contraste visuel. Comme vous le voyez, celui qui est plus grand en taille attire le plus d'attention. Comme vous pouvez le voir dans cet exemple, il est utilisé pour le titre «  Gramps ». Plus de l'attention de l'utilisateur parce qu'il est plus grand en taille. La deuxième façon de contraste visuel. Scholariste. C' est aussi un très populaire. Comme vous le voyez, celui qui a la voiture la plus brillante attire le plus d'attention. Vous pouvez l'utiliser, par exemple, dans des boutons ou des actions de culture comme vous le voyez dans cet exemple, je travaille principalement avec pour tonifier les noyaux comme bleu clair, gris ou blanc, puis j'utilise, comme une couleur vive pour les actions de culture. De cette façon, l'utilisateur peut facilement comprendre quelles parties sont cliquables et celles qui ne le sont pas. Le suivant est l'alignement. Celui-ci n'est pas aussi utilisé que les précédents, mais il peut être assez cool. Vous voyez que le cercle du milieu n'est pas la ligne avec les autres. Pour cette raison, il attire le plus d'attention à mourir. Dans cet exemple, vous voyez que l'utilisation de cette façon de contraste visuel peut créer une composition intéressante et attire l'œil vers le bas sur le texte. Le 4ème 1 est le caractère. Ça peut être beaucoup de choses. Vous voyez. J' ai choisi pour la rondeur de la forme pour la faire attirer plus d'attention. Mais il peut aussi être comme la texture, les ombres et d'autres effets qui le distinguent du reste. Dans cet exemple, vous voyez que le rectangle blanc avec ombre attire plus d'attention en raison de son caractère . Le dernier est l'animation. Celle-ci peut être très puissante. Si vous l'utilisez correctement, vous pouvez voir que le cercle du milieu attire l'attention en raison de son mouvement. Dans cet exemple, je ne voulais pas utiliser de texte sur les images, mais je voulais garder le sentiment de vacances. Donc, j'ai d'abord montré une image complète avec le bas, puis je vous révèle avec l'animation, vous pouvez attirer l'attention sur les objets, faire les lumières pour le chargement des animations, et c'est donc très cool. Mais il est facile d'en faire trop rapidement, alors gardez l'animation régler 4. Mon principe de groupage: dans cette leçon, je vais expliquer comment je regroupe des éléments et comment j'ai arrangé ces groupes pour obtenir un tuyau minimal dans votre conception. Donc, tout d'abord, la chose importante à garder à l'arrière de votre tête est que vous devez voir des éléments comme des groupes. Mais cela deviendra plus clair vers la fin de cette Écoutez. Il a donc reçu un exemple simple que j'ai fait avec sur l'image de gauche et sur la droite, nous avons étouffé et un paragraphe. Donc, si nous regardons comment je regroupe ces sujets, nous pouvons voir que j'avais l'habitude de bleuir les rectangles ici pour montrer la gauche et la droite de la composition. Les grandes lignes seraient là où les Britanniques sur le côté gauche, nous n'avons qu'un seul élément, donc c'est un simple sur l'image. Mais à droite, nous avons deux éléments. Le titre et le paragraphe. La vague placer ces objets est la suivante. Vous regardez le titre et le paragraphe dans son ensemble, comme s'il s'agissait d'un groupe. Ensuite, il suffit de le placer au milieu du rectangle bleu qui est au-dessus, comme vous pouvez le voir ici à droite. Le texte est centré horizontalement et verticalement, et c'est ce qui lui donne le sentiment d'équilibre. C' était donc un exemple assez simple. Mais maintenant, regardons le plus compliqué que vous voyez dans cet exemple. On a plein de choses qui se passent. On a l'image. Nous avons le titre sous-titre paragraphe rectangle avec quelques choses USB Aikens sur elle, mais nous voyons que le même principe s'applique ici juste beaucoup plus compliqué. Commençons par la partie supérieure gauche. Vous pouvez voir ici que nous avons trois éléments Titre sous-titre et un paragraphe Tout d'abord, j'ai espacé sous-titre intitulé Vers l'autre. Ces deux-là sont un groupe maintenant pour moi. Ensuite, j'espace ce groupe dans son ensemble vers le paragraphe et ceux à travers ces rues ensemble à nouveau ancien groupe hors de leur propre, que nous pouvons utiliser pour l'espace pour la composition plus tard. Ensuite, faisons l'angle direct sur le fond avec les icônes que nous avons ici, nous allons travailler sur et il y a quatre éléments là-dessus , donc nous divisons le rectangle en quatre morceaux égaux. Ce sont les quatre rectangles bleus que vous voyez. Ce sont là les endroits où les icônes vont aller. Donc, pour les Aikens, je les ai cultivés chaque fois avec la parole en dessous. Ce sont les rectangles roses que vous voyez, et maintenant il s'agit juste de les placer au milieu des quatre rectangles bleus. Donc c'est ça pour le rectangle et enfin sur la droite. Nous avons juste une image, comme dans l'exemple précédent. Donc maintenant, nous avons trois groupes principaux orteils travailler avec nous avons à l'image sur la droite. Nous avons le rectangle, et nous avons le groupe avec le titre de sous-titre et le paragraphe. Donc maintenant, c'est plus facile d'espace pour les orteils. Ces trois groupes vers lui-même, autre, au lieu d'avoir tous ces éléments séparés dans l'espace, j'ai remarqué, peuvent sembler compliqués pour l'instant, mais quand vous commencez à utiliser ce principe, tout cela viendra médicalement avec le temps. Lorsque vous concevez 5. Whitespace et équilibre: cette leçon. Je vais vous parler de votre meilleur endroit et de l'espace, des groupes dont nous avons parlé dans la leçon précédente. J' utilise la méthode d'espacement principalement pour les manuels, mais elle peut s'appliquer à n'importe quoi. Vraiment. Alors maintenant, nous allons couvrir comment vous pouvez placer vos groupes de manière équilibrée vers l' arrière-plan ou sortir ou n'importe quel espace vous avez à travailler. Donc, ici, nous voyons un exemple simple avec juste un titre dans un paragraphe. Disons que le rectangle blanc avec goutte peu profonde est un espace sur lequel vous devez travailler. Eh bien, nous voyons comment j'ai placé ce manuel. Donc, tout d'abord, vous voyez à nouveau que je vois cela comme un paragraphe de groupe Thaïlande. Et en voyant cela comme un groupe, nous n'avons qu'un rectangle imaginaire à centrer sur l'arrière-plan en centrant simplement le rectangle imaginaire verticalement et horizontalement. Nous avons une sensation très équilibrée, et c'est ce que nous voulons. Alors comment cela s'applique lorsque nous travaillons sur un design. Eh bien, il a reçu une simple scission que j'ai faite avec à droite de l'image et à gauche, nous avons notre espace pour travailler. Vous pouvez voir ici que le texte à gauche est juste centré. Comme dans les diapositives précédentes, je viens de voir le titre et le paragraphe à nouveau comme un groupe. Et puis j'ai placé ça dans le centre horizontal et vertical hors de l'espace où j'avais le travail des orteils. Vous pouvez utiliser cette technique de placer des objets et des éléments presque partout dans juste une question de définir les espaces sur lesquels vous devez travailler. Et enfin, je voulais vous dire comment je définit la largeur d'un bloc comme vous le voyez sur les diapositives. Pour moi, un bon rapport est 60% pour les objets que vous placez et 40% de l'espace large. C' est 20% de chaque côté, moins d'espace blanc que vous donnez sur les côtés. La lettre va avoir une sensation de reproduction. Si vous voulez lui donner plus, il peut devenir plus minime et de reproduction. Mais vous devez faire attention au fait que les phrases sont au moins 5 à 8 mots verticalement. La même chose s'applique, mais cela dépend de l'espace sur lequel vous travaillez. Donc c'est tout pour la partie théorie. J' espère que je ne vous ai pas trop ennuyé, mais maintenant on va aller à un exercice où je vais vous expliquer comment vous pouvez utiliser toutes ces choses dans vos créations. 6. Exercice : briande/sujet: Maintenant, nous allons commencer l'exercice, et voici où vous verrez comment nous pouvons utiliser une théorie. Nous venons de passer, et je peux l'utiliser dans votre propre travail. Donc, tout d'abord, je vais vous expliquer comment je me fais un mémoire pour ce genre d'exercice. Donc pour les dimensions, je ne vais pas faire une page complète. Je vais faire ah, plein écran pour un site web et pour le pour le sujet. Je vais faire quelque chose qui m'intéresse, et je vais travailler avec quelque chose qui tournera autour des lieux de travail scandinaves. Nous allons utiliser un flux de travail simple pour ces exercices. Donc on va d'abord faire un cadre métallique pour avoir une idée de notre tête, et ensuite on va commencer avec la conception de cet exercice. Je ne vais pas utiliser un super, mais vous pouvez en utiliser un si vous voulez. Commençons donc par un cadre métallique 7. Exercice : Wireframes: Donc maintenant, nous allons commencer à le simple cadre métallique. Hum, j'ai déjà lâché. laissé tomber six livres dans lesquels je vais travailler. Et la raison pour laquelle nous faisons ça juste pour nous désordre de la tête beaucoup plus vite que, genre, genre, nous pourrions le faire dans un magasin photo ou quelque chose comme ça. Donc, euh, j'ai mes six boîtes ici. Ceux-ci représentent les pages, et je vais juste commencer à dessiner certains je d. Donc, en fait, en fait, la première chose que j'ai besoin de penser à ce que les articles et le contenu avec lesquels je vais travailler. Donc je vais travailler avec un titre et un texte et une image sur le travail scandinave . Donc je vais probablement faire quelque chose avec, comme, un produit vedette dans une grande direction secte. Grande collection pour l'utilisateur de le voir afin qu'il puisse cliquer sur une page détaillée beaucoup plus facile, plus facile et le produit de fonctionnalité afin qu'il y ait des métadonnées où l'utilisateur peut travailler avec. Donc je vais commencer par une simple scission pour vous, où il pourrait avoir, genre, l'image sur la droite. On pourrait avoir le local ici et comme un menu que je peux entendre ici. Nous pourrions avoir un produit en vedette texte pourrait être comme dans une carte ici avec une superposition sur l' image ou quelque chose aimerait, Button a dit. Ils sont ici un autre, et c'est juste qu'ils ont quelques idées rapides qui sont donc il n'a pas besoin d'être logo parfait . Nous pouvons travailler avec des lignes diagonales pour l'image. Pourrait aller ici. Maintenant, nous pouvons travailler ici avec un produit en vedette et puis ici nous pourrions avoir, comme le texte avec l'appel à l'action. Ces livres pourraient être comme un appel à l'action, et nous pourrions avoir ici, comme quelques uns comme celui-ci. Mais dans l'autre sens, comme si il pourrait y avoir, comme, le menu inférieur ici Aiken ou un menu complet pourrait avoir, comme certains le texte venir ici. Cela pourrait être l'image et serait cool d'avoir un panier avec le produit en vedette, comme un trop ici et pour l'action de culture. On pourrait l'avoir comme ici avec un étroit ou quelque chose pourrait être comme ici et totalement à vous. Donc ici, je vais essayer de travailler avec quelque chose en trois rangées donc divisez-le en trois rangées . Non, je vais avoir l'image dans le menu Loga du milieu. Aiken, un texto, et ensuite on pourrait diviser ça. Donc, nous avons une belle ici sur la gauche. Ce sont les mêmes. Et puis cette fête est en morceaux, et ensuite cette partie pourrait être, comme le produit vedette ici, non ? Je suis produit. Et là, on pourrait avoir, genre, le c t a. Donc c'est ça, euh, alors on peut essayer d'autres trucs. Comme si nous pouvions travailler avec un cercle ou quelque chose comme ça. Donc, comme ça de autour des formes avec l'image allant ici, produit en vedette pourrait être comme ici dans un tribunal ou quelque chose comme ça. Maintenant, nous pourrions avoir notre texte avec un logo d'appel à l'action. Juste le menu que je peux ici. Ou on peut juste le changer. Nous avons aussi toujours le texte sur la gauche, alors essayez un autre avec l'image sur la droite sur la gauche, je veux dire, désolé. Et puis voici un texte. La vedette pourrait être comme d'un produit de bord à bord. Tu sais, on pourrait avoir, genre, un appel à l'action par ici. Low et un menu, Aiken. Alors quand je regarde ça. Celui qui m'intéresse le plus, c'est celui-ci et celui-ci. Mais je pense que je vais travailler avec celui-là. Donc maintenant on va aller à l'exercice pour expliquer comment on peut faire ce cadre métallique que j'ai fait en remorquant le design. 8. Exercice : faire la conception: Maintenant, nous allons commencer par l'exercice. Je viens d'ouvrir une boutique photo. On va faire un nouveau document. Je vais appeler ça des espaces de travail scandinaves. Il va faire 1500 pixels de largeur et environ 850 en hauteur. La résolution sera de 72 pixels par pouce et la couleur Moz sera RVB. Alors appuyez sur OK ? Et maintenant nous avons Ah, cette toile sur laquelle travailler. La première chose que je vais faire, c'est que je vais faire un tableau d'art pour que tu puisses le faire en cliquant et en tenant ici sur le déménagement et ensuite tu sortiras ce pop. Vous pouvez simplement choisir Ardmore Tool et ensuite nous commençons ici dans le coin gauche de l'arrêt. Vous pouvez cliquer et diriger. Vous êtes intelligent, guides apparaîtront, puis vous pouvez simplement le faire glisser dans le coin inférieur droit, puis vous verrez ici dans le panneau Calques que nous n'avons pas de tableau d'art. Donc je vais appeler ça des espaces de travail scandinaves. Alors, n'est-ce pas ? Le calque blanc ici n'est qu'un arrière-plan, donc vous n'avez pas à vous inquiéter à ce sujet. Donc, la raison pour laquelle j'ai fait dans le tableau d'art de ceci est Ah, qui va être facile à dupliquer. Les Congolais travaillaient. Donc maintenant, la chose qu'on va faire, c'est qu'on va zoomer, et on va essayer de recréer notre cadre métallique qu'on a fait. Donc celui que j'ai choisi avait une image au milieu. Donc je vais passer à l'outil rectangle juste à toi. Donc, je vais juste définir à peu près un rectangle ici au milieu en cliquant et en faisant glisser. Alors c'est ça. Je vais juste te donner une couleur gris clair. Donc je sais que c'est là. Vous pouvez ajuster le noyau en cliquant ici directement dans le terminal. Gary, prends une couleur, papa. La raison pour laquelle je suis j'ai mis le rectangle là est parce que ce sera l'espace réservé pour l' image. Donc ici, à droite, nous allons avoir deux blocs, l'un pour la direction culte et l'autre pour le produit de fonctionnalités. Donc je vais juste prendre ça ici avec tous les chefs, donc on en fait un duplicata pour le rendre un peu plus sombre pour voir la différence entre les deux et ensuite avec aller mois t pour transformer. Vous obtenez ce livre englobant et vous pouvez le faire glisser ici pour le rendre plus petit, juste pour le faire glisser ici. Tu vois le gars intelligent qui veut dire qu'il est au milieu. Donc je vais juste faire avec la mort et puis commander en cliquant sur celui-ci pour sélectionner automatiquement les sièges cochés. Mais quand j'ai appuyé sur les commentaires, ça continue. Donc, chaque fois que j'appuie sur la commande et que je clique quelque part, il sélectionne cette couche. Ainsi, par exemple, maintenant celui-ci est sélectionné. Si je commande cliquez ici, l'autre est sélectionné. Alors je vais revenir ici. Je vais faire la même chose que je l'ai fait avec le découpage des sélectionnés. Je vais appuyer et déplacer et le faire glisser vers le bas. Je pensais que ça frappe le coin de l'autre et je vois qu'il y a une ligne de pixel entre eux, donc je vais juste frapper la flèche pour le déplacer. Ils sont donc les uns contre les autres. Ça va rendre ça un peu plus sombre aussi. Donc, vous voyez ici, en fait, ce que nous avons fait maintenant si nous venons de recréer notre cadre métallique pour que ce soit l'espace sur lequel je vais travailler. C' est un autre. Nous avons cet ensemble, notre cadre de femme. Je vais essayer de trouver une bonne image à mettre dans ce rectangle ici. Donc je vais aller à Luke Room et je vais aller aux centres d'intérêt. La robe est un bon endroit pour rechercher des images et pour obtenir de l'inspiration sur les images et autres choses. Je vais chercher ici un espace de travail scandinave. Voyons quelles images apparaîtront. Donc je l'aime déjà différent. Différent est un peu occupé ici. Celle-là est sympa. Donc juste aller orteil, cliquez dessus et puis une simple astuce pour que vous n'avez pas à enregistrer l'image est toujours Oui , vous pouvez juste faire un clic droit dessus et une image de copie, et vous pouvez aller à la boutique photo sur. Devez-vous sélectionner le rectangle ici où vous allez placer votre image sur l' endroit pour elle, puis vous appuyez sur deux mois frais pour le coller, et donc il deviendra le calque au-dessus de lui. Donc maintenant, nous voyons que les images se détachent de l'espace réservé. Donc, si vous voulez que l'image apparaisse uniquement sur le rectangle, nous avons ici. Il y a trois simples critiques, une mosquée de découpage, et nous pouvons la créer en maintenant Ault enfoncée et en cliquant entre le calque d'image et le calque d' espace réservé. Donc vous voyez cette flèche. Donc, si je clique, il ne s'affiche que dans la couche qui a été besoin. Donc ici que l'angle direct. Donc, si vous voyez maintenant, si je clique sur l'image et je vais la faire glisser pour la voir, seulement elle reste toujours dans le rectangle. Donc c'est bon pour non. Donc j'ai cette image ici et peut-être qu'on pourrait en essayer d'autres. C' est vraiment facile de sorte que vous pouvez revenir sur les centres d'intérêt, peut faire défiler un peu vers le bas, voir quel genre d'images sont sur ici. Ah, peu comme celui-ci. Donc, inclure à propos de Pinterest est lorsque vous trouvez une image que vous aimez, vous pouvez toujours faire défiler vers le bas et Pinterest vous donnera des images suggérées. Donc, ici, nous avons beaucoup plus d'images. Les chansons sont cool comme celle-là, mais celle-ci que j'aime, je pense que je vais aller avec celle-là. Donc même chose, non ? Cliquez, copiez, image, puis voyez que nous sommes au même endroit ici dans le calque. Remplissez-le. Donc nous sommes là et je peux juste revenir sur V et vous verrez que l'image apparaît ici. Mais vous voyez encore, il est détaché de l'espace réservé. Nous pouvons donc appuyer à nouveau ault entre et cliquer entre les deux couches. Et je vais garder ces deux images parce que quand je clique sur l'œil ici sur ce calque, il me montrera que l'image a été Mangez it. Donc plus tard, quand nous sommes un peu plus loin dans la composition, nous pouvons voir la différence. Qu' est-ce que les cadeaux de sentir avec les différentes images. Donc, je vais juste placer. Je vais juste cliquer sur le I à nouveau. On voit l'image. Je vais venir cliquer dessus. Donc je l'ai choisi que je vais le faire glisser en place. Alors c'est tout. Maintenant sentir que peut-être c'est un endroit un peu trop rétréci, bien que j'ai fait Donc je vais commander cliquer sur celui-ci dans la commande shift Cliquez sur celui en dessous. Donc, je vois ici que j'ai les deux couches sélectionnées. Je vais juste compresser la commande t à nouveau pour transformer et juste les rendre un peu plus petits avec peut-être comme ce centre de numéros. Et là, nous devons agrandir l'espace réservé. Donc, je peux juste cliquer ici sur le rectangle à nouveau ou placer sur la même chose. Allez, T traîne-le dessus. Maintenant, nous pouvons remplacer. On peut faire glisser son image un peu. Maintenant, je vois que le rectangle est trop blanc sur le côté. Donc encore une fois, vous sélectionnez diriger tout monte pour transformer, et vous pouvez le ramener ici. Alors appuyez sur Entrée image ici, va le rendre un peu plus petit. Donc comme ça, alors d'accord, j'aime ça. Maintenant que nous avons fait ça, je vais juste nommer mes couches. Donc celui-ci est un espace réservé que deux images vont commander cliquer sur les deux autres. Donc nous avons le truc, le tria dans les trois couches. On les a sélectionnés, et je vais appuyer sur la commande g pour en faire un groupe. Donc ici, je peux nommer l'image de groupe entrer. Et ici, nous avons, genre, genre, deux pâtés de maisons. Ceux-ci vont changer, probablement. Donc, je ne vais pas leur donner des noms, l'arrière-plan et juste comme une couleur blanche, mais je vais juste le supprimer parce que c'est automatiquement blanc. Alors c'est tout. Donc la prochaine chose que je vais faire est de mettre toutes les informations ici que je veux mettre dans ce dessin. Donc d'abord, alors je vais Presti pour parler de la typographie. Donc je vais juste faire des cahiers de texte ici et me souvenir. Comme on l'a dit dans la théorie, je voulais être , genre, 60 % dans lequel on doit travailler. Donc ici, ce serait le rectangle blanc que l'espace où nous pouvons travailler Donc je vais juste le faire à peu près comme 60% va probablement quelque chose comme ça. Je vais juste le faire glisser au milieu et le titre avec lequel je vais travailler sera espaces de travail scandinaves. Je vais le faire quitter la ligne ici. Donc ça va juste mettre leur Le front n'est pas celui que je vais utiliser, probablement, mais juste définir un défaut ici pour moi, et ensuite je vais revenir sur Internet. Tu vas faire un nouveau top et je vais chercher la base de Scandinavian Works et ensuite les impliquer. Vous voyez, nous voyons ici que nous avons quelques articles. Comme ici, par exemple, celui-là. Vous voyez, nous avons un texte ici avec le travail des orteils juste aller voir ici. Si je peux copier et coller une partie de ça comme ces 25, nous n'avons pas besoin de ça. Mais je vais juste prendre, comme, ici, conçu pour elle dans l'espace restrictions de l'espace. Quelque chose jusqu'à ce que tu imprimes commande. Tu vois, juste une ou deux fois pour en être sûr. Et puis on va appuyer sur commande pour retourner à la boutique photo. Donc maintenant encore, je vais faire. Je vais juste copier ces cahiers. Donc c'est la même chose avec je vais juste Presti. Et puis je peux Vous pouvez sélectionner le texte ici dans cette boîte. Je vais appuyer sur la commande A pour tout sélectionner. Je vais appuyer sur retour arrière pour le supprimer et commander V pour coller le texte long que nous avons. Et je vais changer le texte du corps en ah, temps de téléphone principalement utilisé pour le texte du corps dans la source crânée sur le spro. Ça va prendre la normale. C' est un funk gratuit. Vous pouvez le télécharger sur le téléphone. Écureuil je pense que vous pouvez juste le google. Tu le trouveras. Alors c'est ça. Je vais faire, genre, 17 points, 17 points, et je vais aller sur le pied cette pénalité le personnage et je n'ai pas est que la hauteur de la ligne . Et maintenant, nous le voyons réglé. C' est trop grand. Donc je vais juste rester ici et je vais cliquer et vous diriger, dans les phrases qui vont arriver. Et maintenant, nous voulons quelque chose de bon et de gourmand. Donc, comme ça, ce serait à Jim ensemble pour moi. Quelqu' un pour le faire un peu gros. Plus grand. Voyez que tous les textes peuvent s'y insérer. Alors je l'ai traînée vers le bas. Donc nous avons un texte de maintien ici, donc c'est mort. Et ça va peut-être le donner un peu. Nous, peut-être que quelque chose comme vous n'avez pas à nous utiliser autant d'un texte comme celui-ci. Mais nous pouvons, par exemple, couper ici, donc j'ai un peu moins de texte à travailler. Souviens-toi, ce n'est pas un travail de client. Amuse-toi juste et essaye de nouvelles choses. Alors maintenant, nous allons lire ça. Alors cliquez ici. Alors maintenant, c'est de retour à ça. Ok, c'est ça. La prochaine chose que je veux, c'est Ah, Lower. Je vais juste cliquer ici et taper quelque chose. Um, base de travail, par exemple, je vais faire ça comme, euh, 20 points, par exemple, sur ce, rappelez-vous, nous sommes juste tout mettre. Ce n'est pas définitif ou quelque chose comme ça, mais on va y arriver. On va le changer. Teoh. Ce qui va être, on va voir quoi, comme ce que ça va ressentir quand on aura toute la composition. Donc on voit ici. J' ai appuyé sur l'espace quelques fois que juste pour cliquer et diriger un stylo à l'intérieur de l'image . Donc, vous voyez le curseur changer à la main lorsque j'appuie sur l'espace, puis vous pouvez cliquer et faire glisser autour. C' est assez facile. , La prochaine chose qu'on va faire,c'est qu'on va créer un menu. Je peux donc ça va aller par ici, probablement. Donc je vais juste prendre l'outil de ligne et il a reçu trois pixels. Je vais le changer en, et je vais tous faire défiler pour zoomer comme ça. Et puis, quelque chose comme ça, comme 66 700% ou quelque chose comme ça. Je vais juste faire glisser une ligne quelque chose comme ça. Comme 20 pixels de largeur qui, comme je l'ai dit avant que nous directe angles cliquent ici dans le terminal et vous pouvez changer la couleur , donc je vais le faire pression noire. OK, alors on veut que nous ayons envie d'avoir, genre, un menu hamburger. Donc, nous voulons trois de ces bandes pour que nous puissions simplement dupliquer celle-ci en appuyant sur les commandes. Et Jay, donc, comme ça, tu vois ici, il en aura une copie. Donc, il y a cela et puis nous allons le faire à nouveau pour que et nous sélectionnons celui-ci et allons appuyer sur Maj et une route vers le bas, donc cela le déplace 10 pixels. Donc si on fait ça avec l'autre, alors on aura ça. Mais si vous zoomez, nous allons revenir à 100% de la taille réelle de la vue pour voir à quoi il ressemble quand nous avons notre zoom arrière et un moyen facile de revenir à 100% ce décalage de commande comme ça. Et puis on aura supplié ça. Donc je vais juste Bennett à nouveau ici. Donc si on sélectionne ces couches d'arborescence, c'est le menu que je peux appuyer. Allez, G. Faites-en un groupe. Vous le nommez. Menu. Je peux. Donc la chose que je vois maintenant, c'est que c'est trop haut et que les lignes sont trop éloignées les unes des autres, donc ça va venir juste ici. Donc je veux qu'ils soient un peu plus proches l'unde l'autre, donc je vais un prendre mes touches fléchées. Je vais aux orteils. 123 Ok, ça va mieux, et puis on va sélectionner la dent et 123 Donc ça commence à paraître un peu mieux . Donc, je vais tout zoomer à nouveau pour revenir dans le menu, et j'allais le rendre un peu plus dynamique. Donc la chose que je vais faire, c'est que je vais changer l'esprit pour éteindre les lumières. Je vais le faire en appuyant sur un est l'orteil de sélection directe. C' est ah où vous pouvez sélectionner des points d'ancrage avec. Donc je vais appuyer sur un voir ici. Ce n'est pas les outils blancs. Je vais cliquer et faire glisser, et ensuite on a l'orteil de sélection directe. Je vais cliquer sur ce que je ne vais pas sélectionner ces deux points de gauche, mais juste faire glisser dessus et entrer avec les touches fléchées peut les rendre un peu plus courts comme ça . Et il n'y a pas de règles définies pour cela est juste que vous pouvez expérimenter avec cela. Tu peux essayer autant de choses si tu veux, mais je sais que je voulais être un peu comme ça. Donc nous avons, genre, trois esprits différents maintenant. Et je vais juste aller voir à nouveau comment ils ont l'air en taille réelle. Je vais encore appuyer sur commande Shift un. Assez avec facilité. Je commence à aimer ça, mais peut-être qu'ils sont un peu trop éloignés les uns des autres. Donc, je vais sélectionner à nouveau le plus bas, le milieu, puis appuyer sur une touche vers le haut, et je vais devoir déplacer les 12 pixels inférieurs. Alors maintenant, on va quelque part. Ok, laissons ça pour l'instant. Tout comme ça. Maintenant, on va voir ce qu'on peut faire pour la taille du pli. Oh, sont, ou les orphelins en général. Donc celui-ci est une sorte de mes formes de texte goto corps, mais je l'aime un peu, donc je pense que je vais garder qui va tout sélectionner. Et je pense que c'est peut-être un peu trop blanc maintenant. Les manuels. Donc, je vais sélectionner ça. Je vais prendre ce point d'ancrage ici du manuel. Je vais le traîner un peu vers le bas et un peu vers la gauche, donc j'aime la mort. Et pour ce domaine, j'aime un peu ce téléphone fonctionne dans presque tous les poids et taille majuscules. En minuscule. Un joli front multifonctionnel. Mais je vais aller avec quelque chose de gentil. genre d'ajustement ici est assez amusant, je suppose, en procès pour Duda. Donc nous avons ici Duda, et nous allons choisir un poids lourd. Et la raison en est que je veux avoir un bon Contras entre le texte à puces et le titre pour que le titre apparaisse vraiment. Donc, vous voyez ici que le titre qu'il a une sorte de bon ajustement. Vous pouvez essayer de rendre le grand, plus grand peut-être un peu plus petit à nouveau. Un peu comme ça et puis nous allons Teoh, vous voyez que l'espace entre les deux orteils comme le titre de Scandinave et l'espace de travail. L' espace entre deux gros orteils salope trop grand. Ensuite, en maintenant Ault enfoncé et en utilisant vos touches fléchées, vous pouvez changer la hauteur de la ligne. Donc, si vous utilisez Ault, vous appuyez sur Alternate. Vous utilisez la presse irakienne UPI graines qu'il devient plus petit, l'espace. Alors, ça l'a fait. Voyez comment ce regard là qui semble non sélectionné. Alors je vais cliquer ici. Donc ça commence à ressembler à quelque chose. Peut-être que l'espace entre ces deux-là, c'est trop. Je vais bouger un peu le texte de la balle. Ouais, donc j'ai un peu aimé est déjà peut-être l'ensemble. Comme je l'ai dit avant la théorie, nous devons voir ça comme un seul groupe. Donc, si vous voyez cela comme un groupe, vous pouvez simplement utiliser un rectangle simple pour le mettre au milieu. Casey aime ça. Et si nous lui donnons une couleur, vous pouvez voir l'espace entre elle et ensuite tout direct pour le déplacer. Quelque chose comme ça n'a pas besoin d'être parfait pour l'instant. Donc maintenant on vend ces deux-là comme si c'était pour parler un groupe, et on peut les déplacer comme si ça ressemblait plus au milieu ? Donc maintenant, je vais supprimer le découpage est à nouveau parce qu'ils ne font pas partie de la conception. Mais maintenant tu vois, ça commence à ressembler à quelque chose. La raison pour laquelle je mets le logo ici sur le dessus parce que Lois, toujours pour moi gauche sur le dessus parce que les gens lisent toujours de gauche à droite. Et la première chose que vous voulez que les gens voient quand ils viennent sur un site Web est le plus bas votre entreprise. C' est pourquoi je l'ai mis là-bas, le local ici, le menu que je peux ici parce que nous n'avons pas assez d'espace pour un menu entier pour le taper . Et je l'ai gardé ici dans l'espace blanc et pas ici. Par exemple, sur le côté droit de l'orteil ont cette partie hors de la conception toujours pour le texte. Et celui-ci pourrait être variable pour les images sont appelées directions ou quelque chose comme ça. Donc maintenant, je vais sélectionner ces deux couches de texte sur un groupe les texte et ceci est un groupe pour le logo et puis vous pouvez si vous choisissez, vous pouvez vous pouvez choisir si vous voulez. Si tu veux faire ça ou pas, mais tu peux mettre, genre, menu lumineux Aiken et l'appeler en tête, par exemple, pour que la prochaine chose sur laquelle on va travailler est ah, direction d'appel. Donc je pense que je veux faire ici est que je veux utiliser un de ces livres et lui donner une couleur. Alors ça surgit. Et la raison en est que je veux que ce soit l'appel à l'action. Comme si les gens cliquent dessus, ils vont à une page détaillée ou quelque chose sur les espaces de travail scandinaves. Donc je vais commencer par prendre ce livre et te donner le froid. Je vais y aller, mais toujours un peu bleu maintenant, non ? Quelque chose comme ça. Je vais juste donner à ça, genre, ce ça, genre, super détenteur de place ici. Je vais lui donner un phénomène de noyau blanc pour que ça ne me dérange pas autant. Maintenant que nous avons la mort, nous avons ici pour la direction de l'appel, et je vais juste prendre comme, un rectangle pour vous montrer l'espace et je vais travailler sur les pieds. Donc je veux avoir, genre, un bon espace ici où je vais travailler avec mon texte. Donc, comme, ici, nous avons, genre, 60% à 40 pour cent, par exemple, comme ici. Donc ici, je vais essayer de faire la même chose. Donc ce que je vais faire, c'est juste me mettre en place comme une zone de titre comme tu pourrais l'appeler. Donc ça va encore être quelque chose comme ça. Ça n'a pas besoin d'être parfait. Pour l'instant, je vais juste rendre celui-ci un peu plus sombre. Donc j'ai noté que le domaine que je vais travailler, donc la première chose que nous allons faire est que nous allons faire ici pour faire les textos pour la direction secte. Donc je vais juste appuyer sur D pour parler de la typographie et je vais cliquer ici, et ensuite je vais écrire quelque chose comme vérifier les espaces de travail, par exemple. Donc vous voyez déjà que de cette façon trop grand. Donc je vais cliquer ici dans la taille du téléphone, et vous pouvez simplement faire défiler ici orteil plus facile si c'est comme vous voyez, je fais juste défiler ici et vous pouvez rapidement voir ce qui semble le mieux. Vous n'avez pas vraiment à céder les valeurs ou quelque chose qui peut simplement défiler ici. Donc je vais faire quelque chose comme ça. Peut-être que vous pouvez également utiliser les touches fléchées. Alors peut-être quelque chose comme 28. 26. 27. Quelque chose comme 28 par exemple. Appuyez sur Entrée. Donc on ne change plus les côtés du téléphone. Et là encore, vous voyez que les deux lignes sont bien trop éloignées. Donc je vais appuyer à nouveau sur Ault avec et puis vous à nouveau, comme vous pouvez utiliser la touche fléchée pour changer la hauteur de la ligne. Alors je vais faire ça. Donc quelque chose comme ça semble bon et je vais juste au sein V trois v accusant les raccourcis de visa . Toe Juste soulever le mouvement à nouveau. Donc, comme ça. Donc, si je suis un texte ou allaite et revenir à l'orteil de mouvement Donc à nouveau, commande cliquez. Pour être sûr que nous avons choisi cela, je vais juste le faire glisser vers le bas. Donc la première chose que je vois maintenant que c'est peut-être trop petit, donc je vais juste, euh, euh, premier jour encore, sélectionner tout le texte, faire un grand, plus grand, un peu plus grand. Donc quelque chose comme ça. Mais maintenant, les lignes sont beaucoup trop proches les unes des autres. Maintenez Ault et avec les touches fléchées pour appuyer un peu. Donc ils vont être comme ça. Il suffit de sélectionner ce rectangle et de cliquer sur I. Donc je ne le vois pas. Les enfants qui ont l'air assez bien peuvent faire quelques ajustements plus tard. Donc la deuxième chose que je veux avoir ici quelque chose, Teoh, va voir les yeux. Au-dessus de ce bloc est quelque chose dans tous les casquettes, un peu plus petit devant. C' est ça, euh, nos espaces de travail, par exemple. Cela n'a pas vraiment d'importance ce qu'il dit là, mais quelque chose de petit et en majuscules j'utilise généralement Monserrat parce que c'est ça fonctionne vraiment bon pour ce genre de texte hors texte. Donc, je vais juste prendre Monserrat et je vais utiliser, euh j'utilise principalement semi-chauve et puis souffle année à nouveau. Je vais ici et on va faire tout ça, probablement pour le faire rond. Moi surtout pour les majuscules. Dans ce scénario, j'ai utilisé comme 12 points ou maximum 14 donc je vais aller avec la richesse ici. Donc, la chose que je pense toujours qui fonctionne assez bien avec un petit texte majuscule est ah, l'espace entre les lettres pour que nous puissions le rendre plus grand. Donc je vais juste aller ici, cliquez ici et direct. Donc les lettres allaient se sortir un peu l'une de l'autre comme 200 ou quelque chose comme ça. Et je vois que cela donne aussi ajoute au minimalisme parce que les lettres sont maintenant, ils ont plus de place pour respirer. Donc elle va cliquer ici et le glisser vers le bas pour que ça puisse venir comme ici. Et puis je vais cliquer ici à nouveau sur ce rectangle et cliquer sur le I. Et je verrais que peut-être il est trop penché vers la gauche. Donc, je vais juste cliquer sur celui-ci et venir sur le quart de travail, cliquez sur celui-ci. Donc nous les avons tous les deux sélectionnés, et ensuite je vais le déplacer un peu vers la droite, peut-être un peu vers le bas. Donc quelque chose comme ça. Donc la seule chose que je pense que cela peut ajouter à cela c'est comme une flèche ici et un étroit indique toujours que vous allez sortir de la page, qu'il va y avoir un nouveau chargement de page. Donc, l'utilisateur voit la flèche tout je pense que 95% de rabais les gens savent qu'ils vont avoir un nouveau chargement de page. Donc je vais juste aller ici à mon outil de forme personnalisé. Et j'ai quelques formes personnalisées ici, Chargé dans. Voir ici je des flèches. Je le ferai. Je vais faire une note avec un lien à travers ces fichiers où vous pouvez télécharger ces flèches, et je vais aller pour, genre, genre, une sorte de flèche vraiment mince ici, pointant vers la droite. Donc je vais juste traîner ici comme ça, hein ? Changer la couleur noire pour que nous puissions le voir. Et puis je vais zoomer par tous, en supposant à nouveau, glisser vers le milieu, et puis nous allons cliquer sur Type A pour l'outil de sélection directe à nouveau parce que je voulais être un peu plus longtemps, donc je suis va juste pour sélectionner ces points d'ancrage et puis quel décalage et mon aérodynamique à gauche, je peux le rendre plus long. Donc je vais essayer quelque chose comme ce V oppressif pour faire apparaître l'outil de déplacement. Allez, changez un pour revenir à 100% pour vous, et puis je ne suis qu'un sceau. Ma flèche est sélectionnée. Aller nommer est chaque vrai rapide comme ça, et puis je vais juste cliquer et faire glisser et le positionner de la bonne façon. Alors maintenant je vais voir que c'est trop proche de la fin de la composition. Donc je vais refaire ces textes, un peu plus petits, quelque chose comme ça. Et je ne peux pas me rapprocher un peu. Quelque chose comme ça. Ok, donc un peu comme ça. Maintenant, si vous voulez essayer un cours différent, voici où la copie de tableau d'art est utile. Donc, nous pouvons juste ici cliquer sur le nom du tableau d'art et vous allez juste aller ici pour déplacer orteils et vous appuyez sur tout pour déplacer et le faire glisser vers le bas. Donc, vous faites juste un double du ton. Donc, ici, nous pouvons juste changer rapidement de couleur et voir quel genre de choses fonctionnent. Peut-être que quelque chose comme sont encore en train ou quelque chose comme ça. Fais un autre doublon. On pourrait essayer comme de quelque chosedevert. Faites d'autres doublons et essayez quelque chose. Quelque chose comme un jaune clair, comme votre Louise ou quelque chose comme ça. Alors voyez ici, peut-être un peu plus bas. Ouais, peut-être quelque chose comme ça. J' aime cela parce que cela complète cette image plus parce que l'image a beaucoup jaunâtres bruns dedans. Donc je pense que celui-ci fonctionnera le mieux. Eh bien, juste fermé. Les autres tableaux d'art entendent cliquer sur les flèches pour que nous ne soyons pas confus. Donc je vais travailler avec ça. Donc la seule chose qui manque maintenant de cette mise en page ou composition est ah, le produit vedette que je voulais mettre ici. Donc nous avons une belle base par ici. Je vais juste faire le gros pour le titre traîné. Je vais juste taper. Peut-être que celui-là sera mieux pour le nom du produit comme nous l'avons ici. Nous avons le petit texte en haut et nous avons le texte le plus gros au bas de l'année. Donc, le je va du haut et il vous attire automatiquement vers le bas parce que ce Texas petits bits, il a plus de contraste avec le grand tour. Donc, je vais taper ici le nom du produit, et il va aussi être un lien. Donc la flèche me donne un aveugle ici, vois, comme si c'était le second appel à l'action. La principale chose que nous voulons l'utiliser pour faire est de cliquer sur cette action de culture, et c'est pourquoi il a le fond de couleur afin qu'il attire plus d'attention. Donc je vais juste poser ça ici. Je vais prendre ce texte en majuscules, je vais le mettre ici, et je suis au milieu. Je vais juste taper des caractéristiques produit comme la mort. Donc si je l'ai, je veux placer ça au milieu ici. J' ai donc un angle de district. C' est le porte-place pour le produit. Espace réservé, probablement. Et si nous avons cette sélection et que nous sélectionnons le texte ensemble, nous pouvons l'utiliser aligné ici pour le mettre au milieu. Alors maintenant, c'est au milieu. Cela sélectionne aussi cela avec le Terryl va faire un groupe hors de lui. Direction froide, mon frère. Et vous pouvez également le faire avec des groupes. Donc juste une fois de plus, j'ai sélectionné ce groupe et je vais sélectionner l'arrière-plan au rectangle va mettre au milieu. Alors maintenant dissident. Donc la seule chose qui manque ici est quelque chose comme une chaise, quelque chose comme ici sur l'image. Donc je vais remonter les pieds sur internet et je vais faire un nouveau top. Je vais juste taper quelque chose comme une chaise signée ou quelque chose comme ça. Et puis je vais passer aux images toutes ces images, quelque chose comme ça. Donc, je vais juste à si important aussi. Nous voulions avoir un large milieu pour ne pas avoir à faire beaucoup de travail pour le sortir et faire des ombres et tout ça. Donc je vais juste mettre le PNG derrière lui. Et nous avons, genre, ce genre d'images. Donc c'est une sorte de comme je vais juste essayer un couple, comme, par exemple, par exemple, celui-ci juste la même chose, comme avec l'image dans ah, il y a quelques instants dans un intéressant et faire un clic droit copier l'image. Retournez à la boutique photo. Allez, Fi. Et nous l'avons pour vous et le revenu. Tante Transform pourrait le rendre plus petit. Il le fait aussi. Donc la seule chose que je n'aime pas ici, qu'il n' ait pas d'ombre ou quelque chose comme se tenir là et n'a pas l'air réaliste ou quelque chose comme ça. ait pas d'ombre ou quelque chose comme se tenir là et n'a pas l'air réaliste ou quelque chose comme ça Juste pour que je vais juste supprimer celui-ci, vais revenir en arrière, et je pense que ces chaises s'appellent quelque chose Eames, donc je vais passer le temps. Mais ici, les équipes Oui, le succès. Donc, je vais juste regarder toutes ces images si nous l'avons fait. Ah, belle photo. On peut travailler avec quelque chose avec des ombres dessus. Euh, non. C' est comme si ce n'était pas de l'ombre réelle et de la recherche d'images. Ce n'est pas la chose la plus facile. La plupart du temps, çame prend , ça quelques heures pour trouver des images parfaites. Mais, euh donc peut-être que des images connexes pourraient nous aider ici. Quelque chose comme la mort. Tu as besoin d'ombres. Alors, les gars, j'ai trouvé mon image. Je veux l'utiliser. Il va encore faire des copies, retourner à la boutique photo et Basit ici. Alors tu vas appuyer, Reviens à la télé. Il est tué est en panne. C' est comme si il y avait un large fond dans l'image, mais ce n'est pas vraiment un problème parce que nous avons, genre, fond blanc ici encore pour que nous puissions juste jouer ça ici. Donc maintenant, nous savons que ce Texas l'a déjà envoyé afin que nous puissions Vous pouvez sélectionner le produit en vedette de couche et un sélectionner l'image, puis l'aligner ici à nouveau. Middle Oups, l' incitation, la mauvaise. Donc, je vais reprendre l'image et l'arrière-plan, et c'est ça. Maintenant, nous avons tout centre. Aller diriger ça un peu vers le bas va être ça va monter. Je n'aime pas qu'il se retourne dans lequel alors remarquez Churkin peut nous l'augmenter un peu plus. Donc c'est plus comme un que j'ai capturé. Donc j'aime quelque chose comme ça. Vérifie ça. Donc maintenant ce genre avec lequel on travaille, euh, la seule chose que je pense et peut-être améliorée c'est comme si on pouvait mettre ça la direction secte , le bloc de couleurs, on pourrait le tourner vers le haut. Parce que, comme je l'ai dit, les gens lisent dans la plupart des pays de gauche à droite et de haut en bas. Donc la première chose que nous voulons qu'ils voient c'est comme, cette direction d'appel, parce que nous voulons qu'ils cliquent dessus. Donc je vais juste zoomer un peu et en faire une copie. Ils allaient juste les retourner pour que celui-là soit un groupe. Nous avons donc le calque d'arrière-plan, texte du produit en vedette, calque l'image, et nous avons déjà fait un groupe pour l'appel à l'action du produit. Torres, ça donc je vais en faire un groupe et ça va être et, euh, groupe passionnant. C' est et ça va être le sous-titre ces jours-ci en arrière-plan. Ce sera un groupe, et ce sera l'action culturelle ou huit. Alors c'est ça. Et j'allais juste les changer. Donc l'état, le j'allais aller au sommet. Qu' est-ce qui va le traîner comme ça ? Je vais juste prendre l'œil pour l'autre groupe. Donc je suppose qu'il travaillait avec. Donc faire la direction d'appel va vers le haut et le produit de fonctionnalités va descendre comme ça . Voyons voir à quoi ça ressemble. Je dois dire que j'aime ça plus dégonfler. Alors maintenant, nous avons tous les éléments de notre conception que nous voulions. Là, nous avons le texte, nous avons l'image. Nous avons le même genre de logo, un menu que je peux dans un appel à l'action. Donc, je vais juste faire une ligne. Je déchire un peu plus, veux le rendre un peu plus petit, juste l'arabe. Il l'a remis en place pour quelque chose comme ça. Donc je fais un peu comme ça. Comme ici, nous avons comme les textes. Le titre, avec le paragraphe en tant que groupe, se trouve au milieu du livre blanc. Juste un peu plus ici. Si, comme, agit d'un groupe avec le texte du produit présenté, l'image et la direction d'appel pour les fonctionnalités Produits comme un groupe. Et c'est comme dans le centre va prendre ces trois couches de texte de produit en vedette orteil. Voir ta pour le produit et l'image. Déplacez un peu vers le haut. Ok, donc c'est comme au milieu. Et puis nous avons ici sont la base des travaux. Vérifiez la base des travaux et la flèche pour cela. Notre couche de texte d'espaces de travail. Maintenant, nous sommes morts. On peut juste vous pouvez marcher. Vous pouvez simplement utiliser vos touches fléchées orteil, le déplacer un peu et voir où il se sent le mieux que vous pouvez. Vous pouvez prendre le sous-titre et le déplacer un peu vers le bas ou quelque chose comme ça. Mais alors l'espace entre ici doit être le même, comme le test ici. Suis-je personnellement je pense que pour le bas et le haut, il doit être le même. Mais aussi à gauche et à droite et j'ai essayé de faire correspondre les marges gauche et droite à celle en haut et en bas. Donc, comme, si celui-ci allait ici, alors ça en tant que groupe, je remonterais. Mais alors je dois aussi ajuster la taille du téléphone parce que cela doit devenir plus petit aussi afin que nous ne allons pas le faire si monstre pour annuler cela. Donc c'est le maintenant. La seule chose que je pense que je veux ajouter ici c'est comme un peu de plaisir, comme certaines flèches comme ça pourraient être comme un curseur, par exemple. Et je pense que je vais faire un autre cours rai ce que je vais animer. C' est comme un curseur dans le court. Donc, dans la prochaine leçon de cette classe que vous verrez pour un projet de classe serait cool. Si vous pouviez faire ça, comme les atomes atomes tellement genre d'éléments interactifs pour faire une diapositive ou quelque chose pour la prochaine écoute, je vais essayer d'expliquer comment vous pouvez faire un curseur. Animation avec l'attitude de tir est maintenant faite et faire cela en principe, mais c'est pour le prochain à fermer. Donc, ici, pour le pour lui va ajouter quelques flèches. Je vais aller jusqu'au tabouret des lèvres et en appuyant sur Shift et Ault, je vais faire un cercle. Donc juste comme ça, quelque chose comme ça. D' accord. Un V impressionnant encore pour le déménagement à Donc nous avons juste. Donc nous allons ici à la couche, vous pouvez l'appeler, pero à gauche. Et maintenant, nous allons ajouter un style de calque dit, En fait, un juste un trait. Donc la première chose que je veux faire, mais je ne vois pas le cercle parce qu'il est large sur large. Mais pour vous les gars, si vous voyez que c'est comme si vous le voyez comme ça, par exemple, la chose que vous voulez faire est que Teoh éteigne le champ. Donc on va faire ce 0% comme ça et la différence entre l'opacité et le sentiment est tout. Lorsque vous baissez l'opacité huit chiffres d'affaires, opacité pour tout. En outre, il est testé pour le calque, mais aussi pour les styles de calque ou tout ce qui est appliqué au calque pour le remplir. Seulement, il tourne seulement sur l'opacité pour le noyau ou quelque chose comme ça. Juste ce qui se trouve à l'intérieur du calque, mais pas pour les styles de calque. Donc si tu veux voir notre AVC ou la seule chose qu'on veut voir, 9. PROJET DE CLASSE: J' espère que vous apprendrez quelque chose de la vidéo précédente où nous avons fait le design ensemble. Maintenant pour le projet de classe. Je veux que vous fassiez la même chose. Recherchez quelque chose qui vous intéresse et utilisez-le comme sujet. Ça pourrait être une équipe de football célèbre, un athlète. Ah ha Buf jeu. Ça pourrait être à propos de n'importe quoi. Vraiment. Ensuite, vous les mêmes dimensions que je l'ai fait pour trouver un type de design similaire. Faites d'abord vos cadres métalliques et réfléchissez à l'information avec laquelle vous allez travailler. Pensez à ce qui pourrait être important pour l'utilisateur. J' ai utilisé le produit en vedette comme quelque chose qui pourrait être important pour l'utilisateur. Mais par exemple, si vous travaillez avec un athlète, vous pouvez travailler avec l'âge et la nationalité ou quelque chose du genre. Alors pensez à la façon dont vous pouvez faire sortir l'information, poster votre projet ici dans la classe, et je vais m'assurer de les vérifier tous et de vous donner des commentaires. J' ai hâte de voir ce que ton gars qu'ils vont trouver et se souvenir, amuse-toi avec ça. 10. Rassembler: Alors c'était tout pour la classe. J' espère que vous apprendrez quelque chose sur la hiérarchie visuelle et l'espacement. Merci de rester avec moi. Gardez à l'esprit que c'était la première fois que je faisais ça. Et je sais que l'article est loin d'être parfait. C' était un projet amusant à travailler. J' ai vraiment hâte de voir ce que vous allez trouver dans un projet de classe sur le MPO. Ou je vais faire quelques futures clauses sur l'animation et d'autres types de sujets. C' était une sorte de cours et merci d'être restée avec moi. Et j'ai aussi ajouté un petit bonus. Écoute, sur la façon dont je prépare mon design pour un spectacle de dribble. Alors à la prochaine fois. 11. Cours bonus : Faire un cliché dribbble: Hé, les gars. Et bienvenue à la leçon bonus. Donc, dans ce Écoutez, je vais vous expliquer comment je prépare des plans dribble avec le design que nous venons de faire. Donc la première chose qu'on va faire, c'est que notre design est ouvert ici. On va le sauvegarder en tant que fichier photo. Il y a donc un moyen facile de le faire. Tu vas juste ici au nom de ton tableau d'art et tu cliques, non ? Faites bien. Cliquez sur, puis vous choisissez l'option Exporter comme nous allons le faire. Maintenant, on va choisir un rendez-vous ici. On va juste exporter tout ici dans ma compétence. Shérif Fuller, je vais appeler ça neuf et exporté. Alors on va faire un nouveau, un nouveau, euh, document sera huit moins de 600 ans. Parle la SLA parce qu'il y a la taille pour un dribble shoot. Je vais l'appeler dribble, tirer et en prison. Maintenant, nous avons notre nouveau dossier ici. Je vais passer à mon dessin que je viens de nous sauver une photo J. Je vais juste le traîner ici. Donc maintenant, nous voyons que c'est ici avec la boîte de délimitation ici. Je vais juste le rendre un peu plus petit, comme ça et je vais juste donner une minute aux grands terrains. Faites glisser un rectangle là pour une couleur d'arrière-plan va le faire glisser ici. Je vais en faire une couleur gris clair pour qu'on ait un peu de contraste entre l'arrière-plan et l' orteil design, quelque chose comme ça. Et puis pour l'ombre qu'on pourrait faire comme, une ombre portée normale ici comme ça. Mais j'aime une ombre plus intéressante, et je vais la créer en appuyant sur Come on, Jay, Jay, et en double design. Je vais cliquer sur le bas que je vais appuyer sur la commande t pour transformer. Mais je vais le faire un peu. Je vais le faire aller les côtés le réduire un peu. Peut-être Diskin de bas aussi. Donc, nous n'avons pas d'ombre en haut et il suffit d'appuyer sur Entrée, puis les concepteurs en dessous ,c' , est celui que nous allons appliquer l'ombre pour double-cliquer sur le calque pour les styles de calque . Alors je vais choisir l'ombre portée une belle année. L' angle est de 90. Maintenant, on peut juste jouer avec, genre, la distance. Donc la distance que vous voyez ici, ça pourrait être quelque chose comme ça, et je vais allumer la taille de ça. Donc j'aime bien comment ça ressemble, et ensuite on peut jouer avec l'opacité. Donc c'est peut-être deux chevaux qui descendent un peu. Donc ça va être quelque chose comme ça, et c'est tout, en fait. Donc, là, vous avez votre abri dribble prêt. Merci encore de rester avec moi. Et j'espère que vous avez apprécié le verre.