Wireframing pour les designeurs

1. Introduction du cours: sont la partie importante de tout processus de conception parce qu'ils sont le pont entre l'idée et l'exécution. Ils sont géniaux parce qu'ils sont assez simples pour que tout le monde impliqué puisse les comprendre et aussi assez bon marché parce que vous pouvez les créer sur le morceau de papier ou la majorité hors logiciel de conception Hey il. Mon nom est Alex, et dans Discourse, vous apprendrez ce que sont les cadres de fil, comment dessiner des cadres de fil sur papier et utiliser les modèles que j'ai fournis comment créer des cadres de fil dans différents en ligne ne comment les créer dans quatre magasins et, enfin, comment les créer dans Adobe X'd, puis passer à des cadres et des prototypes de fil haute fidélité . Ce cours s'adresse à tous ceux qui s'intéressent aux cadres métalliques, et vous n'avez pas besoin de savoir comment utiliser ces outils. On va les couvrir dans ce cours. Donc, si vous voulez améliorer votre productivité, économiser beaucoup de temps et d'argent sur les itérations et créer les produits plus rapidement que de cliquer sur rouleau et je vous verrai dans le cours 2. Qu'est-: Les cadres métalliques sont la partie essentielle de chaque création de produit. Donc, lorsque vous créez une application mobile ou un site Web, les cadres métalliques sont la partie essentielle de la création de ce produit, parce qu'ils sont essentiellement un pont entre l'idée derrière ce produit et l'exécution dans froid plus tard, cadres de fil sont super faciles à créer parce que vous pouvez les créer avec différentes variétés hors éléments. Vous pouvez essayer différentes idées parce qu'elles sont super rapides et super bon marché. Par conséquent, ils sont parfaitement adaptés entre la partie idée et la partie exécution parce que vous pouvez sauter à l'intérieur et changer les choses vraiment facilement, vraiment rapidement. Et puis, par exemple, si l'élément ne fonctionne pas, il est beaucoup moins cher de le créer dans le cadrage métallique, puis dans le code, par exemple. Par conséquent, la conception n'est pas faite dans le code. La conception n'est pas réalisée au sein de l'U. Y. Écartez le processus de conception. C' est fait dans le cadre de vire partie du processus de conception, parce qu'une fois de plus, il est vraiment rapide à exécuter. C' est extrêmement bon marché parce que vous pouvez le faire sur un morceau de papier. Il est extrêmement facile pour tout le monde de se mêler avec leurs idées, et vous pouvez tester toutes sortes d'idées juste là sur un morceau de papier avant de sauter dans la production de votre vous je travaille et plus tard à Cote. Par conséquent, il est vraiment recommandé pour les projets ou les tailles d'automne, par exemple, pour les projets de plus petite taille. Lorsque vous travaillez avec votre entreprise locale tout le chemin des entreprises extrêmement grandes comme Google, par exemple, pour faire ce cadre métallique, en partie parce qu'il est extrêmement facile à exécuter. Et c'est extrêmement rentable parce que vous n'investissez pas du temps et de l'argent dans le froid et ensuite itérer à l'intérieur du manteau, parce qu'il y aura certainement beaucoup plus loin que plus tard quand vous arrivez à la mort partie du processus de conception. Mais quand vous commencez tout juste avec votre design et que vous avez toutes ces idées sauter dans votre tête, surtout si vous travaillez en tant que membre d'une équipe, petite ou grande équipe, cela n'a vraiment pas d'importance tant que vous le faites cadre de fil en partie sur le processus de conception, il est extrêmement facile pour tout le monde impliqué orteil comprendre l'idée et plus tard sur l' exécution 3. Ressources pour le fil d'encrage papier: quand il s'agit de ressources, c'est pour le processus de sonnerie de votre épouse de papier. C' est vraiment à vous de choisir ce que vous allez utiliser pour créer ces cadres métalliques. Vous pouvez simplement utiliser une feuille de papier vierge comme celle-ci. C' est juste un papier d'impression simple, et vous pouvez l'utiliser des lignes de blé ou sans lignes. Ça n'a vraiment pas d'importance. Je vais te montrer. Vous pouvez utiliser un joli cahier de dessin rapide comme celui-ci, celui-ci, celui de ma Kia. Mais vous pouvez utiliser n'importe quel livre de dessin que vous voulez. Comme vous pouvez le voir à l'intérieur. Ce ne sont que des feuilles vierges sur papier et vous obtenez ces alliances, par exemple, et vous obtenez ces points si vous voulez les utiliser pour une sorte de super. Mais comme ils l'ont dit, ça n'a vraiment pas d'importance. C' est vraiment à vous de choisir ce que vous allez créer, parce que mes amis sont extrêmement simples à créer qui peut être créé avec monstre et ou vous pouvez utiliser une règle. Par exemple. Ils peuvent être extrêmement faciles à l'œil ou extrêmement compliqués, Et dans la vidéo plus tard, je vais vous montrer quelques exemples Web et certains produits que j'ai créés au sein de mon entreprise hors. Quel beignet avec l'aide de certaines personnes, bien sûr, et je vais vous montrer différent. La ressource est que vous pouvez voir Toby inspiré et à utiliser dans vos projets particuliers pour voir les différences entre tous ces différents cadres métalliques. outre, Enoutre, quand il s'agit de dessiner, vous pouvez utiliser un simple plié en bois comme ceci, donc c'est un simple crayon. Vous pouvez utiliser différentes nuances de crayons si vous le souhaitez. Vous pouvez également utiliser un stylo comme celui-ci. C' est simple ikey un stylo, mais vous pouvez utiliser un stylo que vous voulez. En fait, vous pouvez également utiliser différents marqueurs de couleur si vous voulez donner des accents à quelque chose sur votre cadre métallique. Ainsi, par exemple, vous voulez donner des accents différents aux fonds. Disons que votre client a des boutons bleus sur son site Web. Peut-être que vous voulez utiliser un marqueur bleu. Peut-être que vous pouvez utiliser un marqueur vert pour les images et ainsi de suite. Il est vraiment important de comprendre que vous n'avez pas à investir de l'argent dans ce processus de bague de femme de papier parce que vous pouvez vraiment utiliser tout ce que vous avez autour de votre maison si vous voulez être fantaisie plus tard dans le processus, alors vous pouvez vraiment explorer et dépensé des quantités infinies d'argent essentiellement sur d'autres riches. Une fois ces différents papiers que vous voulez, vous avez différents grades de papiers. Vous avez différents crayons d'ombrage. Par exemple, vous avez toutes sortes de marqueurs différents de gris clair, disons orteil 30% grand, 50% grade. Mais la clé principale à comprendre ici est tout cela n'a pas d'importance. Vous pouvez utiliser tout ce que vous avez autour de votre maison pour créer ces amis de fil parce que, comme ils l'ont dit dans l'introduction de la vidéo hors de ce cours, ils ne sont qu'un point de départ de votre processus de conception. Parce que la plupart du temps, lorsque vous travaillez dans de grandes entreprises, vous allez supprimer les cadres métalliques très facilement parce qu'ils ne correspondent peut-être pas au U ex parte hors du processus de conception. Peut-être que cette position sur les boutons ne fonctionne pas. Peut-être que vous devez essayer différents curseurs. Disons que ce formulaire n'a peut-être pas besoin d'avoir trois champs. Il n'a qu'à avoir deux champs et ainsi de suite. Donc, vous allez rencontrer tous ces changements différents au cours de votre processus de conception, il est donc vraiment important d'être capable d'itérer rapidement avant de réellement sauter dans logiciel et de commencer à concevoir. C' est pourquoi je dis que peu importe l'épaisseur du papier que vous allez utiliser ou le classement du papier. C' est vraiment à vous et ce que vous avez autour de votre maison pour commencer. Le journal Weibring. 4. Éléments Wireframe: Il existe de nombreux éléments différents que vous pouvez utiliser dans votre processus de création de cadrage de fil. Mais certains des éléments les plus importants sont essentiellement des images de texte, des fonds et des formulaires ou des champs. Donc, ces quatre sont fondamentalement les principaux éléments que vous allez utiliser dans votre crème blanche dans le processus de création, puis plus tard dans la ligne, vous allez les combiner. Donc, par exemple, vous créez un poste de type ou vous créez une voiture hors d'une sorte, donc vous allez fondamentalement toujours échanger les orteils ces quatre, et de les inclure dans votre processus de conception. Ensuite, vous allez développer à partir de ces quatre et créer quelque chose comme un curseur, par exemple, qui est formé hors, Disons le texte de l'image et une pagination, donc vous allez utiliser les points pour la pagination. Vous allez inclure peut-être des boutons différents. Peut-être que vous allez inclure différentes icônes à l'intérieur, mais cela dépend vraiment de votre femme dans le processus de création. En outre, il s'inquiète du budget de votre client, donc si le budget est petit et que la date limite est vraiment serrée, vous n'allez pas explorer les cadres métalliques en détail, mais vous allez juste mettre quelques beaux croquis rapides pour transmettre vos idées à vos clients afin qu'ils puissent comprendre ce que vous avez dans votre tête un peu mieux avant de sauter dans le logiciel et commencer à concevoir dans la prochaine vidéo, je vais vous montrer quelques différents styles de cadrage de fil de papier, et je vais vous montrer ce que vous pouvez faire avec vos cadres en fil de papier. Je vais vous montrer des moyens plus faciles et des méthodes faciles, mais aussi des méthodes extrêmement complexes et d'autres extrêmement élaborées, qui comprend des illustrations aussi, parce que cela dépend vraiment de vous si vous êtes talentueux à ce sujet en quelque sorte, si les illustrations doivent être incluses, si elles doivent être incluses, mais vous ne savez pas comment dessiner, ne vous inquiétez pas. Vous pouvez simplement griffonner quelque chose pour indiquer que l'illustration va s'y rendre. En outre, quand il s'agit de cadrage de fil, vous pouvez utiliser du texte réel pour indiquer ce que tout est, ou vous pouvez simplement créer des boîtes, et nous allons y arriver un peu plus tard. Dans ce cours, nous allons vous montrer quelques outils logiciels différents qui utilisent différents éléments, et vous pouvez fondamentalement avoir une créativité infinie. Mais il est vraiment important de comprendre, ne pas s'enliser avec sa partie de cadrage de fil parce que, comme je l'ai dit plusieurs fois tout au long de ce cours, c'est vraiment un pont entre l'idée et l'exécution. C' est là que la partie de charpente de fil entre en jeu, et c'est là que vous allez commencer à penser à cette partie de cadrage de fil. C' est juste le pont entre l'idée et l'exécution. Alors passons maintenant dans la vidéo suivante, où je vais vous montrer quelques exemples Web sur la façon dont les différents concepteurs utilisent lescadres en fil de papier, et ce sont cadres en fil de papier, des idées et des exécutions différentes. 5. Styles de cadres de fer en papier: Si vous allez dans Google et tapez simplement du papier de cadre de fil, vous allez obtenir toutes ces différentes variété hors cadres de fil de papier, et ils vont de vraiment, vraiment, vraiment, extrêmement facile veut orteil extrêmement complexes ceux. Et je vais cuisiner pour vous montrer ces exemples. Mais vous pouvez aussi explorer ce que vous voulez sur les amis de fil parce qu'il y a littéralement des milliers d'exemples différents. Ainsi, à partir de cette première application mobile, par exemple, vous pouvez voir qu'ils ont toutes ces idées différentes essentiellement marqués vers le bas sur le côté avec des flèches pointant. Et c'est vraiment utile lorsque vous envoyez cet orteil conçu d'autres membres de votre équipe , par exemple, ou si vous voulez juste vous souvenir de quelque chose vous-même, peut-être que vous avez cette idée pour le moment, mais vous voulez au Koweït plus tard sur la ligne avec votre client, donc c'est extrêmement utile à faire. Et comme vous pouvez le voir, ils utilisent du texte pour littéralement tout. D' autres parties du processus de cadrage de fil est ceci. Comme vous pouvez le voir, peut-être qu'ils vont utiliser des titres ici. Ils vont utiliser le paragraphe juste ici, donc un peu plus petit texte et ils utilisent cette boîte agréable et simple pour les images que vous pouvez voir ici. Ils utilisent l'icône de jeu. Alors peut-être que ce sera une vidéo. Donc, il y a aussi ce style pour les cadres Vier, et cela est généralement utilisé comme ils l'ont dit dans la vidéo précédente. Lorsque vous n'avez pas beaucoup de temps sur vos mains alors que le budget est peut-être trop court en petit. Donc, vous allez aux pieds, devez utiliser quelque chose qui est agréable et facile à comprendre à la fois pour vous et votre client. Peut-être que vous devrez faire un peu plus d'explications à votre client. Alors si vous utilisez juste quelque chose comme ça parce que vous pouvez voir ici qu'il n'y a rien là-bas. Alors peut-être que le client va se confondre sur ce que c'est. Peut-être que tu as remorqué, dis-leur. Eh bien, c'est l'image. C' est le paragraphe. C' est le titre. Alors peut-être que vous allez perdre un peu de temps là-bas. Ensuite, si vous utilisez juste ceci de début, vous pouvez voir un bel exemple comme celui-ci. Alors peut-être qu'ils vont utiliser des illustrations différentes, des menus déroulants différents, peut-être des chapelures. Peut-être qu'ils vont utiliser le site ici, donc c'est vraiment à vous de décider. Vous pouvez voir cet exemple ici. Ils vont utiliser le texte de cet exemple ainsi que quelques griffonnages. Donc, si le texte se répète, vous ne perdrez pas votre temps. Tu vas juste griffonner quelque chose, va indiquer que c'est aussi le texte, et tu peux voir ici et la frustration de ce gars. Donc il utilise beaucoup d'écrans différents, beaucoup d'éléments différents, et c'est vraiment la clé. Retirez ici de ce processus d'altération des intempéries. Vous allez le faire beaucoup, surtout si vous dessinez sur le papier parce que vous allez faire des erreurs tout au long de ce processus. Vous allez faire des modifications et des changements. C' est donc ce que vous allez attendre de la majorité de vos projets. En outre, plupart du temps, les clients ne comprennent pas qu'ils ont réellement besoin de quelques pages Web supplémentaires , trois écrans mobiles supplémentaires. C' est là que cela intervient et vous allez devoir créer plusieurs itérations à partir chaque écran dans de nouveaux écrans et de nouvelles pages. C' est là que ça arrive, et vous avez tous ces papiers différents à la fin. Hors de ce processus, vous pouvez voir quelque chose comme ça pour le site et cette personne a effectivement inclus quelques ombres portées et quelques lignes de croisière de différence et vous pouvez voir fait une fois de plus ils utilisent du texte. Ainsi, par exemple, vous pouvez voir des produits ici, mais pour le paragraphe là, juste griffonner quelque chose comme ça aussi pour les fonds. Mais ils ont leurs notes ici. Et c'est ce que je disais à propos de ce que vous devez utiliser pour vos cadres métalliques et ce que vous voulez utiliser l'un de nos accessoires. Fondamentalement, fonction de vos capacités et de votre budget, ils utilisent différentes couleurs pour indiquer ce qu'ils doivent faire. Donc tu peux faire ça. Par exemple, si vous vous souvenez quand vous étiez à l'école, peut-être que votre professeur a utilisé quelque chose comme une couleur rouge pour indiquer quelques erreurs et quelque chose comme une couleur verte pour indiquer quelque chose que vous avez bien fait afin que vous puissiez utiliser exactement le même principe et exactement le même style. Mais vous pouvez le faire dans une variété de couleurs différentes. Vous pouvez utiliser le coup. Vous pouvez utiliser la couleur que vous voulez. Mais fondamentalement, le rouge, vert et le bleu sont des couleurs majeures que les concepteurs utilisent parce qu'ils sont vraiment simples et faciles à transmettre aux autres membres de l'équipe de conception ou de votre client de conception. Si nous faisons défiler tout le chemin vers le bas, vous pouvez voir un peu plus avancé cadres de fil juste ici pour que vous puissiez voir que cette personne sait clairement comment dessiner. Ainsi, vous pouvez voir toutes sortes de différentes icônes, différentes personnes. Vous pouvez voir une carte ici. Vous pouvez clairement voir une belle écriture ici. Ils dessinent différentes icônes, donc vous pouvez le faire aussi. Mais sachez simplement que si vous êtes dans un délai serré et sur le budget de type client, vous n'aurez peut-être pas assez de temps pour créer quelque chose comme celui-ci. Il y a un bel exemple ici aussi, ainsi que celui-ci. Vous pouvez voir qu'ils dessinent une voiture. Ils dessinent le processus. Ils dessinent différentes icônes ici sur le côté. Donc vous pouvez faire ça aussi bien que je disais sur, euh, pièce d'équipement. Fondamentalement, comme vous pouvez le voir, ils utilisent une règle juste ici. Donc, tout est agréable et uniformément espacé. Vous pouvez voir que ces différents modèles sont même de chaque côté, vous pouvez voir un grand juste ici. Vous pouvez voir l'icône juste ici. Donc, comme je l'ai dit, vous pouvez le faire aussi. Mais comme vous pouvez le voir, ils utilisent exactement la même chose. Donc ils sont juste en train d'écrire une description et ensuite juste quelques lignes de scribbler pour indiquer que ce sera, Ah, paragraphe sur cette page. Maintenant, vous pouvez voir cet exemple et ils l'utilisent pour les images. Ce sera le texte. Comme je l'expliquais à propos de l'imagination, il y a simplement des points ici, et vous pouvez le faire aussi. Donc, comme vous pouvez le voir à partir de ces quelques exemples et je vous encourage vraiment à explorer autant que vous voulez voir lequel de ces styles correspond réellement à vous et à vos projets, et vous pouvez vraiment le rendre aussi complexe ou aussi facile que vous le souhaitez, ou si le projet nécessite quelque chose d'un peu plus compliqué, peut-être que vous pouvez impliquer dans votre processus de conception quelque chose comme celui-ci. Donc extrêmement facile, extrêmement simple, ou peut-être quelque chose comme ça où peut-être vous allez inclure un peu plus de couleurs et un peu plus d'ombres portées ou quelque chose comme ça, vous pouvez utiliser des marqueurs, comme je l'ai dit et vous peut voir ici et je vais inclure les modèles d'impression, que je vais vous donner pour le discours. Et je vais inclure différents appareils mobiles et différentes formes, et je vais aussi en inclure un pour le navigateur Web. Donc, si vous voulez les utiliser, n'hésitez pas à les imprimer et utiliser leur Peut-être ça va accélérer un peu votre processus , surtout quand vous devez dessiner toutes ces différentes boîtes. Va vraiment vous prendre beaucoup de temps pour faire ces espacements parfaits et de tout mesurer afin de ne pas perdre de temps dans votre processus de conception et femme Remi. Je vais vous donner ces modèles, que vous pouvez imprimer librement, et vous pouvez ensuite les utiliser dans vos projets. Ils vont ressembler à ça. Mais comme vous allez être en mesure d'émousser et de voir leur va accélérer votre processus énormément et plus tard, quand nous commençons réellement avec le processus de conception de cadres de fil, je vais vous montrer comment vous pouvez les imprimer et aussi comment vous pouvez les utiliser dans votre processus de framing via, donc c'est fondamentalement tout pour cette vidéo. Comme vous pouvez le voir, juste en faisant défiler vers le bas, vous pouvez voir tous ces exemples différents, différentes complexités, différentes idées, différentes couleurs, formes et ainsi de suite. Mais fondamentalement tout se résume à ces quatre formes, que je disais images, bas, texte et champs afin que vous puissiez voir différentes catégories ici, vous pouvez explorer et entrer dans beaucoup de détails. Beaucoup de gens font cela, donc fondamentalement ils coupent tous leurs bons cadres, puis les collent sur un mur ou les épinglent à certaines planches, par exemple, et vous finissez essentiellement avec quelque chose comme ceci. Donc, une fois de plus, en fonction de votre budget client en fonction. Ou si vous faites cela pour vous-même, pour votre client, ou si vous faites cela dans le cadre de la grande équipe. Donc tout le monde doit être impliqué dans ce processus de conception. C' est à vous de décider comment vous allez transmettre vos idées et comment vous allez les présenter à vos clients. 6. Modèles imprimables: Bon, donc je veux vous montrer comment tout ça marche. Fondamentalement, je vais vous donner ces quatre modèles différents, que vous pouvez imprimer vous-même. Ou si vous n'avez pas d'imprimante, vous pouvez facilement aller dans un atelier d'impression et simplement imprimer tous ces modèles, combien d'entre eux vous avez besoin ou utiliser une feuille vierge de personnes comme nous avons parlé dans les vidéos précédentes. Donc, ce que nous avons ici sont des modèles iPhone, et vous pouvez voir les modèles iPhone avec espacement autour de ces modèles afin que vous puissiez rapidement ajouter vos marques ou quelque chose que vous voulez dire, ou pour vous rappeler plus tard avoir sur Samsung Modèle Galaxy. Nous avons un modèle gelé, qui ressemble à Google home avec ces paris de barre haut de sorte que vous pouvez utiliser cet espace en dessous de ses deux simplement dessiné. Ou, comme je l'ai dit, si vous ne voulez pas, vous pouvez simplement utiliser Thetis ou même simplement utiliser des gens comme ça et ensuite couler. Vous dessinez sur votre design Web, car j'ai juste ici et parce que l'Apple Watch est trop petite, j'ai simplement utilisé beaucoup d'entre eux comme vous le voyez ici pour correspondre à l'espace restant sur ma page. Et tous ces sont un quatre, mais vous pouvez simplement les ajuster à l'intérieur de votre programme préféré, ou vous les imprime essentiellement orteil être taille de lettre US si vous voulez à l'intérieur de votre logiciel d'impression . Alors, comment peux-tu vraiment utiliser tout ça ? Celle-là ? Vous semblez devoir commencer à dessiner. Et comme je l'ai dit, vous pouvez utiliser n'importe quel stylo ou papier que vous voulez ou en avez besoin pour qu'ils ne nous distrayent pas. Donc, comme je l'ai dit, vous pouvez simplement utiliser n'importe quel morceau de papier et un stylo que vous voulez ou que vous aimez. Et comme un zoo a vu dans la vidéo, qui est montré précédemment avec tous ces différents exemples de la façon dont les gens utilisent ces cadres de fil et dessinent sur eux, je serais qu'une fois de plus, vous pouvez faire cela aussi simple ou comme complexe que vous voulez, et c'est vraiment facile. C' est vraiment à vous de décider à vos talents, à votre temps, aux clients, au temps et, bien sûr, au budget des clients, parce que je veux simplement le mentionner rapidement une fois de plus. Vous ne voulez pas perdre trop de temps sur cette partie du processus parce que la partie de conception réelle du processus, une fois que vous obtenez votre favori plus doux est ce qui va prendre beaucoup de temps. cadres métalliques sont donc juste ce pont entre la partie idéation et la partie exécution. Donc, je vais vous montrer quelques méthodes différentes ici. Donc, pour l'image, vous pouvez simplement dessiner un joli rectangle comme celui-ci. Je dirais que vous avez un petit texte pour que nous puissions, peut-être dans quelque chose comme celui-ci. Et nous pouvons peut-être montrer quelque chose comme Do you support un titre et quelques-uns des plus petits pour le modèle de ci-dessous Et enfin, pour le bouton, peut-être que nous pouvons ajouter autour d'un bouton. Donc quelque chose comme ça, peut-être, et c'est en gros ta carte. Appelons ça comme ça, puis le niveau suivant vous pouvez faire exactement la même chose. Mais, par exemple, vous pouvez peut-être ajouter une belle illustration. Disons une montagne au soleil ou quelque chose comme ça, et peut-être que les gens peuvent alors comprendre un peu mieux que cela est l'image réelle. Alors peut-être que nous pouvons ajouter un titre comme alors peut-être nous pouvons ajouter un paragraphe comme ça et peut-être nous pouvons ajouter un bouton juste ici. Donc exactement la même chose qu'on a fait ici. Mais nous allons taper, par exemple, Bt. Et donc les gens savent vraiment que c'est un bouton en question. Ensuite, peut-être pourriez-vous en ajouter un. Mais pour celui-ci, peut-être si vous voulez ajouter une image au large d'une montagne ici, vous pouvez, peut-être, et les euros attraper. Alors peut-être que tu peux dessiner quelque chose comme ça. Peut-être centralement, ça. Peut-être qu'on peut avoir un fils ici. On peut peut-être ajouter des arbres. Donc, comme je l'ai dit, tout cela nécessite votre temps parce que vous avez vu le Hamas. Combien plus vite nous dessinons. Ce dicton est avec tout ça. Mais celui-ci nous prend beaucoup de temps. Donc, comme je l'ai dit, c'est vraiment à vous et à la hauteur du budget des clients. Peut-être que vous ne savez pas dessiner. Peut-être que tu ne veux pas dessiner. Alors peut-être que vous pouvez ajuster tous ces styles différents orteil ce qui vous convient le mieux ainsi que votre client et votre projet. Donc ici, peut-être qu'on peut ajouter, disons, yo, Stone Park. Et ici, nous allons orteil droit tout le paragraphe. Donc je ne vais pas faire ça. Et enfin, juste ici. Peut-être qu'on peut en mettre beaucoup plus. Et peut-être que je peux même ajouter une ombre portée derrière ce bouton afin que je sache plus tard dans le design qui vont utiliser cette ombre portée afin que vous puissiez voir juste avec ces trois styles quel point ils sont différents, combien d'accueil est-ce que ainsi que cela. Alors que celui-ci prend beaucoup de temps et beaucoup d'exploration, surtout si vous dessinez des caractères, par exemple. Donc, vous devez créer, disons, un personnage masculin et féminin, peut-être votre personnage enfant, sorte que va orteil prendre beaucoup de temps, n'a pas simplement mis une icône comme ça. Comme vous pouvez le voir, c'est beaucoup plus rapide. C' est beaucoup plus simple, et vous tous dans l'équipe allez comprendre que c'est en fait une personne que j'appelle. Quant à l'ensemble de la mise en page, fantôme rapidement pour ce discours. Donc peut-être que vous pouvez utiliser quelque chose comme ça, alors peut-être qu'on peut y aller d'abord. Staline devrait le faire, qui est celle-là, qui est la plus facile à comprendre Donc disons que nous allons créer une page Web et nous avons besoin de quelque chose comme ça. Alors créons une image de héros ici et à l'intérieur de l'image de héros. Mettons un joli gros titre ici. Mettons un paragraphe ici. Mettons un fond juste ici. Et peut-être que nous pouvons mettre une belle image juste ici pour que nous sachions que c'est l'image. Peut-être qu'on peut ajouter une navigation ici. Donc j'aime généralement mettre dans un cercle, peut-être mettre quelques-unes de ces alliances comme ça. Et peut-être que je peux faire une recherche ici en haut, et je peux appeler ça des esprits de héros. Voyons, appelant Benji, qui est une image de héros avec le fond de couleur ou la mort sous la mort. On peut peut-être mettre un bon gros titre. Donc quelque chose comme ça peut-être avec un paragraphe en dessous. Et peut-être que je peux inclure quelques fonctionnalités ici. Peut-être que je peux ajouter le nom du futur comme ça. Et peut-être que je peux inclure une sorte d'icône ici. Alors peut-être que je peux juste mettre une étoile pour l'instant pour que je sache que ce sont les icônes qui vont venir ici et en bas. Ici. Peut-être que nous pouvons inclure un peu primordial, pour que vous puissiez voir à quel point c'est facile. Et je peux simplement mettre le futur ici. Et peut-être que je veux ajouter une sorte de forme d'arrière-plan ou une couleur d'arrière-plan ou quelque chose comme ça. Vous pouvez le dessiner. Donc, disons la forme qui va comme ça et je peux simplement inclure une autre flèche ici , une autre note et je vais écrire Disons forme comme alors ci-dessous que peut-être nous pouvons inclure une vidéo. Alors peut-être que je peux simplement inclure un patron comme celui-ci avec une icône de plaque à l'intérieur. Donc tout le monde sait que la mort est une vidéo comme Donc peut-être que cette vidéo montre des futurs sur ce site, puis en dessous, peut-être que nous voulons inclure une belle action de grosse faute. Disons que nous voulons inclure un texte, puis le paragraphe ci-dessous. Peut-être que nous voulons inclure le formulaire ici pour que je puisse même écrire dans le repas et ensuite dtn cela va être un appel à l'action et peut-être que cela va orteil contenir une image de fond . Sois Jeep. I m G s une image de fond pour que je sache qu'il s'agit d'un fond avec une image. Et je veux inclure, par exemple, un beau grand titre ici, description ou le service, puis e-mail et une beauté puis ci-dessous. Papa, peut-être qu'on veut inclure la chanson. Disons des témoignages. Donc peut-être que nous pouvons inclure une belle image ici. Peut-être pourrions-nous inclure un paragraphe de titre. Alors je vais inclure quelques flèches ici. Et si vous le souhaitez, vous pouvez ajouter une pagination juste ici juste pour que le visiteur sache combien reste, gauche, droite, il enreste,à gauche,à droite, et nous pouvons l'appeler témoignage. Peut-être que cette prochaine section sera une section d'équipe. Alors peut-être qu'on peut le diviser en trois cartes. Disons et peut-être que nous pouvons aussi inclure Ah pagination juste ici. Alors peut-être pourrions-nous ajouter un titre et un joli paragraphe B. Cela va contenir des images de gens, puis le titre que je nomme que leur position et peut-être leur icône de médias sociaux. Vous pouvez donc simplement reproduire ce que vous avez fait ici. Et si vous voulez vous rappeler un peu plus tard quand vous êtes devrait commencer à concevoir cela à l'intérieur du psautier. Si cela passe avec votre client, alors peut-être que vous pouvez dessiner un joli gros baril juste ici et dire que ce sont des icônes de médias sociaux juste pour que vous sachiez, un peu plus tard sur ce qu'ils sont dans toutes ces sections. Deux b section d'équipe. Enfin, peut-être que nous pouvons inclure plus loin ici. Donc, cela va contenir un local. Disons juste ici. Peut-être que je peux même inclure. Et peut-être que des menus de navigation vont venir ici. Et puis nous verrons la coopération d'origine et peut-être 2000 et 21. Disons que c'est l'année. Donc, fondamentalement, vous pouvez voir à quel point il est facile de créer ces cadres métalliques et à quel point il est facile naviguer entre toutes ces différentes sections. Donc vous pouvez voir, euh, avec un peu de travail et un peu de temps, vous pouvez facilement les créer extrêmement, simplement extrêmement facilement. Mais juste assez. Ainsi, dans vos clients, ou 30 membres, saviez-vous ce qu'ils sont, ce qu'ils font et ce qu'ils devraient représenter dans le processus de conception. Donc, dans la vidéo suivante, nous sommes allés réellement commencer à créer notre cadre métallique sur un morceau de papier. Nous allons utiliser des modèles iPhone, qui a publié dans cette vidéo parce que nous allons créer un cadre de fil iPhone pour l' imaginaire et plus tard à l'intérieur de mon doux préféré Ne soyez pas XY. Je vais vous montrer comment vous pouvez ajouter un peu d'épice à elle et comment vous pouvez ajouter des images peut-être, hum, coloriste et si vrai texte qui vont générer pour créer une application agréable à la recherche, qui est fondamentalement un pont mort entre le cadre de fil et la partie froide du processus de conception. Donc, comme je l'ai dit dans la vidéo suivante, nous allons jeter un oeil sur comment pouvons-nous réellement commencer à créer des cadres de feu, ce qui veut dire quelque chose ? Parce que tout cela a fait de ma tête juste pour vous montrer quelques exemples sur la façon dont vous constructeur de mon ami comme ça. Alors je te verrai dans le prochain lieu 7. Dessiner votre cadre de filière: Bon, commençons maintenant par dessiner un cadre métallique dans un ensemble. Dans les années précédentes, nous allons créer une bague de femme 40 Je téléphone afin que vous puissiez imprimer et utiliser ce modèle, que j'ai fourni pour l'iPhone. Il n'a pas juste ici en haut, donc il peut répondre à toutes les exigences de domaine pour la conception profonde de l'application iPhone. Alors maintenant, commençons, et je vais juste utiliser les trois écrans. Et évidemment, vous pouvez imprimer autant de ceux-ci que vous le souhaitez parce que votre projet pourrait nécessiter, disons, 20 écrans. Certains projets nécessitent 200 écrans et ainsi de suite, et vous pouvez également utiliser le pdf, qui est fourni, et l'adapter à autant d'écrans que vous avez besoin. Donc, vous pourriez avoir, par exemple, cinq ou 10 écrans comme ça. Mais je recommande vraiment trois, parce que je l'ai trouvé comme une sorte de valeur optimale et un nombre optimal, parce que vous pouvez vraiment sauter dans les détails et voir autant de gros détails et de petits détails que vous voulez. Donc, ne commençons pas avec cet écran sur la gauche droite ici, et je vais créer un simple écran d'accueil. Donc, ce que je ferais est de dessiner une belle barre de gros orteils juste ici, par exemple. Je vais en local au milieu. Je vais utiliser l'icône de recherche juste ici, et je vais utiliser le menu Icône juste ici sur la gauche parce que les gens vont pouvoir frapper, rechercher et chercher, évidemment. Et ça va être une chronologie ou une page de médias sociaux ou quelque chose comme ça. Donc les messages de vos amis vont apparaître juste ici. Alors maintenant, commençons avec le Post et je vais dessiner un joli, être craqué Ingle comme ça, et ça va aller jusqu'ici jusqu'à la barre supérieure. Donc d'abord à gauche, je vais dessiner une icône de personne. Donc, il va être l'image d'un nom de personne de la personne et évidemment le temps, par exemple, lorsque les mots disposés faites et je vais faire les trois points juste ici sur la droite, par exemple, pour indiquer que vous peut nous dire, ouvrez que pour plus d'informations maintenant, dessous de cela, nous allons inclure, disons, une ligne de texte, comme si peut-être une description pour l'image et en dessous, la image elle-même. Donc ça va se passer comme ça, par exemple. Et disons que si vous allez dessiner ces montagnes qui dessinaient précédemment pour indiquer que c'est l'image elle-même. Ci-dessous, vous allez avoir trois icônes. Donc on va avoir un cycle cardiaque avec le compteur. Voyons voir, 125. On va avoir le magnat commun, disons 36 qu'on va devoir partager l'icône ici. Vous pouvez utiliser toutes les icônes de ce que vous voulez, et je vais simplement taper partager ici. Non, nous allons juste couper notre rectangle comme ça pour indiquer que c'est le post lui-même maintenant lu et créer le deuxième recteur sera bas. Je vais utiliser la barre TEP juste ici et dessiner un bon gros sont ici d'abord. Je ne peux pas. Je vais dessiner sa maison, donc je vais dessiner une maison agréable et simple que je dois aimer alors on va utiliser le type commun. Peut-être que ce sera peut-être la partie vérifiée. Peut-être que cette partie suivante peut être une partie membre alors où se trouvaient vos emplacements ? Partout où vous vous déplacez et enfin profil juste ici sur la droite. Maintenant, dessinons. La deuxième carte ici va être exactement la même que la première carte pour que nous puissions y aller. Donc nous avons une personne juste ici son nom, Time on post. Comme vous pouvez le voir, c'est beaucoup simple quand vous avez créé un si dupliqué, fondamentalement et en créer d'autres qui coupe cela avec l'image juste ci-dessous. Donc, nous n'allons pas avoir besoin de supprimer ces icônes de partage ci-dessous parce que nous n'avons pas espace. Mais vous pouvez simplement indiquer qu'ils vont ici, par exemple, comme dans la protection du partage ici, pas pour l'écran suivant. Nous allons utiliser exactement la même configuration afin de rechercher logo et menu Michael et est, comme je l'ai dit dans les vidéos précédentes, et vous pouvez voir ici cela ne doit pas être parfait. Il peut s'agir de gribouillis, mais il doit transmettre le message pour votre équipe et quand vous envoyez ce message à votre client, donc fondamentalement ce qui va se passer dans cet écran suivant est que la personne va taper cette carte ou cette image, et l'image va se développer un peu dans cet écran suivant, nous donnant le plus immobilier sur cet écran, pour montrer l'image un peu mieux afin que nous puissions peut-être laisser un commentaire ou quelque chose comme ça. Donc nous n'allons pas avoir cet ami à l'écran parce que, comme vous l'avez dit, il est élargi. Donc, nous avons la même configuration pour ici disant pour ici. Mais ici, nous avons la plus grande image. Vous savez, avant de descendre, je vais simplement laisser tomber ce bar une fois de plus juste pour que je puisse me limiter avec l'espace que j'ai et encore une fois, ça parce que je n'ai pas besoin d'être parfait si vous voulez pour gagner un peu de temps. Comme vous pouvez le voir, j'ai fait une erreur ici, mais ça parle. Si vous voulez gagner un peu de temps, simplement conduit Aziz mieux que vous le savez, mais fondamentalement tout ce qu'ils ont à faire est transmis le même message ici. Alors étendons cette image jusqu'ici. Disons que je pense que c'est bien autour de lui et simplement dessiner une plus grande forme. Alors vous avez fait juste ici pour indiquer que c'est une image plus grande. Évidemment, non, faisons ces icônes. Donc 1 25 celui-ci est pour un commentaire 36. Et enfin, ces flèches pour la part et en dessous. Ici, nous allons dessiner dans un champ pour le commentaire lui-même. Donc, je vais à un beau grand rectangle comme Donc, par exemple, nous allons mettre un visage souriant juste pour indiquer que cette personne peut ajouter ces emojis,par exemple, par exemple jusqu'à ce que les droits droit, euh, Colman, par exemple, et enfin cette icône, qui indique envoyer ou poster Hari une fois, et c'est essentiellement notre écran. Peut-être qu'à la place, partir de cette recherche sur Mike, on peut peut-être inclure une icône de retour. Disons-le. C' est pourquoi les cadres métalliques sont géniaux, parce que vous pouvez simplement entrer et enlever tout ce que vous n'aimez pas. Tu avais ce truc blanc à acheter dans toutes les librairies. Tu trouves tes provisions pour les couvrir si tu veux. Si vous ne voulez pas, ou si vous allez avec un crayon, vous pouvez simplement retirer le rasoir à crayon et ensuite croire simplement l'espace pour votre flèche. Mais vous pouvez aussi le faire comme ça parce que tout le point des cadres de fil, comme ils l' ont dit plusieurs fois tout au long de ces leçons, est de s'assurer qu'ils sont rapides. Assurez-vous que vous pouvez générer rapidement et assurez-vous que vous pouvez revenir en arrière et avancer entre vos idées et rebondir vos idées entre vous et votre client. Maintenant, enfin, sur ce dernier, nous allons montrer l'écran de profil. Donc, une fois de plus, je vais laisser tomber cette barre avec le logo de recherche et le menu et cet homme, vous pouvez , par exemple, étendre à quelques choses différentes parce que, par exemple, juste ici sur le fond là, nous n'ont pas de paramètres. Nous n'avons pas de paiement. On n'a aucune de ces choses. C' est là que le menu entre en jeu. Non, dessinons une belle image ici, comme ça peut être le nom. Il peut s'agir de l'emplacement, par exemple. Non, nous allons dessiner en trois onglets comme Donc peut-être que vous voulez inclure des images différentes. Disons de différents albums, et ce sera notre coup de couteau sélectionné, alors peut-être que nous pouvons le remplir aussi pour indiquer qu'il est sélectionné comme vous pouvez le voir ici. Et enfin, dessinons quelques images ici. Donc peut-être que nous pouvons créer un grand pour trois images peut être créatif jusqu'à ce que peut être génial, car c'est vraiment à vous de décider. Vous pouvez utiliser ça, Mansour génial. Ce qui indique que ces deux-là sont comme ça. Et puis c'est une image majeure et ensuite les changer. Donc vraiment, tu peux faire ce que tu veux ici. C' est vraiment à vous de choisir. Peut-être que vous pouvez ajouter une description. Peut-être que vous pouvez ajouter un paragraphe sur la personne ici. Mais je ne vais pas faire ça. Je vais simplement dessiner dans un joli grand bar juste ici en bas encore une fois. Donc, je suis allé dans les commentaires, icône, carte de paiement. Et enfin, parce que nous sommes sur le profil, nous allons remplir l'icône de profil, qui indique encore une fois que c'est l'état cliqué sur ce profil. J' appelle pour que tu puisses faire quelque chose comme ça. Maintenant, vous pouvez voir la différence entre celui-ci et celui-ci parce que celui-ci est rempli . Et c'est ce que nous essayons de transmettre. Enfin, je veux dire, nous pouvons ajouter trois images de plus juste ici pour que nous ayons une belle, grande, super image off. Ou vous pouvez simplement dessiner une belle grande image comme celle-ci que la deuxième image en dessous de 30 ci-dessous semblent comme nous l'avons fait ici, juste sans tous ces cadres et informations. Maintenant, si vous ne voulez pas perdre de temps à retirer cela, alors vous pouvez simplement le faire. Ne indiquez que ce sont les images parce que, comme vous pouvez le voir est beaucoup d'accueil. Et parce que ces formes se répètent, peut-être que vous pouvez simplement le faire pour l'image. Ainsi, votre client ou vos coéquipiers, par exemple, ou vous savez vous-même un peu plus tard ce que c'est. Donc c'est fondamentalement c'est le design que nous allons utiliser pour le créer dans tous ces autres logiciels. Peut-être que nous ne ferons pas tous les trois. Peut-être que je peux le faire une fois pour accélérer un peu le processus, parce que dans certains d'entre eux, je ne peux pas importer ces icônes. Peut-être que je peux utiliser d'autres icônes et vendu, et je vais vous le montrer un peu plus tard dans le cours. Mais fondamentalement, c'est à quoi notre cadre métallique va ressembler et plus tard, Quand nous arrivons à Adobe Xdd, Je vais vous montrer comment vous pouvez facilement adapter ces cadres métalliques et comment vous pouvez inclure quelques couleurs supplémentaires. Peut-être que vous pouvez inclure quelques icônes supplémentaires. Peut-être que nous ne l'avons pas inclus ici. Je vais inclure quelques images, évidemment et ainsi de suite. C' est ce que je vais vous montrer quand nous arriverons à Adobe X'd part maintenant quand il s'agit de cette partie. Encore une fois, je vous encourage à essayer de transmettre vos images le mieux possible. Mais comme vous l'avez vu avec cette flèche arrière, parfois vous allez vous souvenir de choses comme votre dessin. Et c'est le principal point hors fil processus de cadre est à explorer. Rien de tout cela n'est définitif. Rien de tout cela n'est parfait parce qu'il n'a pas besoin d'être parfait. Et il s'agit vraiment d'exploration et de trouver les moyens et les méthodes où vous pouvez incorporer ces éléments. Ils sont donc superbes sur la page, et ils fonctionnent logiquement fondamentalement, sorte qu'ils sont faciles à comprendre leur facile à utiliser, et ils ont fière allure sur la page. Il y en a essentiellement pour ce cadre métallique, en partie sur le papier, vraiment encouragé à commencer à l'explorer. Il peut être beaucoup de plaisir, et il peut être processus vraiment rapide pour en savoir plus sur votre conception et l'ensemble du processus votre application avant même de sauter dans un logiciel favori. En parlant de logiciel, dans la prochaine leçon, nous allons commencer à explorer certaines de ces options gratuites et payantes, et plus tard, je vais vous montrer comment vous pouvez le faire dans adobe eggs en profondeur et inclure différentes images et inclure différentes couleurs, peut-être même quelques bordures d'ombres d'arrière-plan. Et nous allons explorer cette partie plus tard dans le cours, donc je te verrai dans la leçon suivante. 8. Outils de cadrage numérique: dans cette section du cours, nous allons explorer les outils de cadrage numérique et les options de cadrage numérique que vous pourriez avoir maintenant. Il y a beaucoup d'options différentes là-bas, mais je vais juste vous donner quatre outils différents pour le magasin, et ensuite nous allons finir avec un Toby X'd. Vous pouvez également utiliser l'esprit de la figure. Vous pouvez également utiliser l'esquisse, et il y a beaucoup, beaucoup, beaucoup d'autres outils comme Illustrator, par exemple, et ainsi de suite, afin que vous puissiez utiliser tous les outils que vous pourriez trouver adaptés à vos besoins, vos projets et votre entreprise, comme ils l'ont dit plusieurs fois dans un fil de papier encadrant une partie de ce cours. J' adore Adobe X'd parce que hors de sa polyvalence et de ses fonctionnalités. Et c'est ce que je choisis pour mon encadrement métallique et pour mon travail, euh et UX. Mais vous pouvez choisir ce que vous pourriez trouver approprié pour vous maintenant outils que nous allons explorer en dehors de quatre boutique et adobe ex d r cadre fil dot cc juste à l'esprit, Mark plus et balsamique à la fin. Donc, nous allons essentiellement explorer tous ces outils, et je vais vous montrer qu'ils ont tous des versions gratuites, et certains d'entre eux ont des versions premium. Mais je pense qu'ils ont tous des versions prières, mais vous pouvez commencer avec toutes gratuitement. Vous pouvez les explorer et voir s'il y a la bonne solution pour vous. Ou sinon, vous pouvez simplement explorer certains de ces tabourets adobe, fig, MMA ou sketch, Alors commençons. 9. Outil 1: d' abord. Pourtant, nous allons explorer son cadre métallique CC et son premier parce que c'est le plus limité tous. Maintenant, quand il s'agit de loin de CC, vous pouvez choisir votre appareil ici. Je vais choisir le web parce que c'est juste le plus facile et le plus blanc du centre commercial. Vous pouvez simplement l'étendre vers le bas si vous souhaitez inclure plusieurs périphériques, et votre appareil peut être aussi blanc ou aussi étroit que vous le souhaitez. Donc, comme vous pouvez le voir, vous pouvez le faire et vous pouvez même le faire à partir des contrôles du site maintenant. Ça devrait te faire annuler. Mais si ce n'est pas le cas, vous pouvez simplement l'étendre comme ainsi, et il se glissera en position et en place. Vous avez quelques commandes ici, comme annuler ou radio, et vous avez d'autres options ici. Vous avez ces paramètres ici, et quand il s'agit de sauvegarder lorsque vous cliquez, enregistrez-le vous emmènera ici afin que vous ayez un urinoir public, que vous pouvez copier et partager avec votre équipe. Ils peuvent croire les commentaires, comme vous pouvez le voir ici, et c'est gratuit pour les projets privés. Malta packager cadres métalliques cliquables, pages maîtres réutilisables. Exportations PDF et B N G. Donc, si c'est le bon pour vous, alors allez-y et choisissez ceci et commencez gratuitement dès maintenant pour commencer avec nos cadres métalliques. Comme il l'a dit, c'est extrêmement limité en tant qu'outil. Donc ce que vous avez à faire, c'est que vous devez dessiner ces options, et je vais le faire pour nos icônes que je vais aller orteil. Dessinez quelque chose comme ça. Et comme vous pouvez le voir, vous pouvez choisir l'option texte, et je vais simplement grimper étant logo. Si vous vous souvenez de ce que nous avons fait avant, et je vais cliquer sur celui-ci touche le contrôle C et puis contrôler V pour copier et coller. Et je vais l'utiliser pour nos options de menu afin que vous puissiez voir à quel point c'est limité. Fondamentalement, vous n'avez pas d'options, du moins pas dans celles que j'ai fondées, que vous pouvez peut-être positionner des icônes à l'intérieur des images de position et ainsi de suite. Mais comme ils l'ont dit, certaines personnes peuvent le trouver facile à comprendre et facile à utiliser, donc c'est essentiellement pour cela que vous pouvez l'utiliser. Donc, ne nous contentons pas d'aligner cela et de ne pas perdre plus de temps. Cette cupidité est une excellente option. Mais vous pouvez le faire, par exemple, et faisons cela. Inclure une image parce que ça va être l'image d'une personne. Et nous allons peut-être dupliquer ce texte sur. Peut-être qu'on peut le positionner ici. Appelez-le un nom et vous pouvez réduire la taille de ce texte comme ça. Et peut-être que nous pouvons en faire un autre et annuler ce temps, peut-être, ou quelque chose comme ça, et nous pouvons peut-être même le réduire davantage et le positionner ici. Maintenant, nous avons une icône de plus juste ici. Je vais simplement dessiner un beau grand rectangle. Peut-être que je peux l'inclure comme un cercle ou quelque chose comme ça. Je vais le positionner ici, puis, dessous, nous avons la description de notre image, donc je vais simplement dessiner un beau grand rectangle comme celui-ci, inclure un texte, et ça va pour être la description de notre image, fondamentalement, puis en dessous, peut-être que je peux inclure l'image elle-même. Donc quelque chose comme ça suffit de cliquer sur l'image est que vous pouvez voir certains de ces outils sont vraiment faciles à utiliser. Alors que d'autres sont vraiment compliqués maintenant pour les icônes. Peut-être qu'on peut utiliser cette forme. Peut-être positionnez cela ici. Peut-être que je peux appeler ma touche de changement ou quelque chose comme ça et la positionner ici. Alors peut-être que je peux le copier. Écoutez politiquement coincé. Si elle veut cliquer, son dépasse extrêmement ennuyeux. Donc peut-être que je peux le sélectionner comme si Contrôle C contrôle V Pour en faire un duplicata, je vais le positionner juste ici, puis contrôler une fois de plus pour un autre duplicate. Et ça va être fondamentalement le cœur. Cela va être un commentaire, et cela va être partagé. Maintenant vous pouvez utiliser le texte que vous avez vu, mais je ne vais pas vous déranger avec ça. Et une dernière chose que je veux le faire simplement dessiner un beau grand rectangle autour de tout cela. Donc quelque chose comme ça et je peux positionner ce rectangle pour être quelque part ici. Peut-être comme ça, et vous pouvez cliquer ici. Il dit autour des éléments d'arrangement et vous pouvez envoyer cet élément orteil en arrière, et puis vous pouvez jouer avec tous ces éléments supplémentaires et vous pouvez très positionné, et cependant vous assurer que tout est dans le centre comme ça, vous pouvez cliquer ici orteil, supprimer cette ligne de texte pour qu'il s'adapte et nous allons peut-être positionner les invités comme alors peut-être nous pouvons déplacer cela. Je peux cliquer ici, positionner ceci ici, par exemple. Et c'est fondamentalement pour cette forme. Maintenant, vous pouvez simplement sélectionner tous ces, comme si frapper contrôle C Contrôle V pour avoir un doublon comme si Parce que si vous vous souvenez de notre papier via cadre, c'est ce que nous avons fait. Et peut-être que nous pouvons choisir tous ces éléments. Voyons si ça marche. Ce n'est pas le cas. Donc, vous devez essentiellement sélectionner tous les orteils, les déplacer. Comme je l'ai dit plusieurs fois, c'est vraiment compliqué, inutile, et c'est vraiment ennuyeux de faire toutes ces choses. Mais fondamentalement, si vous voulez quelque chose qui est extrêmement simple, car c'est toujours vraiment que vous pouvez faire sortir avec ce truc. Une dernière chose que je veux vous montrer ici est comment pouvons-nous ajouter nos icônes juste ici en bas  ? Comme vous pouvez le voir, il y a quelque chose de bizarre qui se passe ici. Mais laissez-moi rapidement l'ajuster comme si peut-être je peux l'amener encore plus loin comme ça et pour les icônes en bas. Peut-être que je peux juste utiliser certains de ces cercles. Peut-être que je peux tout positionner ici. Contrôle C Contrôle V Encore quelques fois comme ça, et je peux avoir mes quatre. Je construis le fond quelque chose comme ça. Alors peut-être que je peux tous les sélectionner, et vous pouvez voir qu'il veut créer une nouvelle forme. Il ne permet pas avec vous de sélectionner ces formes, a dit Aziz. C' est extrêmement compliqué de naviguer, mais encore une fois c'est gratuit. Et comme vous pouvez le voir, nous avons fait et terminé notre maquette. Donc, fondamentalement, vous devrez faire beaucoup d'explications ici parce que, comme je l'ai dit, vous ne pouvez pas inclure d'icônes ou d'images ou quelque chose comme ça. Mais comme vous pouvez le voir, il fait le travail. Donc, si vous voulez explorer quelque chose comme ce fil cadre point cc et je vais mettre le lien dans l'orteil pdf. Tous ces outils, toutes les ressources que je vais utiliser dans le discours afin de pouvoir y accéder simplement en un clic. Alors pourquoi Frame CC est un premier péage ? Et dans la prochaine vidéo, nous allons passer à l'outil suivant afin que nous puissions explorer d'autres outils que nous pouvons utiliser pour le cadrage en ligne, donc je vous y vois. 10. Outil 2: prochain outil que nous allons utiliser est Mach plus, et vous pouvez voir que vous pouvez l'utiliser gratuitement pendant 15 jours avant votre achat. Donc, si cela ne vous intéresse pas, peut-être que vous devriez trouver des versions gratuites supplémentaires ou d'autres logiciels libres. Mais laisser rapidement vous montrer ce qu'il offre pour que vous puissiez voir a une intégration rapide. Vous pouvez l'utiliser pour le prototypage. Vous pouvez l'utiliser pour inclure des images, donc c'est beaucoup plus élaboré que l'outil précédent, que je vous ai montré. Donc, lorsque vous téléchargez et installez ceci sur votre machine, voici ce que vous allez obtenir afin que vous puissiez choisir l'appareil que vous voulez. Toe créer vos cadres de fil pour vous pouvez simplement créer rapidement. Et c'est ce que vous allez obtenir derrière ça. Alors voici à quoi ça ressemble. Donc, juste ici sur la gauche, vous pouvez choisir ces jolis composants trouver, et vous pouvez cliquer ici sur ces extensions. Vous pouvez choisir la mise en page souhaitée. Donc, comme vous pouvez le voir, c'est extrêmement complexe, extrêmement compliqué, mais ça n'a pas besoin de l'être. Vous pouvez simplement dessiner comme vous le souhaitez. Donc, ici, nous avons une barre de navigation. Alors peut-être que je peux le faire glisser et le déposer ici. Mais il me montre la barre de navigation android et je veux I barre de navigation US. Donc si vous ne voulez pas l'utiliser, alors vous n'avez pas à le faire. Mais comme vous pouvez le voir, nous avons la barre d'action juste ici, et c'est ce que nous allons utiliser. Donc, au lieu de la barre d'action, peut-être que l'aperçu EC étant un local ici, appuyez sur Entrée ou Retour. Et c'est ce qu'on va obtenir. Et si vous avez des icônes supplémentaires que vous pouvez utiliser soit PNG ou SPG, vous pouvez glisser-déposer votre icône ici. Donc, vous pouvez simplement double-cliquer ici et ouvrir cela. Vous pouvez également cliquer ici pour voir ces calques supplémentaires et ainsi de suite. Mais vous pouvez voir que nous avons la barre d'action juste ici, et nous avons tous ces paramètres supplémentaires afin que vous puissiez même changer le nom de votre texte ici afin que vous puissiez changer la couleur de l'icône ici. Vous pouvez choisir les téléphones. Vous pouvez choisir la couleur de l'arrière-plan et ainsi de suite. Vous avez donc tous ces styles différents afin que vous puissiez cliquer sur ces styles supplémentaires pour voir celui que vous voulez utiliser. C' était, vous pouvez voir ici. Continuons à explorer et à trouver d'autres choses que nous pouvons inclure. Nous avons donc tous ces éléments statiques. Comme vous pouvez le voir ici, nous avons les cartes. On a la marque. Donc, si vous voulez dessiner quelque chose et ensuite partager avec votre équipe, vous pouvez le faire aussi. Vous pouvez donc simplement glisser et déposer ce que vous voulez à l'intérieur. Et ici, nous avons l'icône, et peut-être que je peux positionner. C' est quelque part par ici, mais je ne veux pas de l'icône donc je peux simplement frapper. Supprimer. Ce que je veux, c'est l'image pour que je puisse la glisser et la déposer à l'intérieur. Vous pouvez maintenir votre touche Maj et la positionner juste ici parce que ce sera une image de personne. Ensuite, glisser-déposer du texte ici et pour la création d'étiquettes. Peut-être qu'on peut inclure le nom de personne. Quelque part ici, tu peux frapper le contrôle. C contrôle une fois de plus. On dirait l'autre outil. Peut-être le temps libre, poster quelque chose comme ça, et vous pouvez tenir votre orteil clé de changement, les repositionner donc déjà le tabouret est beaucoup mieux que l'outil précédent parce que vous avez beaucoup plus de contrôle sur ces fonctionnalités. Donc, cela va être une description de notre image juste ici et ci-dessous que ça va orteil contenir l'image elle-même. Il suffit donc de glisser et de déposer votre image ici. Et peut-être que je peux le repositionner pour qu'il soit quelque part ici. Voyons comme ça. Et maintenant, nous devons inclure quelques icônes supplémentaires. Donc, quand je clique ici, vous voyez, nous avons toutes ces icônes. Donc, si vous vous souvenez, nous avons eu le cœur, nous avons eu le commentaire et nous avons l'icône de partage. Alors, cherchons le cœur. Ici, il est, et il est toujours peuplé en vue. Ce dont nous avons besoin, c'est d'un texte. Mais avant de passer à la dette, incluons d'autres ou des commentaires. Case à cocher. C' est là. Mais ne m'invite pas encore à parler de ça. Donc, voici le commentaire juste ici. Et nous devons inclure une recherche supplémentaire du consulat pour le cœur. Comme vous l'avez vu, vous allez obtenir tous ces pop ups supplémentaires ennuyeux de vous montrer que vous avez vraiment besoin Teoh acheter ce encore. Mais si tu ne veux pas. Vous pouvez simplement continuer pendant 15 jours que le spectacle vous sur leur site Web. Donc, dupliquons ceci comme ça Et maintenant essayons de commenter comme ça. Et maintenant, il est dupliqué une fois de plus et nous allons taper le partage comme ça. Et maintenant, nous allons sauter dans le texte afin que vous puissiez cliquer ici et faire glisser le sous-texte. Donc pour le cœur, voyons 25 comme ça et vous pouvez le dupliquer. Donc contrôle C contrôle re positionnement ici. Peut-être qu'on peut taper Non. 86 disons et pour ce texte, peut-être que nous pouvons taper partage comme il est. Donc quelque chose comme ça rend le capital comme ça et vous pouvez maintenir la touche Maj pour les sélectionner les deux et leur donner un peu plus d'espace. Et c'est génial parce que vous pouvez voir tout cet espacement se produire, et vous pouvez simplement les sélectionner tous et simplement les ajuster à l'orteil comme vous le souhaitez. Donc, comme je l'ai dit, c'est déjà un meilleur orteil que le précédent, que je vous ai montré. Mais si vous je ne veux pas payer pour cela, vous pouvez simplement utiliser le précédent ou trouver des outils supplémentaires que vous voulez utiliser. On a besoin d'un Nikon comme ça ici. Peut-être que nous pouvons utiliser celui-ci, mais pas pour vous déranger et perdre plus de temps à tout simplement sélectionner tous ces éléments et voir si nous pouvons les regrouper comme ça. Il suffit de frapper le contrôle G. et ça va les regrouper. Et vous pouvez renommer votre groupe comme ceci et pour le nom hors du groupe. Peut-être qu'on peut taper, par exemple, dans ta vie comme ça. Et peut-être que nous pouvons le dupliquer pour qu'on puisse le copier. Et on peut peut-être coller ici. Ou peut-être que vous pouvez même le faire d'ici. Donc, contrôlez C contrôle V comme ça. Et cela va être une image pour, par exemple, comme ça et très mal. Nous avons notre mise en page prête à l'emploi, et vous pouvez le partager avec des personnes de votre équipe ou avec d'autres designers. Et vous pouvez le sauver d'ici. Vous pouvez l'exporter, par exemple, en tant que G, et vous pouvez le partager avec vos clients. Mais une dernière chose dont nous avons besoin ici, en bas, ce sont nos options. Donc, incluons cela. Maintenant, incluons nos icônes. Et à partir de là, je vais chercher la maison. C' est là. Je vais cliquer et je vais le positionner ici, vers le bas en bas Hit Control C Control Veto. Faites un duplicata de celui-ci. Et ici, nous allons utiliser ce commentaire un comme Donc il va remplir et vous pouvez l'aligner comme ça. Appuyez sur le contrôle C Contrôle V et nous allons utiliser la carte. Peut-être que c'est même a la douleur Il fait et enfin contrôler C contrôle Re pour le profil. Voilà, et peut-être qu'on peut utiliser la mort une. Donc, comme vous pouvez le voir, ce tabouret est vraiment facile à utiliser une fois que vous obtenez le paillettes de suspension. Et cette version gratuite peut vraiment vous y rendre. Et il peut vraiment vous aider à explorer ce processus de cadrage de fil sous forme numérique comme vous ne le remarquerez peut-être pas. Ou si c'était le cas. Je n'ai pas créé le cadre autour d'elle parce que je pense qu'il n'en a pas besoin parce qu'il montre cette lumière super, um, barre autour d'elle. Donc je pense que ça va les orteils vraiment encombré ici. Donc, comme vous pouvez le voir Il est extrêmement facile à utiliser ces, et il est extrêmement facile de travailler dans mock plus. Donc encore une fois, si vous aimez ce genre de chose, si vous voulez explorer ce tabouret un peu plus loin, vous le pouvez. Et si nous revenons ici, laissez-moi vérifier le prix. J' utilise cette marque plus B r, qui est ce que je le télécharge, et vous pouvez voir combien il est cher, fondamentalement, est $200 par an. Donc, c'est beaucoup plus cher, à mon avis, que les tabourets adobe, par exemple, donc vous pouvez utiliser un doux off à Jules, je pense, pour 19$ par mois, donc c'est déjà presque beaucoup plus moins cher. 10. C' est ça. Mais vous pouvez vous en sortir avec la version professionnelle d'Adobe Exit, par exemple, parce que la suite Adobe complète est beaucoup plus chère, évidemment, mais encore une fois, il vous donne beaucoup plus d'options. Mais vous n'avez pas non plus à payer pour Adobe X T. Vous pouvez utiliser la plante libre pour toujours. Fondamentalement, vous êtes juste limité avec peu d'options, mais je voulais juste vous montrer que vous avez cette option aussi, donc si vous voulez l'explorer. Et si vous voulez creuser profondément dans Mark plus, là vous l'avez, vous pouvez le télécharger et je crois que le lien dans un fichier pdf, que vous pouvez télécharger et cliquer sur le lien, puis simplement visiter ce site et télécharger Moke plus et essayez-le par vous-même une fois de plus. Comme je l'ai dit, c'est 15 jours d'essai gratuit, alors jetez un coup d'œil. Tu n'as rien à perdre parce que c'est un essai gratuit. Et peut-être que ça vous plairait. C' est ce que c'était pour la marque plus et je te verrai dans la prochaine vidéo. 11. Outil 3: À côté, je vais te montrer. Il est appelé juste à l'esprit, et ils ont ce cadre de fil gratuit jusqu'à ce que pour les projets Web et mobiles, vous pouvez voir que fonctionne sur Mac est Bella sur Windows, et vous pouvez cliquer ici pour le télécharger gratuitement. Ils vous demanderont un compte gratuit, et une fois que vous avez 15 jours d'essai gratuit est épuisé, votre rythme a continué avec le Free Forever Plan et Free Forever. Plante couvre juste ce cadre de fil à qui est fondamentalement ce qui nous intéresse, mais ils ont tous ces autres outils. Alors ils vous ont. J' ai des enfants qu'ils ont. Vous pouvez voir les exigences de collaboration mobile privée, les intégrations avec d'autres outils, etc. Donc, pour tout ça, vous devrez payer. Mais pour le cadre de fil de base à vous êtes en mesure d'utiliser cela gratuitement. Donc, si je fais défiler ici, vous pouvez voir que vous pouvez créer des prototypes haute fidélité. Tu peux voir à quoi ça sert. Vous pouvez inclure des images, et c'est ce qui est génial. C' est que vous pouvez ajouter ces champs interactifs, par exemple, formulaires interactifs, et vous avez tous ces éléments pré-préparés que vous pouvez simplement glisser et déposer inclure dans vos propres conceptions. Vous pouvez voir certaines entreprises qui l'utilisent. Vous pouvez voir à quoi il ressemble une fois que vous avez émulé, sorte que vous pouvez essentiellement prévisualiser votre prototype et voir comment il fonctionne. Et c'est pour toutes ces choses de base, comme vous pouvez le voir ici en remplissant les formulaires, remplissant certains de ces calendriers,par exemple, par exemple, donc vous pouvez glisser et déposer des images à l'intérieur, vous pouvez recadrer des images incluent différentes fonds, différents styles, couleurs et ainsi de suite. Et vous pouvez voir que vous pouvez l'intégrer à tous ces outils, y compris Adobe X'd, et vous pouvez voir que vous pouvez essayer toutes les fonctionnalités pendant 15 jours, et vous pouvez ensuite être commuté à l'ajout gratuit pour toujours. Et vous pouvez voir la différence entre gratuit et professionnel ici aussi. J' étais parti. Je vais laisser le lien dans le fichier pdf, et vous pouvez simplement y accéder et lire toutes ces choses. Donc, pour commencer, c'est à ça que Justin pourrait ressembler. Et comme je l'ai dit, vous pouvez importer de nouveaux à partir de ces fichiers, ou vous pouvez commencer avec le nouveau prototype. Vous pouvez simplement rapide là, puis vous pouvez choisir parmi tous ces différents appareils. Vous pouvez aller de gauche à droite pour basculer entre les appareils car je vous montre l' exemple de l'iPhone X. Avec ce pas encore au sommet. Nous allons simplement sélectionner cela et vous pouvez commencer avec tous ces différents éléments de perroquet personnes . Mais nous allons simplement commencer avec l'orientation vide dans Portrait Click Terminer. Il va commencer à charger ces widgets et Justin esprit prototype er et tout cela je vous montre dans cette vidéo est une application de bureau, donc vous devez l'installer sur votre ordinateur. Mais le problème, c'est qu'il prend tous les actifs de l'intérieur du logiciel à partir d'Internet. Donc, comme vous pouvez le voir, ça prend. Il est temps de charger quand je vais te montrer. Lorsque nous commencerons à créer notre mise en page et que nous commencerons à importer nos icônes, cela prendra beaucoup de temps. Et c'est à mon avis. La pire chose possible à propos de ce logiciel est qu'il prend beaucoup de temps alors tout de suite vous pouvez voir qu'il semble beaucoup plus propre et beaucoup plus agréable que l'exemple précédent que je vous ai montré dans la vidéo précédente, mais quand même, ça n'a pas l'air si compliqué. Cela semble familier d'une manière ou d'une autre, parce que vous pouvez trouver tous ces outils dans tous ces autres logiciels. Donc, pour commencer, nous allons rapidement passer à travers et voir ce que tout fait. Donc, vous avez vos outils de base ici, et si vous survolez, vous ne pouvez pas voir ce que tout fait fait. Donc, vous devez essentiellement cliquer et vous pouvez voir que c'est un inconvénient majeur, à mon avis. Mais vous pouvez essentiellement aller fichier et vous pouvez exporter vers le document, et vous pouvez exporter vers les chiens ou document personnalisé, et vous pouvez. Ensuite, vous pouvez nous enregistrer des images, puis vous pouvez partager avec votre client et ainsi de suite. Et fondamentalement ce que vous ressentez ici est la vue sur l'appareil. Vous devez donc installer l'application sur votre téléphone mobile, et vous pouvez ensuite connecter ce logiciel à votre application sur votre téléphone mobile. Deuxièmement, directement, prévisualisez-le sur le formulaire mobile et vous pouvez également simuler, Donc, lorsque vous cliquez là, l'assimilation s'ouvrira. Et c'est ce que je t'ai montré dans leur exemple. Laisse-moi le trouver rapidement. Ici, c'est. C' est le simulateur. Donc, une fois que vous avez fini avec votre design. Et pendant que vous concevez, vous pouvez toujours revenir ici et regarder à l'intérieur du simulateur et voir ce que vous avez fait. Donc fondamentalement, ici en haut, vous avez votre barre d'outils de base. Vous avez des commentaires de l'interface utilisateur, scénarios de carte latérale et des exigences. Comme je l'ai dit, ce n'est que la version gratuite, et tous ces sont à venir une version bêche. Vous devez donc payer des commentaires d'accès aux pieds depuis le site de votre client, cartes dans les zones et si longtemps ici, vous allez voir les éléments, et c'est essentiellement le panneau des couches. Mais juste leur propre mauvaise version sur pourrait dire que ici vous avez ces régents, et c'est le principal problème que j'ai avec cette application est tous ces widgets sont un chargement de l'Internet. Fondamentalement, bien que cela puisse être une bonne chose pour vous tous avec des vitesses de connexion Internet plus lentes, sera une chose terrible parce que cela va commencer à vous prendre beaucoup de temps à faire toutes ces choses de base. Mais je pense que c'est génial d'avoir cette option juste que je l'ai trouvé pour être extrêmement lent et extrêmement TD, donc c'est ici juste quelques-uns de ces éléments de base. Nous avons des composants IOS, et vous pouvez voir tous ces là-bas et vous pouvez voir quelques icônes de base de l'iris ici. Donc ce qu'il nous faut ici, c'est qu'on va en avoir besoin. Voyons voir les formulaires et les contrôles. Peut-être qu'il est là. Ce n'est pas le cas. Donc peut-être que ce sont des barres, menus et des onglets parce que nous avons besoin de la barre d'arrêt juste ici et fondamentalement vous juste cliquez dessus, glisser-déposer comme un spectacle vous Dans l'exemple précédent, nous allons taper local juste ici. Si vous vous souvenez d'un exemple précédent et un bon, simple del cliquez ici et supprimez cela. Et au lieu de chercher une icône de recherche, peut-être que je peux même le faire. Allons jusqu'au bout. Voici la recherche. Vous pouvez simplement le faire glisser et le déposer en position juste ici. Je vais le mettre en place juste un peu, et je vais simplement supprimer cette icône. Il suffit de cliquer, supprimer et puis simplement, vous pouvez maintenir votre touche Maj et tout simplement pas cela, et vous pouvez voir qu'il est en dehors du haut de la barre de sorte que vous pouvez simplement le faire glisser à l'intérieur de la partie supérieure sont. Et maintenant, continuons à créer notre mise en page. Donc la première chose dont nous avons besoin est une image, donc je vais faire défiler jusqu'ici. Goto basique. Voici l'image que vous pouvez simplement faire glisser et déposer à l'intérieur de la position juste ici pour que vous puissiez voir tout de suite. C' est un outil beaucoup plus facile à utiliser que le précédent que je vous ai montré. On va faire glisser le texte. Je vais taper nom,par exemple, par exemple, ou nom de la personne nommée. Appelons ça comme ça. Et ce qui est génial à ce sujet, c'est que vous pouvez simplement augmenter ou diminuer la taille. Donc, par exemple, utilisons 18. Mais je pense que c'est trop grand. Allons avec 14, vous pouvez aller contrôler C Control V pour faire un duplicate il. Positionnez-le ici. Peut-être rendre ça plus petit. Je m'en soucie. Alors, temps libre. Disons juste pour que nous sachions ce que c'est, et vous pouvez sélectionner et audacieux en maintenant Shift et simplement les positionner au milieu comme pour que vous puissiez même aller plus loin et réduire cela encore plus à quelque chose comme ça. Ensuite, positionnez-les juste ici. Tout ce qui est bon. Ce dont nous avons besoin en ce moment, c'est cette icône de menu. Allons donc jusqu'à ce que je le voie ici et laisse-moi te le montrer rapidement. Donc, si vous allez ici, vous avez cette recherche. Cliquez là et vérifiez combien de temps il faut pour le trouver. Donc, je vais simplement taper dans le menu. J' ai fini de taper, et vous pouvez voir combien de temps il faut pour le trouver. Et ce n'est pas le bonjour, que je cherchais. Donc, lorsque je clique ici, cliquez sur ma touche Retour arrière. Vous pouvez voir combien de temps il faut pour revenir en arrière. Vous pouvez également cliquer sur ce X, mais vous pouvez voir qu'il va commencer le chargement. Il va commencer à supprimer. Donc, fondamentalement, tout le tour va se cacher des orteils, conduisant pause la vidéo jusqu'à ce qu'elle nettoie. Donc, une fois que c'est fait, vous avez simplement défiler ici. Trouvez donc l'icône que vous recherchez. Alors laissez-moi voir lequel c'est. C' est celui-là. Donc, fondamentalement, nous voulons inclure cela plus. Je ne peux pas ici. Je vais le mettre en position. Je vais dupliquer ce texte. Positionnez-le juste par ici. Bon de l'appeler description de vous, Mitch, qui est posté, par exemple, quelque chose comme ça. Alors ce qu'il nous faut, c'est une image. Donc, je vais simplement le glisser et le déposer en position quelque part par ici. Prolongé jusqu'ici pour que vous puissiez voir tout de suite. C' est un bon exemple qu'une vidéo précédente que je vous ai montrée, mais toujours extrêmement lente et extrêmement fastidieuse à faire toutes ces choses. C' est pourquoi j'adore Adobe X'd. Mais nous allons y arriver dans la vidéo ultérieure. Donc je vais glisser et déposer mon icône de cœur. Positionnez-le juste par ici. Je vais faire défiler vers le bas pour voir si je peux trouver une icône de chat. Utilisons celui-ci pour la part et le hangar est quelque part par ici, je pense ici, il est donc glisser et déposer dans la position. Je vais orteil cliquez ici, dupliquez ce post et utilisons 1 25 pour cela. Peut-être le pousser légèrement par ici. Utilisons voyons 84 pour cela, peut-être, peut-être, et nous allons dupliquer une fois de plus pour cela. Appelez ce partage comme ça, et vous pouvez simplement le positionner où vous voulez. Et c'est un autre problème que j'ai avec ces logiciels est que vous ne pouvez pas être complètement sûr où sont ces directives. C' est pourquoi j'aime les produits Adobe X'd et Adobe en général, car il est extrêmement simple de les trouver. C' est simplement sélectionner tous ces éléments. Allons à ici. Allons aligner le centre Désolé, pas tous au centre, mais aligner le milieu comme ça et maintenant ils sont alignés au milieu. Donc, une fois que nous avons fini, ce dont nous avons besoin est une forme de base. Donc, je vais choisir mon rectangle drag. était par ici, disons et voilà. Je vais double-cliquer ici. Appelez ça G. Juste pour que je sache ce que c'est. Je vais le faire glisser tout le chemin vers le bas juste en dessous de mon image, puis sélectionner tous ces éléments comme ainsi en maintenant la touche Maj, un clic droit, puis le groupe dans le panneau dynamique parce que si votre groupe dans le maître, il va créer un maître composant. Fondamentalement, à partir de ce que nous ne voulons pas. On veut juste ce groupe et on va l'appeler image 1. Un autre inconvénient du logiciel est une fois que vous double-cliquez ici, vous ne pouvez pas commander A ou contrôler A. Comme vous pouvez le voir, il ne fait rien pour sélectionner ce texte. Vous devez essentiellement le faire, puis tapez votre nom, clic droit dessus, dupliquez, ou vous pouvez appuyer sur le contrôle ou la commande D, et nous allons positionner. C' est quelque part par ici qui me dit, retirez-le légèrement jusqu'à ce qu'il s'aligne, et c'est fondamentalement tout pour notre prototype. Tout ce que nous devons faire ici est de créer un onglet sont donc je vais aller juste ici à des barres, des menus et des onglets. Localisez mon bar. Peut-être celui-là. Je pense que ça va très bien marcher, positionner quelque part par ici. Et parce que nous n'avons besoin que de quatre, nous n'avons pas besoin de cinq. Vous pouvez double-cliquer à l'intérieur. Par exemple, il suffit d'aller à l'option C où est frappé ? Supprimer, puis cliquez ici, puis simplement l'étendre à remplir comme ça Une fois que vous l'avez entendu, vous pouvez simplement renommer ces. Donc ça va être le profil. Ça va être des lieux. Ça va être, voyons la fermer. Et enfin, ça va être à la maison. Nous devons donc les remplacer. Je considère que cela signifie essentiellement que nous allons revenir en arrière et trouver ces icônes afin que nous puissions utiliser celle-ci pour notre profil ou glace. Je pense que j'en ai vu mieux tout le long, mais faites défiler vers le bas et voyez ce que c'est pour que vous puissiez voir que cela vous prend beaucoup de temps. Fondamentalement, dans n'importe quel autre logiciel, vous pouvez simplement intégrer des icônes et il y a dans le glisser-déposer en position. Ou si vous avez acheté, par exemple, et que je reviens, alors vous pouvez simplement glisser et déposer cela dans la position et l'utiliser. Mais avec tous ces logiciels il est tout simplement trop limité à mon goût et ils prennent trop de temps, voyons l'inconfort, Seiken, peut-être pour les lieux. Ouais, comme si ce qu'il nous faut pour le chat. Trouvons-le. Je pense que c'est quelque part juste ici. Voyons ici le séchage ISS et le laisser tomber. Et parce qu'on n'a pas de maison, je ne peux pas laisser ça ici. Donc, une dernière chose que je veux vous montrer avec ce logiciel est quand vous cliquez. Simuler va montrer cela dans le processus et ouvrir une nouvelle fenêtre. Et voici à quoi ressemble cette fenêtre. Donc, Fondamentalement, vous pouvez cliquer et faire glisser vous pouvez voir. Par exemple, si vous avez plusieurs de ces, voyons si nous pouvons faire en sorte que cela fonctionne. C' est fermé. C' est Palumbo aux doublons. Positionnons ça à peu près ici, par exemple, juste pour voir si je peux vous montrer la dette comme un vrai exemple comme ça. Mais ce dont nous avons besoin, c'est de positionner la barre de remorquage en haut, comme ça pour que cela puisse aller en dessous. Et si on saute à l'intérieur du fond de BG et si je vois ici la transparence est à 0% alors il reste à plat. Et une fois que nous simulerons une fois de plus, il va l'ouvrir ici. Et comme vous pouvez le voir, vous pouvez faire défiler vers le bas et voir où cela va vous mener parce que ce n'est pas résolu, et vous pouvez voir quelques problèmes d'alignement ici sur ces icônes. Mais parce que cela n'est pas corrigé, par exemple, je ne peux pas le réparer pour le moment ici, ou je ne peux pas faire défiler cette barre d'étape. Donc, comme vous pouvez le voir, il y a beaucoup, beaucoup, beaucoup de limitations avec le logiciel. Mais si vous voulez juste quelque chose que vous pouvez essayer, par exemple de jouer avec elle, vous pouvez explorer juste à l'esprit. Je vous recommande vraiment d'essayer tous ces outils et de voir par vous-même si vous avez temps, quel point les produits Adobe, X et Adobe en général sont meilleurs . Et aussi croquis et figment. Si vous aimez utiliser ces outils dans la prochaine vidéo, je vais vous montrer Final One de ces outils en ligne. Ensuite, nous allons passer à for shop et enfin à Adobe, c'est là que nous allons explorer plusieurs outils qu'Adobe X'd vous offre. Et je vais vous montrer à quel point il est facile d'utiliser et de dominer fondamentalement votre femme jeu de cadrage . Je te vois dans la prochaine vidéo. 12. Outil 4: le dernier de ces outils en ligne, que je veux vous montrer une école balsamique et islamique, est peut-être l'orteil le plus connu en ligne pour les cadres métalliques parce qu'il est extrêmement facile à utiliser. Il est extrêmement facile de communiquer vos idées avec les concepteurs, et c'est essentiellement un outil que vos clients peuvent utiliser pour vous envoyer leurs idées. Ils ont peut-être des idées. Ils les ont mis sur papier, mais ils le déplacent un pas plus loin avec balsamique pour créer ces jolis cadres métalliques , que tout le monde peut comprendre. Et si vous faites défiler vers le bas sur leur site Web et ce qui est encore, je vais laisser le lien dans un fichier pdf afin que vous puissiez le vérifier par vous-même. Voici à quoi ressemblent les cadres métalliques. Fondamentalement, ils sont comme des croquis, et c'est extrêmement facile pour tout le monde à comprendre. Vous pouvez voir qu'ils sont amusants et extrêmement faciles à communiquer avec vos idées, et vous pouvez voir quelques exemples de base ici. Donc, ce que vous devez faire est de créer un compte gratuit, et ils vont vous donner, je pense, 30 jours d'essai gratuit, et après cela, vous pouvez commencer avec 9$ par mois. C' est utile islamique ressemble. Donc, une fois de plus, il est extrêmement coloré et extrêmement sorte de dessin animé comme si fondamentalement ici vous avez vos cadres de femme que vous pouvez créer est beaucoup d'entre eux. Comme tu veux. Vous allez voir les notes juste ici. Versions alternatives. Vous pouvez voir tous ces outils ici en haut. Vous avez le tabouret bar où vous pouvez choisir toutes les différentes options, que vous pouvez faire glisser et déposer dans le cadre métallique. Donc, en gros, ce que nous allons faire, c'est glisser et déposer. iPhone à l'intérieur. Vous pouvez voir avec encoche juste ici, et vous pouvez le positionner où vous voulez. Comme si ce que je vais faire ensuite est simplement de choisir un rectangle glisser et de le déposer en position, comme si ça va s'accrocher de tous les côtés, et ça va me montrer le milieu. Ensuite, je vais mettre un texte si complet ici, et j'ai du texte de bean et voyons ce que nous pouvons faire, peut-être des entrées de texte. Donc, fondamentalement, suffit de cliquer va le positionner juste ici. Je vais double-cliquer à l'intérieur et l'appeler centre de presse du logo, et vous pouvez positionner votre texte ici. Ensuite, ce que tu vas faire, c'est utiliser, euh, Michael. Donc, je vais commencer à taper la recherche, cliquer, et tout simplement positionner ici. Comme si après cela, nous pouvons utiliser le menu, et nous avons ces barres de sorte que vous pouvez simplement cliquer et glisser dans la position. Et vous pouvez voir tout de suite à quel point distal est facile d'utiliser l'image de frappe. Et vous pouvez voir le contour du fichier image. Image esquissée. Je vais juste utiliser cette image. Positionnez-le ici. Et encore une fois, vous pouvez réduire la taille si vous le souhaitez. Vous pouvez maintenir la touche Maj en position. Donc, je vais ajouter un texte une fois de plus. Et je n'ai pas besoin de ça. Voyons, quels autres choix avons-nous ? Voyons une ligne de texte, peut-être comme ça. Vous Condell cliquez ici et appelez ça un centre de personne. Et je peux contrôler le contrôle C. Soyez un poste de plus de temps et de temps libre comme si centre de presse. Vous pouvez voir à quel point c'est extrêmement facile et simple à utiliser. Et voyons voir. Oh, à la taille, la couleur du texte. On peut le réduire pour en entendre peut-être 16. Ouais, je pense que ça a l'air bien après ça, ce qu'on peut faire c'est plus laisser tomber, alors peut-être le courant. On peut l'utiliser. Ou nous allons voir s'ils ont ces points qu'ils font, nous pouvons utiliser leur position ici et vous pouvez voir tout de suite. Comment est le tabouret est de deux ans ? Je pense que c'est l'outil le plus facile à utiliser sur tout ça, que je vous ai montré. Ensuite, nous avons besoin d'une ligne de texte. Voyons donc une ligne de position de texte pour entendre un petit clic à l'intérieur. Et cela va être une description de l'image affichée, peut-être pour un centre, et nous allons réduire la taille à peut-être 16 pour correspondre à ce texte. Vous pouvez même le pousser un peu vers le haut. Ensuite, nous pouvons utiliser une image. Alors peut-être celle-là. Positionnez-le juste jusqu'ici, puis je vais l'étendre un peu. Peut-être que je vais utiliser le cœur. Ici, c'est. Utilisons décrit comme si prochain Chet ou commentaire. Comme vous pouvez le voir, ils ont cette icône mais n'a pas d'importance. C' est la position d'ici et peut-être partager comme celui-ci. Positionnez-le ici et voyons, peut-être que nous pouvons dupliquer celui-ci dessus. Je partage, peut-être que je peux le déplacer quelque part par ici. Faisons le contrôle. C contrôle nous une fois de plus. Cela va écrire dans un avant, par exemple, et voyons un de plus. Et ça va être Voyons voir 25 comme ça, et vous pouvez le voir dans quelques minutes. J' ai déjà créé ce qui nous a pris , Disons, 10 ou 15 minutes pour créer dans ces autres logiciels. Donc, c'est fondamentalement la clé. Vous devez aimer cela pour créer ces cadres métalliques rapidement, facilement et pour faire en sorte que tout le monde comprenne à l'intérieur de votre équipe à quoi cela va ressembler. Alors voyons. Peut-être qu'on peut utiliser une barre de pression ou une barre de boutons. Voyons voir ce bar. C' est le travail en bas. Je pense que ça pourrait marcher, mais je pense qu'il faut en créer un nouveau. Donc, utilisons un rectangle glisser et déposez-le en position. Donc d'accord, ici, comme ça. Ensuite, nous allons utiliser ces icônes à la maison. Ici, c'est. Je vais le placer ici. Ce qu'il nous faut ensuite, c'est Chet. Utilisons exactement la même icône que celle-ci. Une position juste ici, puis une carte. Voyons voir. Carte dans la carte Maker fonctionne bien. Comme ça et enfin profil. Voyons voir, l'utilisateur positionne ici et puis peut-être simplement poussé ces icônes à gauche et à droite, et c'est fondamentalement tout. Vous pouvez voir à quoi ça ressemble, et fondamentalement nous avons fini notre cadre métallique. Ce que je peux faire est simplement de sélectionner tous ceux-ci, puis de faire un duplicata d'entre eux, puis d'en faire un autre ci-dessous. Soto Group vos couches. Vous devez les sélectionner car, comme vous pouvez le voir, nous avons n'importe quel panneau de calque. Comme ils l'ont dit , , parfois vous allez rencontrer certaines de ces choses, donc il est beaucoup plus important de les traiter pendant que vous travaillez. Alors peut-être que je n'aurais pas dû créer ça comme ça. Donc peut-être que je peux simplement réduire l'esprit de cette entrée de texte, comme ainsi il est donc plus facile pour moi de le sélectionner, sorte que vous pouvez ensuite maintenir votre touche Maj et simplement sélectionner toutes ces icônes et tous ces éléments comme ça, et ce que vous devez faire est simplement aller ici où il est dit groupe ou vous pouvez utiliser le contrôle G, Ensuite, vous devez le dupliquer, qui est le contrôle D, et puis vous pouvez simplement le positionner juste autour ici. Et si je fais défiler vers le bas va couvrir les orteils sur ma barre d'onglets. Donc, fondamentalement, vous pouvez cliquer ici et l'envoyer à l'arrière et ensuite simplement le faire avancer . Et c'est fondamentalement tout. C' est notre cadre métallique fait. Et comme vous pouvez le voir, il nous a fallu moins de 10 minutes pour créer l'écran, ce qui est extrêmement utile lorsque vous créez beaucoup d'écrans et vous pouvez voir que c'est beaucoup de plaisir parce que tout le monde peut comprendre au sein de votre équipe ou de votre client ce que tous ces éléments sont ce qu'ils signifient. Mais ce n'est toujours pas ce que je choisirais. Je vais te montrer pour la prochaine boutique, ce qui est le plus grand, et ça a toujours été un excellent orteil. Mais ce n'est toujours pas l'outil que j'utiliserais pour les cadres métalliques qui seront toujours Adobe X'd parce que hors de sa polyvalence, et il est essentiellement fait pour ce genre de choses. Donc c'est tout pour balsamique. J' espère vraiment que ça vous plaira. Vous pouvez vérifier. Comme je l'ai dit, un essai gratuit de 30 jours. Vous pouvez le tester et simplement jouer avec elle et voir ce que vous pouvez trouver avec ces cadres de fil de fonds. Et une autre chose que je veux vous montrer est lorsque vous cliquez sur plus de contrôles ici va ouvrir ceci et vous pouvez choisir entre tous ces différents modèles. Vous pouvez voir ce que d'autres personnes ont créé. Vous pouvez inclure différentes couleurs, différentes formes et ainsi de suite, et vous pouvez simplement choisir parmi la mise en page, modèles, les tutoriels et ainsi de suite. C' est donc extrêmement utile. Ce tabouret est vraiment génial et une commande immobilière que vous au moins vérifier et voir par vous-même si vous le voulez ou non. Et une dernière chose que je veux montrer avant de terminer. Vous avez ce bouton de partage juste ici, et vous pouvez le partager avec vos clients qui pourraient leur envoyer le lien, et ils peuvent le vérifier. Mais évidemment, vous devez payer pour ce faire, et enfin, vous pouvez cliquer ici où il est dit projet. Vous pouvez prendre un instantané. Si vous avez plusieurs hors de ces Oregon survolent ici l'exportation orteil et puis cadre de fil courant pour être en G ou vous pouvez utiliser un fond transparent. Vous pouvez également utiliser le cadre de fil à Jason apparaissant au code, ce qui est excellent dans le travail avec les développeurs. Mais c'est fondamentalement tout. C' est balsamique pour toi. J' espère vraiment que ça vous plaira. Vas-y, regarde. Amusez-vous au moins jusqu'à ce que votre essai soit terminé car ils ont beaucoup de ces différents éléments. Et ils peuvent aussi vous donner de l'intérieur sur ce à quoi peut ressembler un outil professionnel. Parce que tous ces éléments, vous pouvez les utiliser vous-même à l'intérieur d'autres logiciels que vous utilisez. Ainsi, par exemple, vous pourriez ne pas considérer toutes ces formes différentes. Donc, lorsque vous cliquez ici, vous pouvez voir toutes ces différentes formes, et peut-être vous pouvez voir certains éléments que vous n'avez pas utilisés auparavant, et ils peuvent vous inspirer pour les utiliser dans vos projets. 13. Le cadre dans Adobe Photoshop: dans cette vidéo, je vais vous montrer comment vous pouvez créer ce même cadre métallique maquette que nous avons créé dans tous ces autres logiciels dans Adobe pour une boutique. Et dans cette vidéo, j'utilise pour Shop CC 2000 et 14. Mais vous pouvez utiliser fondamentalement n'importe quelle autre version. Je ne mets pas à niveau vers les nouvelles versions parce que je n'utilise pas pour un magasin pour mon travail principal. Je l'utilise juste orteil, éditer des photos et manipuler des photos et du texte quand d'autres outils ne sont pas disponibles pour faire une telle chose. Parce que pour le magasin est toujours le roi de manipuler vos images. Fondamentalement, ce que nous avons ici est notre fichier, et vous pouvez sauter ici pour le nouveau fichier et cette fenêtre va apparaître. Et j'utilise 1920 avec 10 80 à 7 à la résolution. Parce que nous travaillons pour le Web, vous pouvez simplement cliquer sur OK, et il va créer cela pour vous. C' est ce que vous voyez ici. J' utilise aussi cet écran, et si je saute ici, vous pouvez voir que c'est 375 avec 8 12 qui est fondamentalement la taille de l'iPhone 10 et 11 pour les écrans . Et j'utilise aussi ces icônes Big I constante, et je vais laisser le lien dans la description si vous voulez utiliser ces icônes particulières , que j'utilise leurs icônes premium. Mais je vais aussi lier quelques icônes gratuites que vous pouvez trouver et utiliser dans vos projets. Mais vous pouvez voir un vrai comme celui-ci parce qu'il est extrêmement polyvalent. C' est extrêmement bien fait. C' est extrêmement cohérent, et c'est aussi il a beaucoup de ces catégories, et vous pouvez essentiellement utiliser ces mêmes icônes pour une variété de projets différents, et ils fonctionneront toujours peu importe ce que vous faites de retour à notre travail. J' ai sélectionné ces icônes à partir de ce dos. Je les fais simplement glisser et déposer ici en utilisant l'orteil de mouvement, et je vais utiliser ces icônes dans notre projet. Je suis allé réduire un peu la taille, alors laissez-moi le sélectionner rapidement en maintenant la touche Maj enfoncée puis en maintenant ma touche Maj une fois de plus parce que je veux les rendre petits et petits parce qu'il n'y a vraiment pas besoin qu'ils soient aussi grands. Granna a pris la même position et en dissidente comme Donc, non, ce que nous allons faire c'est que nous allons commencer par Top Bar. On dirait que nous l'avons fait avec tous les exemples précédents. Vous pouvez cliquer ici, mais je vais cliquer à l'extérieur et le type simple de logo que nous pourrons utiliser plus tard. C' est fréquent devant. Je pense que c'est bon. Vous pouvez simplement utiliser votre outil de déplacement. Positionnez-le ici. Je vais cliquer sur T et réduire la taille. Voyons voir, peut-être 24. Je pense que c'est bon. Rendre le centre aligné ancien contrôle Cliquez ici, déplacez l'orteil et positionnez-le simplement où vous voulez sur le campus. Je vais cliquer sur mon icône de menu, et je n'aurais pas à zoomer un peu parce qu'il est un peu difficile de sélectionner tous ces éléments et je vais les orteils, les sélectionner et ensuite simplement les positionner au-dessus de mon écran juste pour que je puisse voir eux. Je vais positionner cela pour être au centre de mon texte et peut-être, mais voir 20 pixels est bien à partir du bord droit. Je vais le renommer menu parce que toutes ces icônes viennent sans le nom, donc c'est un inconvénient. Mais fondamentalement, c'est une chose de majorité avec tout cela que je compacte pour venir sans aucun moyen. Vous devez donc les renommer vous-même. Mais c'est bien parce que pour la majorité hors icônes, vous devez les renommer. Quoi qu'il en soit, je vais sélectionner mon écran, le positionner sur le décalage gauche 12, puis renommer ceci pour rechercher. Je vais le positionner ici, aller en position au menu juste ici, sélectionnez-les tous, cliquez ici et puis peut-être empilés dans le haut et puis peut-être 10 ou 20 vers le bas afin que je m'assure que tous sont aligné parfaitement comme Donc maintenant que nous avons terminé cela, vous pouvez voir que cela semble beaucoup plus agréable déjà que tous ces exemples précédents, qui vous a montré, et nous n'avons même pas encore commencé. Ensuite, nous allons utiliser cet orteil rectangle, donc je vais aller orteil, créer un rectangle. Voyons voir, peut-être que nous pouvons le positionner pour aligner avec nos icônes, quelque chose comme ça, et laissons ça ici pour non, nous allons publiquement peut l'appeler BG. Je vais le positionner jusqu'au bas, tout gonfler sauf l'écran. Et maintenant, commençons à créer nos éléments. Donc on va commencer par un cercle. Je vais l'appeler Molitor. Désolé, je n'ai pas eu tendance à changer de nom, alors j'ai entendu. Je suis allé le positionner juste ici. Je vais double-cliquer et utiliser cette même couleur, et je vais aller aux pieds. Assurez-vous qu'un objet, par exemple, 10 pixels Ou nous pouvons utiliser la couleur plus foncée. Ainsi, le DDT, par exemple. Et je vais utiliser le DDT pour cela aussi. Juste pour que vous puissiez voir toutes ces icônes un peu mieux. Maintenant, je peux simplement cliquer ici. Touchez le contrôle C ou le contrôle J ou le commandant. Cliquez ici et en tapant. Nom éteint. Assurez-vous qu'il a quitté la ligne et assurez-vous de réduire la taille. Voyons 14 œuvres. Eh bien, position. C' est à peu près par ici. Contrôle J une fois de plus. Cela va être des messages de temps comme ça dans une manière de les sélectionner tous les deux, déplacer 12 et s'assurer qu'ils sont au centre comme ceci. Assurez-vous simplement de les aligner correctement. Et c'est juste que je sois un peu ennuyeux avec tout ça. Mais vous pouvez si vous voulez simplement les laisser sans alignement. Nous sommes allés à positionner ce juste ici est zoom dans un peu et assurez-vous qu'il est 10 pixels. Comme, notre image est la suivante. Nous allons dupliquer cette position ici. Ce sera la description de notre image Post image. Juste pour qu'il se sent plus hors de l'espace comme ça. Et je vais positionner, par exemple, 20 pixels vers le bas. Je pense que ça marche bien. Comme ça. Et je vais m'assurer que ça peut être qu'on puisse le montrer, euh, avec un plan. Donc peut-être que nous pouvons utiliser la couleur de trait pour cela, comme ça, mais juste un trait plus petit. Peut-être un qui fonctionne bien. Si c'est quelque chose que vous voulez parce que vous pouvez alors avoir un fond blanc ainsi, comme si vous le voulez et vous pouvez l'appeler votre couleur BG a décidé. Donc, je peux tout simplement mignon. J' ai échantillonné et j'ai besoin de le déverrouiller d'abord. Et puis un médaillon encore une fois. Juste pour que je ne le déplace pas et que l'écran puisse être blanc. Et nous y voilà. Si nous frappons le contrôle zéro, vous pouvez voir à quoi ça ressemble. Maintenant, revenons, orteils notre image. Et au lieu de créer de nouvelles formes et d'aller frapper le contrôle Jay sur celui-ci, je vais l'appeler image comme ça. Et on va le déplacer ici, c'est tout. 12 Je vais le positionner juste ici, par exemple. Et puis je suis allé simplement positionner ici, il contrôle. Cliquez sur mon écran Lear Press V. Positionnez-le au centre. Et maintenant, j'ai mon image et mon image peut être de cette couleur et je peux simplement chauffer huit, puis cliquer ici pour supprimer le trait. Et maintenant, je n'ai plus d'accident vasculaire cérébral. Et je peux même réduire l'esprit un peu plus donc 3 20 par exemple, juste pour que vous puissiez le voir un peu mieux et assurez-vous qu'il est 20 vers le bas, comme si peut-être même envoyer. Peut-être qu'on n'a pas besoin de 20 comme alors je pense que ça marche bien. Et enfin, nous allons inclure l'icône ici, affichage des orteils. C' est une image. Ce que je vais faire, c'est localiser mon image. Je ne peux pas ici, c'est. Elle contrôlerait G et la positionnerait simplement en place comme si je vais l'agrandir un peu comme ça juste pour que ça indique que c'est mon image en civil et je vais déplacer ces deux couches ou juste ici, par exemple, image que je vois. Et assurez-vous qu'il soit au centre comme ça. Si vous n'aimez pas qu'il soit aussi grand, vous pouvez maintenir votre décalage ancien et le clic gauche sur votre souris pour réduire la taille. Ce dont j'ai aussi besoin, c'est cette icône d'avatar, donc je vais contrôler les orteils J une fois de plus, et je vais ensuite le sélectionner et le déplacer. Vous pouvez voir qu'il est beaucoup plus difficile de cliquer parce qu'ils sont trop petit positionnement juste ici . Ensuite, déplacez-le à l'intérieur d'une bien meilleure position ici. Je vais aux orteils. Copiez ceci comme si je CME pour que l'icône soit plus courte, assurez-vous qu'il est au centre comme ça, et nous y allons. Suivant. Nous devons créer ces trois icônes, mais avant de le faire, je vais dupliquer ça. Fais en sorte qu'il soit écrit 1 25 contrôle J. Je vais aux pieds. Déplace-le ici. Assurez-vous qu'il est 84 et vous a contrôlé une fois de plus et assurez-vous qu'il a dit, Bien sûr , Comme vous pouvez le voir, il est extrêmement simple de créer tout cela dans quatre boutique. Mais ça va être encore plus simple dans Adobe angsty. Et je continue de le dire, mais je le pense vraiment parce que je pense que c'est fondamentalement la norme d'or. À mon avis, pour ce travail de cadrage et de conception de fil, ce sera un cycle difficile. Donc CNN et moi aimons vraiment Teoh Name mes icônes parce que je crois vraiment qu'une fois que vous envoyez ce fichier à votre développeur, ils vont vous haïr avec la passion. Si vous n'envoyez pas les fichiers avec les noms propres, car plus tard, quand ils commencent à développer votre application ou autre, ils auront beaucoup de mal à renommer tous vos joueurs. Donc, comme ça, peut-être 10. Ce qu'il nous faut ensuite, c'est un commentaire. Je me consolerai localisé. D' accord, ici. Ici est sélectionné Contrôle de chaleur J une fois de plus, est allé à la position. Ça semblait être un rencard ici. Cela va être des commentaires. Alors positionnez-le ou juste ici et sa position juste ici. Je pense que ça marche bien. Même espacement que le chemin vers celui-ci. Et enfin partager. Déplaçons le juste ici pour que huit aligne il ne soit tout simplement pas en ligne. Pour une raison quelconque. Essayons encore. Ici, c'est. Et pour la part. Nous allons juste inclure cette icône de partage ici est que je vais la sélectionner. Positionner ici et je vais orteils et un grand est juste un peu parce que vous pouvez voir qu'il est un peu plus petit que ces autres icônes, comme ça, et assurez-vous qu'il est 10 ici. Là, nous l'avons et quand simplement réduire la taille de l'orteil juste ici. Et on y va. Nous avons créé notre image. Maintenant, tout ce que j'ai à faire, c'est simplement des D juifs, qui sont laissés ici pour qu'on n'ait plus besoin d'image. Ce dont on n'a plus besoin. Voyons voir, on n'a plus besoin de coeur, alors on va l'effacer. Je vais sélectionner tous ces éléments en maintenant ma touche Maj comme si frapper le contrôle G pour les regrouper et ils vont être nos icônes de guerre Ted ou simplement appuyer sur la barre. Alors je vais trouver ma maison. Ici n'est tout simplement pas juste ici. Il va être profilé juste ici. Ça va être une carte. Appelons ça. Ça va être le chat et ça va être à la maison. Suivant. Je vais déplacer cette barre ici pour être au centre de mon écran. Je vais me positionner vers le bas. Donc, déplacez un à, par exemple, et puis nous allons simplement déplacer autour de ces icônes juste un peu. Peut-être comme ça. Peut-être comme ça. Peut-être qu'on pourrait vouloir un profil comme celui-ci. Ensuite, vous pouvez tous les sélectionner et simplement cliquer ici. Il va les répartir uniformément, puis le positionner au centre et nous l'avons. Nous avons terminé cette partie. Maintenant, la partie suivante est de tout sélectionner, et je vais croire ma recherche, mon logo a et mon menu hors du chemin. Ce sera une barre supérieure,par exemple, par exemple, et je vais regrouper tout le reste sauf pour un contrôle de barre lacrymogènes G va être post one. Elle contrôlerait J, et nous allons le dupliquer et simplement le déplacer vers le bas. On est juste là pour entendre. Déplaçons ça. Voyons voir, 26 est en panne, par exemple, et ça va être le poste numéro deux, comme si juste en dessous et à l'intérieur d'une barre d'étoiles. Utilisons la couleur principale. Donc, nous allons utiliser une couleur bleue trois e c six ff percenter juste pour indiquer que c'est l' icône sélectionnée et que l'utilisateur est situé sur l'écran d'accueil. Donc c'est fondamentalement tout pour votre femme processus de cadrage à l'intérieur de la boutique quatre, il a fallu un peu plus que prévu parce que je dois expliquer toutes ces différentes icônes et positions est un peu, mais vous pouvez voir que c'est extrêmement simple à faire. Ce que vous pouvez faire à ce stade est simplement sélectionner tous ces clic droit convertir en objet intelligent , puis aller dans l'objet intelligent et d'ici, aller dans le fichier, enregistrez-nous et puis enregistrer cette image comme un JP Agra PNG dans orderto partagez-le avec votre client ou vos coéquipiers. Ce que vous pouvez aussi faire est de commencer avec nos ports si vous travaillez dans votre original pour le tir parce que, comme je l'ai dit, c'est C. C 2000 et 14. Il n'y avait toujours pas de planches à l'intérieur, mais de C. C. 2000 et 16 ou 17. Je crois qu'ils incluaient notre conseil d'administration. Donc, quand vous travaillez à l'intérieur de nos ports. C' est extrêmement simple. Exportez ensuite tous vos ports et de les partager avec votre client. Je recommande vraiment que vous travailliez de cette façon pour juste imaginer que c'est votre numéro un. Notre port numéro un numéro deux serait juste ici. Le numéro trois sera juste ici et ainsi de suite parce que tous ces projets ont tendance à avoir beaucoup, beaucoup, beaucoup d'images différentes à l'intérieur inclus et beaucoup d'actifs différents inclus. Donc, plus vous avez de ports, plus le projet sera grand. Et plus il sera difficile de contrôler ce que vous avez à l'intérieur de ce projet. Donc, je le recommande vraiment. Tu travailles à l'intérieur de notre fête si tu les as. Si tu ne le fais pas, tu peux faire quelque chose comme ça. Et puis vous pouvez les exporter tous en tant qu'objets intelligents, comme expliqué simplement. Regroupez-les tous, sélectionnez chacun d'eux, puis regroupez-les orteils, soyez à l'intérieur d'un objet intelligent, puis exportez tous les objets intelligents à l'extérieur. Vous avez également une exportation par lots de fichiers ici. Je crois que c'est dans le script. Ouais, et ensuite vous pouvez exporter par lots tout ce que vous voyez à l'écran. Mais encore une fois, vous devrez les créer en tant qu'objets intelligents. Donc c'est fondamentalement tout pour quatre parties tranchantes. J' espère vraiment que vous avez compris à quel point il est extrêmement facile d'utiliser dans quatre magasins et à quel point il est facile de travailler dans le magasin. Et vous pouvez voir que le résultat est bien meilleur qu'avec tous ces outils différents, parce que vous êtes vraiment en contrôle de ce que vous faites et ce que vous présentez à vos clients dans la prochaine vidéo. Nous allons commencer avec Adobe X'd, et je vais vous montrer ce que, à mon avis, je pense et je crois vraiment que c'est le meilleur outil pour ce genre de travail. 14. Le cadre dans Adobe Xd: Et maintenant, permettez-moi de vous montrer comment vous pouvez via frame dans Adobe X deep. Donc, avez un port R ouvert ici, et vous pouvez aller à la maison et vous pouvez cliquer ici pour ouvrir les mêmes sont pour l'iPhone , ou vous pouvez cliquer ici et vous pouvez choisir celui que notre port vous voulez. Et je vais le renommer à la maison, par exemple, et commençons comme nous l'avons fait auparavant avec Top Bar. Donc, je vais simplement faire glisser un rectangle. Je vais utiliser la couleur gris clair extrême, par exemple. Quelque chose comme ça. Retirez la bordure comme donc je vais la positionner au centre vers le haut et l' étendre ici et tout droit ici. Je vais le faire une touche, et notre courage est pour que toi et moi puissions le voir. Ensuite, je vais taper en local, et nous allons utiliser le même front que nous avons utilisé dans quatre magasins. Donc ça va être plus tard. Je vais te montrer où tu pourras aller plus tard. Je vais laisser le lien dans le fichier pdf, et c'est un fonds Google gratuit, et vous pouvez l'utiliser comme vous voulez essentiellement pour des projets personnels et commerciaux. Ça va être,par exemple, par exemple, barre de remorquage G. Appelons ça comme ça. Ensuite, ce dont nous avons besoin est une icône de menu. Je vais utiliser celui-ci pour le positionner ici. Et nous avons également besoin d'icône de recherche. Donc, je vais positionner celui-là. Ensuite, je vais tout sélectionner comme je vais aller un peu plus près. Positionnez ceci ici. Déplacez un vers, par exemple, pour déplacer 20 pixels. La position est à la gauche de décalage un à fondamentalement la même. Et puis refaites ça une fois de plus. Alors assurez-vous qu'ils sont tous au centre. Je vais prendre le contrôle, G et appeler ça une barre de remorquage juste pour qu'on ait tout bien organisé parce que tu as cette encoche juste ici. Vous allez déplacer cela vers le bas juste pour que vous puissiez accueillir l'espace pour l' information. On est en haut à gauche et en haut à droite. Donc, le temps, un meilleur indicateur ainsi de suite. Mais parce que nous créons via des cadres, nous ne nous en soucions pas trop. Vous pouvez vous en soucier une fois que vous bougez orteil, la partie de prototypage haute fidélité. Mais comme je l'ai dit, vous pouvez inclure cela aussi bien si vous voulez, et vous pouvez télécharger un vous gratuit je enfant d'Apple eux-mêmes parce qu'ils l'ont créé. Vous pouvez simplement l'utiliser pour inclure tout cela à l'intérieur du processus de cadrage de votre femme. Ensuite, nous allons créer un beau grand rectangle, quelque chose comme ça. Assurez-vous qu'il est au centre. Il contrôlait profondément, et je vais appeler ma clé, et ma vieille clé m'a dit que c'était la taille. Je vais l'utiliser pour l'image. Un peu plus tard. Utilisons cette couleur avec bordure enlevée. Laissons-le là. Je vais l'appeler image comme ça, et peut-être que je ne peux même pas la cacher juste pour que ça ne nous dérange pas. Et ça va être BG. Assurez-vous qu'il est au centre et assurez-vous de le positionner. Voyons voir. 10 pixels est très bien depuis le haut. Ensuite, je vais utiliser le cercle. Assurez-vous que c'est quelque chose comme si je ne connaissais pas 60 60. Allons chercher quelques beaux numéros. Positionnez tout ici. Déplacez un et un ici où vous pouvez utiliser si vous le souhaitez. C' est vraiment à toi de décider. Je vais appeler ce terme comme ça. Et ce que vous pouvez faire avec toutes ces icônes, c'est que vous pouvez les couvrir en symboles si vous le souhaitez, ou deux composants, et vous pouvez ensuite copier et coller ces composants plus tard. Je ne vais pas le faire parce que nous avons plusieurs instances hors d'eux. Mais juste si direct. Vous êtes sûr de pouvoir appuyer sur le contrôle K et va vous montrer cela comme une touche de contrôle de symbole ? Ok, ok. Et une fois que j'ai commencé, laissez-moi créer tous ces symboles, et je vais vous montrer comment vous pouvez les utiliser un peu plus facilement plus tard. Donc, vous avez le profil de glisser-déposer en position dans la position quelque part juste ici. Et permettez-moi de réduire rapidement la taille de celui-ci et de le positionner juste ici au centre, hors de mon cercle, comme ça. Ensuite, j'ai besoin du texte de dents et mon nom est appelé dettes. Assurez-vous qu'il est laissé à mentir. Assurez-vous qu'il est 16 par exemple, comme ça et je suis allé avec mon ancienne clé pour en faire un duplicata. Et donnons ce 10 par exemple, ça va être du temps libre, poster quelque chose comme ça et voyons si nous pouvons les séparer. Mais 10 pixels position descendent centre décalage 12 et maintenant nous avons besoin de cette icône plus. Je peux simplement le glisser et le déposer en position, comme donc assurez-vous qu'il est au centre et assurez-vous de le positionner jusqu'à ce qu'il s'aligne avec notre arrière-plan comme celui-ci, puis un, comme donc assurez-vous qu'il est au centre et assurez-vous de le positionner jusqu'à ce qu'il s'aligne avec notre arrière-plan comme celui-ci, puis un, pour que nous ayons même un espacement correct ici. Si vous ne voulez pas que cela soit trop lumineux, vous pouvez utiliser quelque chose comme celui-ci ou vous pouvez utiliser une couleur un peu plus foncée. Peut-être quelque chose comme ça. Je pense que ça marche bien. Hit control D. Je vais positionner ceci ici et la description de l'image, et nous pouvons utiliser cet orteil ajouté aux styles de personnage à ceci pour les styles de personnage. Et puis vous pouvez simplement cliquer sur celui-ci. Cliquez ici va appliquer les mêmes styles de caractères à dis texte aussi bien. Donc, si vous voulez qu'il ressemble exactement à celui-ci, assurez-vous que c'est une ligne vers la gauche. Il est maintenant que nous allons obtenir orteil sont le panneau des couches juste ici cliquez sur notre position de l'image. C' est à peu près par ici, alors voyons. Peut-être que c'est trop grand. 20 pixels vers le bas. Assurez-vous que les lignes Aito sont ici. Assurez-vous que l'alliance ici comme si nous allons voir à la maison. Beaucoup d'espace que nous avons. Peut-être que c'est des marchandises. Vous pouvez même l'étendre jusqu'ici pour rendre cette image belle et grande pour la hauteur. Utilisons 1 70 Faire un bon nombre autour. Je vais inclure l'image. Je ne peux pas retourner ici. Déplacer l'icône de l'image Juste ici. Sélectionnez mon image. Assurez-vous que c'est au centre et je pense que ça a l'air un peu mieux comme ça que l' inverse. Et je peux aussi faire les mêmes choses. Je vais supprimer la bordure et inclure la même couleur de champ juste pour que nous ayons une certaine cohérence ici aussi. Dans le projet réel organisé ces couches un peu mieux. Alors peut-être que cet avatar et cette icône extérieure iront en haut comme alors prénom, heure de poste et cette icône juste pour que nous puissions voir que le temps se vante et plus il ira ci-dessous, comme alors description, puis image. Et puis ce Bijie comme ça. Ensuite, nous allons inclure ces autres icônes afin que vous puissiez simplement cliquer ici. Et le 1er 1, c'est le cœur. Parce que si le glisser-déposer dans la position comme celle-ci suivante est commentaire en position, peut-être dans un centre comme celui-ci, et enfin partager, Il suffit de glisser-déposer. Je vais orteil sélectionner Tous les trois Je vais orteil inclure, je veux dire, désactiver le redimensionnement réactif. Je vais maintenir la touche Maj et ensuite simplement les redimensionner à quelque part par ici. Donc, ils sont un peu plus petits qu'avant, et je vais m'assurer qu'ils sont,par exemple, par exemple, 20 pixels de ce 20 pixels vers le bas. Et puis je vais le fermer jusqu'à ici, puis sélectionnez dit trois, puis simplement les déplacer vers le haut 20 pixels une fois de plus, comme ça et puis je vais faire. Je vais sélectionner ce texte. Il a contrôlé les deux dupliqués et ensuite simplement faire quelques ajustements à elle. Une façon de repositionner cela va être 1 25 comme, alors assurez-vous qu'il est au centre de toutes ces icônes, mais nous pouvons y faire face un peu plus tard. 10 et déplacez ça ici, Control De. Ça va être 84. Par exemple, le contrôle d'une fois de plus. Ça va écrire un shérif. Donc, positionnement ici. Et puis peut-être 10 pixels ont probablement fait avec tous ces précédents, comme ça. Et vous pouvez choisir ces icônes comme ça, en maintenant la touche Maj enfoncée, vous pouvez zoomer un peu et vous pouvez échantillonner la décoloration, par exemple pour qu'elles soient plus cohérentes. Comme ça. Et nous l'avons là. Nous avons fini notre première carte pour que je puisse sauter à l'intérieur et que je puisse déplacer ma barre de conversation juste ici en haut. Je peux sélectionner toutes ces couches. Encore une fois, vous pouvez les organiser un peu mieux, mais pour vous faire gagner du temps, il suffit de le grouper. Appelez cette carte une, et ce que vous pouvez faire est d'utiliser une répétition génial, puis simplement étendre une autre carte ici. Ou si vous ne voulez pas le faire, vous pouvez simplement dupliquer cette carte. Alors appuyez sur le contrôle D et puis déplacez-le simplement. Tout droit ici. Qu' ils soient les pixels de la tige. Je pense que c'est bon. Et à cause de la taille de notre port. Permettez-moi de supprimer rapidement. Suivez ces icônes va bien couvrir ici en bas. Donc tu n'as pas à faire quoi que ce soit d'autre. Ce que je veux faire ensuite, c'est simplement sauter ici. Appuyez sur le contrôle de pour dupliquer ce calque. Faites-le glisser à l'extérieur. Donc tu ne vas pas appeler ça, par exemple ? Barre d'onglet, Placez-le juste ici en bas de ma planche, comme ça et parce qu'on ne peut pas le voir, peut-être que je peux le rendre un peu plus sombre comme ça. Et ça va se colorer en gros. Cela parce que nous voulions faire défiler et qui peut aussi faire est étendre cette Notre orteil bâbord est tombé. Mais je vais vous montrer que dans la prochaine vidéo, nous allons obtenir orteil ajouter un peu épicé ce design . Mais pour l'instant, on peut le laisser comme ça. Ce dont nous avons besoin ici, ce sont ces icônes. Alors faisons glisser et déposez-les rapidement à l'intérieur. On a besoin de cette maison, Michael. Placez-le juste par ici. On a besoin d'un magnat commun juste ici. Nous avons besoin d'une icône d'indicateur de membre et enfin nous avons besoin d'une icône de profil, quelque chose à positionner et écrire ici. Ensuite, je vais les sélectionner tous, désactiver la ressource réactive pour ma touche Maj, puis simplement en réduire la taille. Assurez-vous que Darryl au centre et je peux cliquer ici orteil uniformément. Distribuez-les. Même liquidité pour un magasin. Si vous vous souvenez, sautez en couches. Panneau, cliquez ici. Il contrôlait G, puis appelez cette barre d'étape. C' est fondamentalement ça. Nous avons tout fini. Je vais déplacer la barre du haut juste ici. Organisé ça un peu, parent. Et voici à quoi ressemble notre écran je ne vais pas aller de l'avant et créer mes autres écrans juste pour vous montrer à quel point c'est facile à faire dans Adobe X'd. Donc c'est notre écran d'accueil. On va frapper les orteils juste ici. Contrôle profond. Ce sera notre image ouverte ou ouverte Galerie d'images une fois parce que personne peut cliquer. Et cela a ouvert cette image pour la voir un peu mieux à l'intérieur. Nous allons supprimer la défausse parce que nous n'en avons pas besoin. Et cette autre carte, on va la renommer Partie 2. Désolé, et on peut le positionner. Je ne sais pas comment taper aujourd'hui, nous pouvons positionner en dessous de la carte 1, bien sûr. Et voyons, je vous ai réduit la ville accidentellement. Donc, ici, nous avons ouvert l'image et ce que nous allons réellement faire ici avant que nous le faisons et sélectionner chaque semaine ceci. Et peut-être que nous pouvons ajouter une touche de couleur trois D c six ff. Si ça marche, ça ne marche pas. Cela dit, la couleur plus foncée juste pour indiquer que cela est sélectionné maintenant, ici vous pouvez ajouter la même chose ici afin que je puisse supprimer cet onglet. Sont contrôle C nous et les barres de couteau inclus facilement comme cela pour cette carte. Ce que nous allons faire est simplement de cliquer ici et de l'étendre. Vous pouvez utiliser le redimensionnement responsive si vous voulez, mais il va orteil Divisez tous ces éléments fondamentalement que nous ne voulons pas, surtout parce que pour ces icônes, redimensionnement responsive est désactivé. Donc, si je le sélectionne afin que nous ayons un cœur de commentaire de part. Je peux activer le redimensionnement réactif et ensuite essayer de réduire tout un peu vers le bas pour que cela fonctionne comme ça, mais pour ne pas perdre de temps, vous pouvez simplement sélectionner les comme ainsi Ensuite, sélectionnez ce texte et il y a simplement le déplacer tout le chemin vers le bas ou à peu près ici, par exemple, puis position BG il est à peu près deux ici, puis sélectionnez-les tous une fois de plus. Donc, comme ça, assurez-vous qu'ils sont 20 pixels vers le haut, 20 pixels vers le haut. Une fois de plus, cliquez sur notre image et étendu. Et maintenant, je vais les sélectionner une fois de plus comme ça, pixels vers le bas juste pour que nous ayons même espacement, puis enfin cliquer sur notre image et étendu et positionnez-le au centre comme ceci. Donc c'est ce que nous avons. Fondamentalement, vous pouvez voir à quel point il est facile de le faire dans Adobe XY. Tout ce que vous devez faire, il tombe simplement une certaine logique et a suivi nos croquis ou des idées que vous avez dans votre tête. Et je recommande vraiment si vous faites cela ici juste pour expérimenter autant que possible. Donc, fondamentalement, si vous ne commencez pas avec du papier via des cadres et que vous commencez directement Rita Adobe X'd je vous recommande vraiment d'expérimenter autant que possible et de commencer juste à poser quelques éléments et de voir où cela vous mène Suivant ? Ce que nous avons besoin ici est d'écrire un commentaire donc je vais orteil dupliquer ce contrôle de beauté D avec l'extérieur. Cela va être un commentaire. Beauté. Je ne peux vraiment pas épeler aujourd'hui. Je vais le déplacer à peu près ici, par exemple. Et ensuite, on peut le laisser ici. Peut-être. Voyons voir 70 chose qui fonctionne. Très bien. Donc, jusqu'à 12 ans, peut-être que nous pouvons déplacer tout l'orteil de l'image ici. 12 et enfin, ce que nous pouvons faire est de cliquer à droite votre quart de travail 12, puis aller juste ici et sélectionné ce guide . Accrochez-le ici et ensuite nous allons simplement étendre ce BG pour s'adapter aux orteils ici. Fondamentalement déplacé tout 20 pixels une fois de plus. Donc, ou vous pouvez aller dans l'autre sens. Si c'est plus facile pour vous, vous pouvez faire la même chose. Mais avec le bas. Laisse-moi te montrer ça. Vous pouvez donc cliquer ici, décaler 12, puis simplement l'étendre jusqu'à ici jusqu'à ce qu'il s'adapte. Et puis sélectionnez simplement ces à l'intérieur. Donc ces trois comme ainsi de suite pour que vous puissiez étendre cela vers le bas. Donc de toute façon, euh, ce qui est plus facile pour toi ? Fonctionne bien parce que, comme je l'ai dit, c'est le processus d'expérimentation. Rien n'est terminé. Rien n'est définitif, donc c'est à vous de décider maintenant. Ce que nous allons inclure ici, c'est que nous avons besoin de ce texte. Si tu te souviens de nos croquis, ça va se passer, non  ? Les Communes. Comme si alors nous avons besoin de nouveau je cours, je vais juste sauter à l'intérieur de nos icônes. Je vais localiser mon icône de visage smiley. Je pense que c'est juste ici en haut. C' est ici, c'est le contrôle. Tu vois ? Super saute ici. Hit contrôle V. Je vais réduire la taille juste un peu. Comme vous l'avez fait avec toutes ces icônes précédentes. Maj 12 et puis elle le veut. Je vais utiliser cette même couleur qui a été utilisée pour les icônes précédentes. Alors j'ai simplement choisi ça, et je vais l'appeler Smiley. Donc, et nous avons juste besoin de l'icône d'envoi juste ici, Alors laissez-le rapidement localisé et voir où il pourrait être situé. Peut-être que c'est quelque part par ici. Voyons voir ici est beaucoup utiliser celui-ci ne simplement sauter à l'intérieur, positionner cela en place Et ce que vous pouvez également faire est simplement l'aligner avec votre visage souriant comme alors assurez-vous que vous avez réactif redimensionné désactivé parce que nous n'en avons pas besoin au moment. Ensuite, positionnez-le simplement en place. Alors décale-en un, aussi. Et nous allons goûter cette couleur ou juste ici du bas comme ça. C' est fondamentalement ça. Nous avons fini notre écran. Appelons ça envoyer. Donc, comme ce smiley visage droit comin, comin, G. Nous allons appeler ces commentaires, le positionner en bas, et une dernière chose dont nous avons besoin est d'inclure la flèche arrière juste ici à l'intérieur d'un tatar parce que nous voulons pouvoir revenir. Donc, je vais revenir dans mes icônes une fois de plus soulagé le lien dans le fichier pdf. Donc, si vous voulez vérifier ces icônes, vous pouvez voir où est cette icône. Ici, c'est. C' est juste sauter en vue et voir ici c'est, il contrôle. Voir Contrôle V et je vais le déplacer loin, comme ça, Voir ce que c'est, et je vais simplement le positionner comme si Voir ce que c'est, c'est le creux réactif redimensionner ce impliquant plus grand, juste un peu. Assurez-vous que c'est au centre, comme ça, et je vais le rappeler comme ça. Je vais orteil éteindre la recherche ou simple dilatée comme vous voulez, et c'est fondamentalement pour cet écran. Maintenant, l'écran final va être un écran de profil. Donc je vais orteil peut-être dupliquer celui-ci, par exemple. Et ce dont nous avons besoin, c'est de supprimer rapidement tout d'ici. Ou peut-être qu'on peut juste laisser le texte. Mais parce que nous l'avons déjà sélectionné, nous pouvons choisir ici. Donc, je vais simplement un glisser-déposer une icône de profil juste ici. Assurez-vous que c'est en désaccord comme ça, ou mieux encore, je peux faire la même chose à partir d'ici. Donne-moi juste une seconde. Je peux sauter à l'intérieur. Profilez un contrôle d'avatar. Voir tout à fait ici, Contrôle V. Là, ils vont simplement étendre pour être un peu mieux. 12 Ensuite, nous pouvons les utiliser pour contrôler le contrôle C. Nous nous assurons qu'ils sont alignés au centre comme ça, alors assurez-vous qu'ils sont au centre et voyons ce que nous avons ici est la personne, le nom et peut-être l'endroit comme ça. Assurez-vous qu'il est au centre. Allons le faire. Ce n'est pas non. 10. Je pense que ça marche bien. Oui. Maintenant, ce qu'il nous faut, ce sont des robinets. Donc, ce que nous pouvons faire est d'inclure rapidement trois lignes comme celle-ci. Par exemple, peut-être que nous pouvons utiliser cette couleur peut-être sans contrôle des frontières. De, assurez-vous que c'est dans le contrôle central D. Ceci est juste ici, et si vous voulez les espacer uniformément, il suffit de faire un rectangle. Ensuite, sélectionnez-les pour cliquer dans la position centrale. Directing sera ici sélectionnés pour s'assurer qu'il est au centre. Ensuite, supprimez ce rectangle et vous y allez. Donc, en gros, ce sont vos trois onglets. Ce sera un 20 parce que cette étape est sélectionnée. Donnons-lui une couleur. Donnons la couleur de ces icônes afin que vous puissiez aller ici et vous pouvez sauter à l'intérieur et fondamentalement ajouter vos couleurs ici. Ajoutons une couleur pour cela comme un aussi. Et une fois que nous sommes là, choisissons cette icône. Assurez-vous que c'est cette couleur chez les Juifs. Michael. Assurez-vous que c'est cette couleur parce que maintenant nous sommes à l'écran de profil, et c'est ce que je disais. Vous pouvez voir à quel point il est facile de multiplier ces, et de l'ajouter à eux, et donc cela va être sans tabulation. Ça l'est aussi. Et c'est l'étape numéro un, et c'est celle qui est sélectionnée. Donc fondamentalement, cela peut être votre Il est une galerie ou des favoris ou des communications ou quelque chose comme ça. Vous les avez gardés dans un Twitter ou Facebook et âme. Donc, ce qu'il nous faut ensuite, c'est d'inclure différentes images. Donc, je vais simplement glisser un beau être rectangle quelque chose comme dans les jours. Peut-être que je vais ensuite inclure mon icône d'image, faites-le glisser et déposez-le en position. Je peux peut-être le rendre un peu plus petit. Peut-être que comme ça, je vais choisir de l'utiliser sans bordure, et j'inclurai cette icône ici. Ensuite, je vais le groupe des orteils. Donc ça va être l'image Bijie. Vous pouvez utiliser l'autre image entre créée avant et l'inclure si vous le souhaitez. Mais j'ai trouvé que c'était beaucoup plus simple. Je vais réduire la taille juste un peu juste pour que je puisse être sûr que je peux adapter trois d'entre eux. suffit de les regrouper, Ilsuffit de les regrouper, appelez l'image et cliquez, répétez génial, puis remplissez simplement trois dans une rangée comme ceci. Assurez-vous de réduire l'espacement entre eux. Cliquez ici pour le positionner au centre, puis étirez simplement tout le chemin vers le bas. Aussi nombreux que vous voulez. Et c'est la grande chose à propos du dhobi dépasse a tous ces outils fantastiques qui vont vous aider à accélérer le processus de ces tâches fastidieuses, surtout une fois que vous commencez à dupliquer toutes ces choses différentes. Cela va être profilé, et c'est fondamentalement tout pour notre Via Frame a l'espoir que vous pouvez voir combien il est extrêmement simple de créer ces cadres métalliques dans Adobe X'd, car il a tous ces outils différents qui vont vous aider énormément. Une fois que vous commencez le prototypage et que vous commencez à partager avec votre client, vous pouvez ajouter des points chauds. Vous pouvez inclure différentes images, ombres portées et ainsi de suite. Et c'est ce que je vais te montrer dans la prochaine vidéo. Donc, je te verrai là-bas 15. En vous: beauté sur Adobe X'd est. Une fois que vous avez terminé le cadrage de votre femme, vous pouvez le tourner vers le haut et passer à des cadres de fil haute fidélité à des images comme des ombres, couleurs différentes et ainsi de suite. Et puis, en plus de cela, vous pouvez même inclure un certain mouvement en ajoutant des prototypes à vos conceptions, et vous pouvez ensuite partager ces prototypes avec vos clients, puis ils peuvent laisser des commentaires afin que vous puissiez savoir ce que vous pouvez améliorer. C' est pourquoi j'aime Adobe Xdb parce que c'est un outil si complet. Non seulement est-il extrêmement facile à utiliser, et j'espère que vous avez vu cela dans la vidéo précédente, mais vous pouvez aussi faire toutes ces autres choses sans jamais quitter cet outil, car auparavant vous devez utiliser plusieurs outils pour faire ces multiples des choses. Dans Adobe X D. Vous pouvez tous les faire sans jamais quitter l'application. C' est pour ça que je l'aime tellement parce que ça m'a fait gagner tant de temps. Et lorsque vous travaillez avec des clients, en particulier dans un délai serré, il peut être extrêmement important de faire ces choses tout en économisant autant de temps que possible sur un projet. Donc, pour commencer, je vais simplement sauter à l'intérieur d'ici. Et c'est le cadre métallique que vous avez créé précédemment. J' ai été sélectionné. Tous les trois sont des ports frappés de contrôle D pour faire un duplicate sur eux parce que je vais orteil. Fondamentalement, ajoutez quelques images et de la couleur à eux. Non, sautons à l'intérieur et commençons à ajouter quelques éléments. Donc, ici, incluons le nom, par exemple. Jason Marcus. Faisons un temps libre, se vanter 24 avril. C' est nous allons voir City 45 quelque chose ma dette et cela peut être aussi 24 avril. Mais voyons les 48 peut-être quelque chose comme ça. Donc, c'est le nouveau post. C' est l'ancien poste, et peut-être que cela peut être même une autre personne. Appelons ça Murray. Je ne connais pas Andrews. Donc juste quelques noms aléatoires et vous avez aussi des gins de sang pour Adobe X'd, et vous pouvez également générer certains de ces besoins aléatoires pour vous faire gagner encore plus de temps maintenant pour inclure des images. J' ai quelques images de stock juste ici prenant à partir de Splash, et quand un dragon a laissé tomber l'image, vous pouvez voir qu'elle remplit cela, mais je dois cacher mon icône de profil et vous pouvez voir là. Il commence maintenant à prendre la forme. Inclure la même chose pour cette personne ici. Alors je vais aller de l'avant et choisir une image. Laisse-moi voir. Juste ici. J' ai ce dossier sur mes images, qui ont pris en ligne, et vous avez également un branchement pour disque. Vous avez ces branchements juste ici, donc vous pouvez simplement cliquer juste là. Et vous pouvez installer tous ces différents plug-ins pour une éclaboussure. vous donner, par exemple, des images d'un point de splash com. Il remplira vos espaces réservés. Vous êtes Logos sont super parce que vous pouvez inclure toutes ces différentes images sur les droïdes. Super. Parce que vous pouvez utiliser sur ces différentes illustrations et ainsi de suite. Et pour découvrir, branchez, il suffit de cliquer ici. Vous pouvez découvrir tous ces différents connecteurs qu'ils ont accumulés et collectés pour vous. Ce sont là l'essentiel à leur avis. Donc vous je fais face est génial parce qu'il peut remplir avec ces images. Donc, je vous encourage vraiment à explorer tous ces différents plug-ins et nous allons maintenant récupérer les orteils sont conçus. On a besoin de la même personne ici. Donc je vais juste sauter à l'intérieur du texte corporatistes et je l'ai basé ici. Je vais également double-cliquer ici et basé ici et nous allons utiliser la description. Mais d'abord, je dois trouver l'image que je vais inclure, donc je ne sais pas. Voyons voir. Peut-être que nous pouvons utiliser des images d'architecture, par exemple, ou des images de voyage. Alors voyons. Je peux inclure une image ici. Je peux simplement le glisser et le déposer en place. Ce particulier est de celui de stock photo point com, et il est génial parce que vous pouvez trouver toutes ces différentes images, qui sont libres d'utiliser. Mais vous pouvez utiliser des images à partir de Splash, par exemple, ou, si vous voulez des images premium, vous pouvez aller dans des éléments volatils, par exemple, et inclure des images à partir de là. Donc description du pont de l'image dans le Sen Francisco. D' accord, donc de l'hélicoptère, comme ça et puis pour ce sont un. Par exemple, la formation de Brooke ici, Sir Francisco, parce que c'est la même collection pour ces images et, par exemple, pour celle-ci, peut-être que nous pouvons localiser ce fond. Peut-être que je peux inclure un rayon de coin. Incluons la Corée sur 10 par exemple. Vous pouvez voir à quoi ça ressemble. Et peut-être que je peux même inclure une ombre portée et ensuite aller de l'avant et enlever la bordure. Quand je clique à l'extérieur, vous pouvez voir à quoi cela ressemble. Donc, il donne ce joli peu d'ombre tombée. Et je peux aussi sauter ici, clic droit copie, puis sauter ici et simplement l'apparence basée. Et ça me donnera le même look pour la carte ici. Et je veux aussi le faire ici. Donc ça va me donner le même regard sur la carte juste ici. Et nous pouvons aussi le faire pour les commentaires. Un simple parents à base et vous pouvez voir à quoi cela ressemble. Donc, fondamentalement, ça donne l'air comme il appartient juste là. Maintenant, pour les images. Donnons-leur le même rayon. Donc 10 ont juste eu un peu de piquant. Par exemple, cette image 10 et nous avons besoin orteil inclure cette même image ici. Laissez-moi supprimer mon icône d'image, et vous pouvez voir à quoi ça ressemble tout ce dont nous avons besoin ici est cette description comme ça Et nous avons également besoin d'inclure dans cette même image sur une personne que nous avons fait avant, si rapidement le trouver. Ici, c'est. Et il suffit de supprimer mon profil. Je peux à partir de ça. Et là, nous l'avons. En gros. Maintenant, nous avons la formation d'applications et nous pouvons également passer à autre chose et inclure par exemple, couleur ici. Alors allons de l'avant et échantillonnons un peu de couleur. Donc peut-être qu'on peut utiliser une couleur de cette icône. Comme ça ? Voyez à quoi ça ressemble Il n'a pas l'air si mauvais, mais nous devons rendre ces icônes orteil blanc, comme avec notre logo. Donc peut-être que nous pouvons appeler ça quelque chose comme socialement, par exemple. Et peut-être que je peux inclure une forme de fourrage pour ça. Jouer à l'affichage équitable. italique gras. Assurez-vous qu'il est blanc. Voyez comment ça fonctionne, Will . Donc, ce juste fondamentalement un exemple hors. Quoi ? Vous pouvez le faire et vous pouvez simplement contrôler enfant. Tu vois ? Alors saute ici. Tit contrôle V, nous et moi allons orteils cacher ça. Arrêtez notre quotidien à tout ça. Alors je vais faire la même chose ici. Mais avant que j'ai supprimé, Je veux être capable orteil Déplacer cette flèche de retour ici. Comme vous pouvez le voir, j'ai fait une erreur et j'ai inclus plusieurs d'entre eux, mais ça n'a pas d'importance. Je vais inclure ici. Alors supprimez cette barre garnie comme, donc je le ramènerai. Ensuite, tournez simplement ma flèche arrière, orteil blanc et réduisez simplement la Ville Obey de ma recherche. Et là, nous l'avons. Nous avons notre barre supérieure belle et propre maintenant pour celle-là. Peut-être que les gens ont cliqué sur cette personne, puis ils ont sauté ici. Donc nous avons besoin d'une autre image de ce profil de personne. On va copier ça ici et pour l'emplacement. Peut-être qu'il est situé à San Francisco parce que c'est d'où viennent ces images. Et parce que je vais copier et coller les mêmes images, je vais remplacer celle-ci. Il est donc utilisé l'image de Londres, par exemple, pour celui-ci. Peut-être que je peux le faire glisser et le déposer ici. Et c'est pourquoi j'ai dit, C'est génial à propos d'Adobe X'd. Vous pouvez simplement aller de l'avant et changer tout ce que vous voulez et disons quelque chose comme juste que nous puissions remplir un texte aléatoire maintenant pour cela. Comme vous pouvez le voir, nous avons une répétition. Super. Tout ce que j'ai à faire, c'est simplement me battre dans cette 1ère 1 et ensuite je peux sauter ici. Faites glisser et déposez mes images sur le 1er 1 et va orteil remplir avec toutes ces images différentes ici. Tout ce que nous devons faire maintenant est simplement d'ajouter quelques onglets ici. Et pour ce faire, tout ce que j'ai à faire, ils sautent juste ici. Et, par exemple, copié l'un de ces textes. Peut-être que je peux frapper le contrôle de position. Il est juste ici et assurez-vous qu'il est au milieu de ces lignes, comme So et Dent Laisse-le combattre rapidement. Et peut-être que nous pouvons écrire dans les favoris. Créons un duplicata. Ceux-ci peuvent être, par exemple, neufs, et créons un autre doublon. Et cela peut être, par exemple, des collections. Voyons voir. Et parce que nous avons choisi les favoris, peut-être que nous pouvons sauter ici et cliquer sur notre couleur. C' est fondamentalement ça. Faites-le savoir, organisez-les simplement. Et si vous vous souvenez de la pointe, je vous ai montré simplement sélectionner comme ça. Donc comme ces deux-là de plus avec l'imposition juste ici. Ce droit ici a sélectionné ceux-ci pour le déplacer comme Donc je vais supprimer celui-ci, et peut-être que je peux baisser votre fondamentalement de ceux-ci. C' est Juifs cinq, par exemple. Et j'ai besoin d'un meilleur espacement pour ça. Donc peut-être que je peux voir que c'est stand peut-être 20 N Dent. Donnons la même chose. Donc 20 comme si il y a nous l'avons. Si vous voulez ramener ces lignes, peut-être que je peux choisir un robinet et je peux l'appeler sélecteur, par exemple. Ajusté juste un peu. Peut-être utilisé pour s'assurer qu'il est au milieu de mon texte et peut-être le déplacer juste cinq. Voyons voir. Et je peux même réduire l'esprit de celui-ci à ici, comme ainsi et puis simplement sélectionner cette couleur pour qu'il soit évident que cela est sélectionné. C' est ça. Fondamentalement, pour la partie de conception, vous pouvez voir qu'en quelques secondes, vous pouvez avoir quelque chose qui est vraiment attrayant et quelque chose qui a l'air vraiment sympa. Je n'aime pas ça parce que c'est cette couleur grise, alors peut-être que je peux la transformer en blanc. Voyez à quoi ça ressemble bien parce que nous avons maintenant ce fond ici. Mais vous pouvez aussi ajouter une ligne juste ici la séparant pour que la ligne supérieure soit encore meilleure Mais pour des raisons de temps et de repos pour cette vidéo, allons juste qu'elle soit blanche parce que nous avons tous ces éléments de fond couvrant bien. Maintenant que nous ne le faisons pas, il est peut-être temps de passer au prototypage et d'ajouter simplement un peu d'intégration dans la direction. Donc, ce que je peux faire est simplement étendre cela. Je peux sauter ici et ensuite tout simplement le déplacer jusqu'ici. Cliquez deux fois ici jusqu'à ce qu'il atteigne. Alors voyons jusqu'à ici. Ça a l'air génial. Je veux toucher dese deux et je veux le faire parce que je veux le faire défiler. Donc, ce que vous devez faire en fait, c'est ramener jusqu'à ce qu'il s'aligne avec cette ligne. Parce que cette ligne est fondamentalement une ligne coupée comme ça et maintenant nous pouvons obtenir le prototypage. Alors cliquez simplement sur le prototype et quoi ? Ce que nous pouvons faire est simplement de cliquer ici sur cette image. Donc, lorsque l'utilisateur tape, il va ouvrir cet écran afin que nous ayons un robinet de déclenchement. Donc, une fois de plus, lorsque vous utilisez les robinets, il ouvrira cette transition d'écran que nous utiliserons aussi animate Et c'est pourquoi nous avions les mêmes calques et la même structure de nommage parce que nous voulons qu'Adobe X'd reconnaisse ce que nous avons fait. Et il va comparer ces deux écrans et ensuite trouver simplement des différenciations entre eux et intégrer simplement une belle illustration. Derek, vous pouvez utiliser l'assouplissement des notes faciles et la durée 0,4. Je pense que ça marchera très bien. Maintenant, pour cette image. Nous pouvons marcher et nous pouvons faire la transition. Peut-être que nous pouvons utiliser dissolve facile et out parce qu'une fois que l'utilisateur clique juste là, il prendra dans le profil de cette personne. Nous aurons la même intégration pour ici et aussi la même intégration pour ici pour cette icône de profil. Il suffit donc de survoler, de cliquer dessus, puis simplement de glisser et déposer et Adobe X'd se souviendra de vos derniers paramètres. Et il vous montrera essentiellement les mêmes paramètres que vous avez déjà choisis maintenant pour celui-ci simplement sélectionné ici. Et si vous voulez retourner à la maison d'ici, vous pouvez simplement faire la même chose et cela vous ramènera à la maison. Et c'est fondamentalement tout pour ça. Peut-être qu'on peut même inclure le même parchemin ici, comme on l'a fait ici, mais je ne vais pas vous déranger. Tu as l'idée avec une dernière chose que je veux te montrer, c'est ici. Donc, quand on saute ici, on veut retourner les pieds à la maison. Donc, je vais lier cette transition de robinet et au lieu de dissous, utilisons sleight left, par exemple. Et puis je peux cliquer ici et avant de le faire, je veux juste la position de correction des orteils lors du défilement. Donc ça va rester réparé. Et une fois que vous arriverez au bas de la page, il sera juste là. Et une fois que nous serons là, nous pourrons faire la même chose pour ici. Alors nous allons sauter dans le design. Je peux l'étendre jusqu'au bas. Et je peux, par exemple, le déplacer. Voyons voir 20 pixels, quelque chose comme ça. Et je peux simplement planer ici, voir ce que c'est. Et peut-être que je peux le couper ici, et je vais sauter en arrière, apporter tout le chemin pour entendre sauter, prototyper, position fixe et défiler. Et c'est fondamentalement tout. Alors maintenant, regardons notre prototype. Il suffit de cliquer ici. Il ouvrira ce discours, et si je l'agrandit, vous pouvez voir qu'une fois que nous commençons à faire défiler, vous pouvez voir à quoi cela ressemble pour que vous puissiez faire défiler et vous pouvez voir que cela reste fixé au bas. Comme vous pouvez le voir, vous pouvez faire défiler vers le haut et vers le bas, et quand vous cliquez ici, vous pouvez voir que cette belle petite animation va montrer. Et quand vous cliquez ici, il vous ramènera. Si vous n'aimez pas la disposition, vous pouvez également utiliser des animates. Et il sera également animé en arrière fondamentalement. Mais je pense que ça marche beaucoup mieux. Une fois que vous glissez vers la gauche et la droite, beaucoup cliquez ici. Il va se dissoudre au profil et vous pouvez faire défiler fondamentalement vers le bas. Et une fois que vous cliquez sur la maison, par exemple, il vous ramènera à la maison. C' est ainsi qu'il est facile d'utiliser Adobe X'd du processus d'idéation de celui-ci aux conceptions plus complexes et enfin aux prototypes, que vous pouvez ensuite partager avec vos clients en cliquant ici, vous pouvez créer un lien, , puis vous pouvez copier ce lien et l'envoyer à vos clients. Ils peuvent ensuite laisser vos commentaires sur ce que vous devez changer, et c'est essentiellement l'ensemble de votre processus de conception à l'intérieur d'une application. Et c'est pourquoi j'adore Adobe existe tellement parce qu'il vous offre tant de possibilités de travailler avec vos clients, de rester créatif et de continuer à avancer avec vos projets. J' espère vraiment que tu vas essayer. Consultez le site Web d'Adobe de Aussi laisser le lien pour Adobe X'd dans le pdf. C' est gratuit. Vous pouvez l'utiliser gratuitement pour toujours, essentiellement parce qu'ils ont le plan pour toujours gratuit. Il a juste quelques limites. Combien de produits pouvez-vous partager avec vos clients ? Et c'est essentiellement ça que vous pouvez utiliser. Ça commence aujourd'hui. Ça va changer votre carrière de design pour toujours comme ça a changé la mienne. Je l'adore, et je ne peux pas le dire trop souvent parce que c'est vrai. Alors, vérifiez. J' espère vraiment que ça vous plaira aussi. 16. Exporter des ressources d'Adobe Xd: une dernière chose que je veux mentionner, c'est l'exportation. Alors peut-être que vous voulez partager ces images avec vos clients ou avec votre équipe ont été e-mail via les chats étaient les médias sociaux. Cependant, vous voulez partager avec eux afin que vous puissiez le partager avec le lien et déjà mentionné que dans la vidéo précédente,il la vidéo précédente, suffit de cliquer ici pour créer un lien, puis cliquez ici pour copier le lien et essentiellement leur envoyer le lien. Ils peuvent laisser vos commentaires avec les commentaires, et ils peuvent identifier les détails spécifiques des cadres métalliques que vous voulez modifier. Mais que se passe-t-il si vous voulez juste exporter vos images ? Vous pouvez simplement cliquer ici sur le nom de notre Port Hit Control Command E. Ceux-ci vont maintenant apparaître, et vous pouvez sélectionner les formats de fichier qui contrôle être G SVG pour le Web. Pdf et Jay Pek. Fondamentalement, si vous voulez partager des images, vous pouvez choisir PNG ou JPEG. Si vous voulez partager, pdf cliquez ici, ou si vous voulez partager SPG pour que les développeurs l'utilisent,bien sûr, bien sûr, peut-être alors vous pouvez le partager comme ça Aussi, vous pouvez exporter des parties spécifiques de la conception en fonction de la façon dont vous les avez créés, afin que vous puissiez exporter la conception. Il exportera à un X taille essentiellement originale. Vous pouvez cliquer sur le Web, et il exportera un X et deux x taille essentiellement originale et le double de cette taille, ce qui est idéal pour les développeurs. Vous pouvez cliquer sur iris. Il va exporter à la taille d'origine, doubler la taille et tripler la taille parce que hors de la variété des différents appareils. Et enfin, lorsque vous cliquez sur Android, vous pouvez voir que vous êtes conçu à, par exemple, 100% ce qui est votre taille d'origine 75% qui est un peu plus petite que la taille d'origine et monte de . Donc, fondamentalement, ces points de pourcentage sont fondamentalement la dette si taille originale, puis plus grand, plus grand, plus grand et ainsi de suite. Et c'est plus petit. C' est fondamentalement tout pour la partie d'exportation, le tout dans un simple clic d'exportation. Il va exporter cette image, et quand j'ouvre cette image, fondamentalement avec mon erreur d'imagerie, voici à quoi elle ressemble fondamentalement à n'importe quelle autre image, Et un dernier conseil que je veux vous montrer est quand vous avez multiples désactivés. Ce sont des ports, et il y a des chances que vous les ayez dans la majorité de vos projets. Vous pouvez simplement sélectionner tous vos ireports hit control ou commande E. Choisissez ces paramètres, comme vous les avez configurés et cliquez simplement. Exporter va toe export tous ceux parce que j'ai déjà un pack J à la maison, que j'ai exporté précédemment. Vous pouvez appuyer sur les remplaçants, aller remplacer cette image, et il va exporter toutes vos images. Donc c'est fondamentalement tout pour ce cours et fondamentalement pour l'exportation. Je vous encourage vraiment à jouer avec Adobe X'd, et je vous garantis que vous allez adorer au moins certaines des fonctionnalités qu'il a à offrir. 17. Travailler avec des modèles: travailler avec des modèles vous permettra de terminer le projet, encourager à charger plus et de livrer les fichiers aux clients dans les développeurs le plus rapidement possible . C' est pourquoi les modèles sont une solution fantastique. Si vous avez un budget serré, par exemple, si vous avez un délai serré ou si vous voulez simplement faire plus de projets dans l' année et gagner plus d'argent. Donc, nous voici sur une page Web donut dot net, et ceci est mon site web dans mon entreprise et à l'intérieur de mon entreprise. Nous créons ces modèles. Comme vous pouvez le voir, nous avons vous I enfants, UX enfants, modèles de médias sociaux. Nous avons Social Corner graphiques, qui est dédié modèles de médias sociaux. Page. Nous avons aussi les cours, et vous êtes dans ce que nous avons inscrit, évidemment, évidemment, dans l'un de nos cours en ce moment, nous avons des images de stock, et nous avons d'autres produits. Nous avons donc tous ces brooks afin d'aider les designers à évoluer et à accélérer leur processus et à terminer leurs projets. Foster. Donc, si j'ai sauté ici aux kits U X, qui est essentiellement l'expérience utilisateur obtient, nous avons tous ces différents produits que vous pouvez acheter et utiliser dans vos projets. Et explorons l'un d'eux. Et je vais juste vous montrer à quel point il est facile de créer une page lorsque vous créez, manger avec un modèle et nous allons utiliser quelque chose comme os femme des enfants, par exemple. Donc, ici, je suis dans Adobe X'd, et je vais juste appeler cela notre cadre métallique qui a rapidement étendu tout le chemin vers le bas comme ça , Et je vais sauter à l'intérieur et choisir le modèle de nos os en arrière. Je l'ai simplement copié et collé ici, Al. Positionnez-le vers le haut, puis je vais simplement passer à côté d'autres modèles. Alors voyons, Peut-être que je peux utiliser celui-ci, par exemple, et vous avez juste à l'aligner avec le précédent, comme ça. Et ils se déplacent simplement et commencent à construire votre cadre métallique afin que vous puissiez choisir parmi la variété de différents éléments et le laisser rapidement vous montrer à quoi ressemblent ces éléments. Alors allez-y et positionnez ceci jusqu'à ce qu'il s'aligne avec mon précédent. Et voici, par exemple, c'est la partie future des os. Pourquoi de kit et je viens d'utiliser celui-ci, et vous pouvez voir que vous pouvez l'ajouter. Chacun d'entre eux, vous pouvez modifier ce texte, vous pouvez modifier les icônes, vous pouvez changer leurs couleurs et ainsi de suite. Et ils sont disponibles pour ce produit particulier, par exemple, pour Photoshopped X and sketch, sorte que vous pouvez les utiliser comme vous le souhaitez. Sélectionnons rapidement un autre à partir d'ici, afin que vous puissiez ouvrir autant de ces fichiers que vous le souhaitez. Vous devriez entendre, par exemple, puis simplement commencer à construire. Et vous pouvez explorer le nombre de ces modèles que vous voulez. Vous pouvez repositionner certains de ces éléments. Si vous ne l'aimez pas, vous pouvez simplement le supprimer. Permettez-moi de choisir celui-ci pour des témoignages, par exemple. Et je pense que nous avons 10 catégories différentes pour ce produit, et vous pouvez utiliser l'une de ces catégories évidemment, et repositionner certains de ces éléments. Cependant, vous voulez une position rapide ici, et je peux simplement crier ici sur mon tableau d'art. Fermez-le en bas. Donc, nous sommes ici, par exemple, et chaque habitude, comme vous pouvez le voir en moins de deux minutes, ont quelque chose que je peux montrer à mes clients, par exemple, Donnez-leur des commentaires et dire pour eux, Ok, nous avons une belle, petite, facile à utiliser navigation juste ici en haut. Et puis nous avons un curseur. Ici, nous partageons des fonctionnalités. Nous avons un formulaire où vous pouvez collecter vos e-mails électroniques, par exemple, pour vos campagnes. Ensuite, nous avons un curseur juste ici. Et enfin, nous avons un pied de page. Ça n'a pas besoin de ressembler à ça. Il peut regarder comme vous voulez. C' est pourquoi vous avez 120 dans ce produit particulier. 110 éléments différents, comme vous pouvez le voir ici. Mais nous avons d'autres produits. Comme vous pouvez le voir ici, ce n'est pas seulement nos produits que vous pouvez aller à. Vous avez mangé, par exemple, et vous pouvez explorer tous ces produits. Vous pouvez aller à la navigation et vous le fil confiné. Frank. C' est et vous pouvez chercher ces femmes et ces enfants ici, et vous pouvez voir qu'ils ont une variété différente de Y. Frank. Il est et je crois que le lien dans l'orteil pdf tout. Je parle ici, et vous pouvez utiliser n'importe lequel de ceux-ci pour vos projets, évidemment. Mais mon préféré est dans les éléments Votto hors cours. Voici nos produits ici aussi dans les éléments d'eau. Ce que ce site fait essentiellement est de payer un prix d'abonnement mensuel et vous obtenez chaque produit qui se trouve sur ce site Web. Donc si j'ai sauté deux catégories, vous pouvez voir ce qu'ils ont de la vidéo stock, vos modèles, la musique, effets sonores, modèles graphiques, qui inclut tout cela, dont je parle. Vous avez des graphiques, des illustrations, des modèles et ainsi de suite. Vous avez des photos même pour les modèles de rep. Vous avez des équipes WordPress. Donc, chaque chose que vous pouvez imaginer que vous avez sur ce site. Donc, si vous êtes intéressé par beaucoup, alors vous pouvez sauter pour impliquer la baie des éléments pour un abonnement mensuel, puis simplement utiliser le modèle que vous voulez et est un ensemble. Voici nos modèles et si je saute ici, ils ne sont pas tous situés ici. Mais si vous sautez dans les modèles graphiques parce que nous avons simplement toe enregistrer quelque chose pour notre site Web pour le rendre exclusif parce que nous avons un abonnement ici aussi. Et vous pouvez voir combien de ces différents modèles nous avons ici et voici le kit de cadre y os IRS. Et il y en a aussi un pour le Web, que je vous montrais avant. Et une fois que vous en avez fini, vous pouvez les transformer en prototypes à part entière et en prototypes haute fidélité, sorte que vous pouvez simplement glisser et déposer vos images et les inclure à l'intérieur et laissez-moi vous montrer la mort. Donc, disons que j'ai une image et que je veux l'inclure ici, ou nous devons simplement appuyer sur le contrôle pour sélectionner ce calque, et vous pouvez sauter ici pour voir la stratégie des calques. Si je saute ici, vous pouvez voir que tout est nommé correctement. Tout est positionné comme il se doit sur la page. Faites simplement glisser et déposez votre image pour l'inclure ici. Et comme vous pouvez le voir, avec quelques minutes de temps libre, vous pouvez le convertir en haute fidélité. Prototype. Évidemment, alors vous pouvez sélectionner les enjeux et changer sa couleur pour, disons, cette couleur, par exemple, juste pour que nous puissions le voir un peu mieux. Peut-être même cette couleur, et alors vous pouvez simplement l'agrandir si vous voulez, et le positionner pour être un peu plus propre à l'œil. et un peu plus attrayant. Disons alors que vous pouvez sauter en avant et étendre cette image vers le haut. Par exemple, positionnez-le juste au centre comme ça et ensuite nous pouvons localiser notre navigation, mettre juste ici en haut, sauter à l' intérieur de leur navigation et éteindre simplement l'arrière-plan. Et puis vous avez cette belle transition entre la navigation et l'image de fond, richesse, l'image de héros, bien sûr. C' est donc à quel point il est facile d'utiliser ces modèles, en particulier nos modèles. Et nous essayons vraiment vraiment de travailler avec nos designers et nos acheteurs pour comprendre leurs besoins et leurs désirs afin de structurer nos futurs produits encore mieux qu'auparavant. Donc, comme je l'ai dit, vous pouvez sauter orteil n'importe lequel de ces sites, et je crois que le lien dans un pdf, et vous pouvez vérifier tous ces sites et acheter un de ces modèles si vous voulez, pour améliorer votre plancher de travail et augmenter votre vitesse 18. Conclusion: merci beaucoup d'avoir suivi ce cours. J' espère vraiment que vous avez trouvé une certaine valeur dans son et que vous allez mettre en œuvre certaines de ces étapes et techniques que je vous ai enseignées dans ce cours dans un travail futur. Rappelez-vous, si vous commencez avec des cadres en fil de papier, commencez lentement. Commencez petit avec les fournitures. Vous avez déjà un mensonge autour de votre maison, puis quand vous commencez à obtenir des projets de plus en plus grands et de plus en plus grands clients, alors vous pouvez commencer à améliorer et à acheter des équipements plus chers. Par exemple, certains de ces marqueurs fantaisie ou prendre un papier de grille dans quelqu'un. Et quand il s'agit de cadres métalliques numériques, suffit de choisir le logiciel avec lequel vous êtes le plus à l'aise. Est mentionné plusieurs fois tout au long du cours. Je suis plus à l'aise avec Adobe X. J'aime Adobe eggs Deed le mieux, et c'est pourquoi j'ai utilisé tous les jours, vous pouvez utiliser n'importe lequel de ces logiciels qui vous ont montré , ou vous pouvez utiliser n'importe quel autre logiciel, que je n'ai pas montré dans le cours. Fondamentalement, trouver celui avec lequel vous êtes à l'aise, puis une fois que vous commencez à connaître tout le soft premier, vous pouvez basculer entre eux parce que Fondamentalement, ils sont tous similaires, et j'espère que vous avez vu cela dans le cours. Fondamentalement, tous ont des couches. Par exemple, ils disposent également de ces outils mobiles que vous pouvez utiliser pour déplacer vos formes. Fondamentalement, chacun d'entre eux est similaire, donc quand vous apprenez l'un d'eux, vous les connaissez fondamentalement tous. Seulement besoin de faire est d'explorer un peu aussi sur le prix. Si vous n'êtes pas à l'aise de payer pour quoi que ce soit, alors ne payez pas tant que vous n'êtes pas à l'aise et jusqu'à ce que vous pensiez que vous en avez besoin pour vos projets parce que c'est la partie la plus importante. Pourquoi paierais-tu pour quelque chose ? Si vous ne voulez pas l'utiliser plus tard ? C' est tout pour ce cours. J' espère vraiment que ça vous a plu autant que j'aime en faire un véritable espoir. Je vous verrai dans l'un de mes autres cours, et jusque-là, prenez soin et gardez le cadre métallique parce que c'est la partie la plus importante du processus de conception et cela peut être extrêmement amusant quand vous arrivez à l'accrocher. Prenez soin 19. Votre projet de cours: pour leur projet de classe. Je veux créer le même cadre métallique que nous avons fait dans le cours ou un petit ami complètement différent , ce qui vous encourage en fait à le faire, puis l'enregistrer comme une image et télécharger cette image là. Projets de classe. Vous pouvez utiliser des cadres en fil de papier, et vous pouvez utiliser toutes les fournitures que vous avez autour de votre maison afin que vous n'ayez pas à avoir les mêmes fournitures que dans la vidéo. Vous pouvez utiliser toutes les fournitures que vous voulez. Vous avez juste besoin de prendre une image avec votre téléphone, par exemple, est téléchargé dans vos projets de classe. Ou si vous utilisez des questions numériques, vous pouvez simplement enregistrer l'image de votre cadre métallique final et le télécharger dans les projets. Je veux vraiment voir ce que vous avez fait avec toutes ces techniques, qui vous sont enseignées dans le cours, et je suis vraiment excité de voir vos résultats et de voir ce que vous apprenez du discours. Donc, je suis impatient de vos conceptions 20. Chaîne YouTube pour plus de contenu: Hé, le designer Alex est là. Et je voulais juste vous remercier rapidement. Merci d'avoir pris le discours, et j'espère vraiment que vous en avez autant de valeur que possible si vous voulez consulter plus de contenu. J' ai récemment lancé ma chaîne YouTube, où exploré certains sujets qui pourraient intéresser les concepteurs de freelancers toe techniques de revenu passif de la conception Web, conception APP. Vous concevez la conception UX. Donc, si vous êtes intéressé par l'un de ces sujets, rendez-vous sur ma chaîne YouTube, liez-le dans le pdf, et vous pouvez simplement cliquer là et cela vous mènera à ma chaîne YouTube. Si vous aimez ce contenu, assurez-vous de vous abonner et assurez-vous de suivre, car je vais essayer d'être vraiment régulier avec cette chaîne YouTube et de télécharger autant de contenu que possible. Merci encore une fois d'avoir suivi mon cours, et j'espère vraiment vous voir sur ma chaîne Digger 21. Rejoignez mon groupe Facebook gratuit: Hey, designer, j'espère vraiment que tu as apprécié le cours, et que tu en as autant de valeur que possible. Si vous voulez recevoir encore plus de valeur de ma part et de la communauté du design, j'ai créé un groupe Facebook. Où vous pouvez rejoindre est juste un groupe Facebook pour mes étudiants seuls afin que vous puissiez rejoindre en cliquant sur le lien ci-dessous ordre. Nate off course est un compte Facebook, et c'est un groupe gratuit à rejoindre. Le groupe est formé afin de vous fournir des commentaires supplémentaires afin que vous puissiez joindre vos dessins en suivant ce cours et en utilisant des exemples de ce cours ou tout autre autre hors de mes cours. Ou si vous avez vos propres exemples. Off design travaille du passé du présent. Vous pouvez télécharger ces œuvres sur Facebook Group, puis recevoir des commentaires soit pour moi, soit d'autres membres du design. Je vous encourage également si vous disposez d'un poste pour les partager dans ce groupe afin que tout le monde puisse bénéficier de ce groupe. Encore une fois, le groupe est libre. C' est facile à rejoindre. Il suffit de cliquer sur le lien dans le pdf, et je m'attends vraiment à voir autant d'entre vous que possible dans ce groupe juste pour partager nos expériences en tant que designers, et je vais essayer de poster quelques vidéos supplémentaires, quelques conseils supplémentaires et techniques dans ce groupe Facebook. Mais pour l'instant, on commence tout juste. Nous allons juste en former, et je vous encourage vraiment à vous joindre et à partager votre meilleur travail là-bas. Pour inspirer d'autres concepteurs ou orteils, demandez des commentaires supplémentaires. Assurez-vous simplement, s'il vous plaît, lorsque vous demandez des commentaires, demander des choses spécifiques. Ne demandez pas. Que pensez-vous de cette conception ? Parce que personne ne va répondre à ça. Ou s'ils le font, ils sont sur Lee. Ils vont te dire si ça a l'air sympa ou ça n'a pas l'air sympa. Assurez-vous de demander des commentaires spécifiques sur vos conceptions. Par exemple, faites comme cette combinaison de couleurs. Tu crois que je devrais utiliser un autre front ? Pensez-vous que ces images correspondent bien à la couleur de fond, par exemple, choses comme ça, Alors assurez-vous de demander des commentaires spécifiques lorsque vos conceptions, parce que cela va être beaucoup plus facile pour moi et pour d'autres concepteurs de ce groupe pour vous donner sont des commentaires précis que vous pouvez améliorer beaucoup plus rapidement, puis en demandant simplement quoi ? Tout ce qui sort de ce design. Merci encore une fois d'avoir suivi mon cours, et j'espère vraiment vous voir en vue sur mon groupe Facebook Digger.