Conception web UI & UX avec Adobe XD - Conception de l'expérience utilisateur

1. Introduction à Adobe XD: Salut là. m'appelle Dan et je suis dans Adobe Certified Instructor maintenant ensemble dans vous devez apprendre à utiliser une Eckstine sale. Maintenant, ce que vous êtes l'outil de conception UX va nous aider à créer de belles interfaces utilisateur ainsi qu'une expérience rationalisée d'Alger. Pendant ce cours, nous allons utiliser un vrai projet freelance sur lequel je travaille. Un projet a besoin à la fois d'une femme à faire face et d'une application mobile. Donc, cela va vous donner une très bonne compréhension de tout comment exécuter votre projet UX potentiel Mon cours ici est nommé Personnes nouvelles à la conception et l'expérience utilisateur commencera dès le début . et se déplacera pas à pas. Poing up avait également un bon chagrin constructif et pour cent. Ensuite, vous apprendrez à créer des cadres de fil simples. De là, vous apprenez comment mettre en œuvre les couleurs et les images correctement dans vos conceptions, vous apprendrez les choses à faire et à ne pas pour choisir des fonds pour les sites Web. Emma Violence va également tricher un peu. Pourquoi expliquer pré fait que vous les enfants à accélérer sur le flux de travail ? Nous allons construire un prototype à la fois notre conception de site Web et la conception mobile connectant les pages et ajoutant une interactivité complète Vraiment pour vous statistique alors qu'elle avec vous beaucoup de trucs secrets à l'intérieur d'Adobe Eckstine Cela va vraiment vous aider à accélérer ces tâches répétitives tout au long de l'exportation des bons fichiers dans la création de votre propre espace de conception à la fin, j'ai un projet pour vous aider à développer vos compétences. Et donc tu as quelque chose pour ton portefeuille. J' espère donc que vous allez vraiment vous mettre à niveau et vous joindre à moi pour apprendre Adobe. Oui, c'est un faux plan pour Mike. Ici, vous entrez dans le magasin et ils ont fière allure. Tu aimes ? Ça va avoir l'air bien au bureau et tu rentreras à la maison et c'est une fausse plante. 2. Démarrer avec votre projet Adobe XD: Hé, là. Pour commencer, vous devez télécharger les fichiers d'exercice. Il y aura un lien dans les commentaires ou la description ci-dessous. Parfois, il y a un bouton. Ok, vous cherchez les fichiers d'exercice de téléchargement. Et l'autre chose que vous pouvez faire est pendant ce cours. Ce que je fais, c'est que j'essaie et quoi ? La vidéo individuelle. Je le savoure aussi. D' accord. Et la même chose à quelque chose appelé un fichier terminé. Ok, donc chaque vidéo aura soit un bouton d'éditeur de liens où vous pourriez épicerie, où j'ai jusqu'à 60 ans. Et si le vôtre n'est pas tout à fait le même, vous pouvez télécharger mineur. Il suffit de comparer les deux. La dernière chose est que pendant ce cours, on vous demandera un avis. Alors passe en revue le sang de la vie de moi en tant qu'entraîneur. Et pourquoi je peux faire ça à temps plein. Donc, si vous appréciez le cours et que vous nous demandez un avis, s'il vous plaît déposer. Quand il est là-dedans. D' accord. Et un examen honnête. Ça m'aiderait. Charges. D' accord. Allons avec le cours Allons avec le cours 3. Qu'est-ce is et l'utilisateur: D' accord, avant que nous commencions, couvrirait rapidement ce que vous ex fait face à vous sage. Si vous êtes nouveau sur le terrain, ils sont en quelque sorte bandés ensemble. UX est plus un parapluie. À McKay. Il couvre beaucoup de composants, y compris vous. Pourquoi ? Donc vous i concepteurs d'interface utilisateur ce que nous allons couvrir dans ce cours ? Nous allons donc faire beaucoup à Derby Eckstine, où nous avons encore développé l'interface utilisateur pour un web et une APP. C' est donc le composant U. Y. , mais cela fait généralement partie d'un projet U X plus important, et nous pouvons être divisés en trois parties principales. premier est le cas de la recherche. Vous faites votre recherche sur l'expérience utilisateur, et c'est juste une sorte de rupture. Je cherche qui sont les personnages comme ceux de vos clients. Ce que les exigences du client est en quelque sorte de construire à partir de bref loin, les caractéristiques qui doivent être dans votre produit. Ok, c'est le côté de la recherche. Ensuite, il y a le design réel. Ok, l'u que je dessine, que nous allons couvrir dans ce cours. Ensuite, vous passez à l'utilisateur test K. Les tests de convivialité après vous prenez votre projet ex d et vous commencez à le tester. On va se concentrer sur le milieu. D' accord ? Nous allons vous montrer un peu comment a obtenu le mémoire et comment se préparer pour utiliser le test. Mais j'ai un autre cours appelé How to Be ux Designer. Vérifie ça. C' est plus de, ah, ah, une sorte de vue d'ensemble de la conception ux et ça vous donnera des stratégies, des slips construisent correctement. Personas probablement. Et aussi les tests de l'utilisateur étaient de faire cela. Un peu plus couvrira et brièvement ici, mais nous allons nous concentrer sur les fonctionnalités de design UX. Maintenant, vous en tant que designer UX, juste pour que vous le sachiez, cela signifie que si vous travaillez dans une petite entreprise, moyenne entreprise, vous allez probablement faire toutes sortes de recherches en trois parties, l'U Y et le les tests sont allumés. Si vous travaillez dans une grande entreprise, vous pourriez être le concepteur U Y. Ok, fait partie de ce plus grand projet UX. Vous pouvez avoir des spécialistes, des chercheurs que vous avez peut-être testés par des utilisateurs spécialisés, donc cela dépendra de l'endroit où vous en êtes. Mais X est en quelque sorte assis au milieu. Là pour les outils de conception. Et pourtant c'est tout. Passons à travers maintenant et commençons à construire comment les choses en éteint. 4. Le brefs persona pour notre projet réaliste B: Ok, Donc avant de commencer, je veux juste décrire rapidement le dossier de ce projet. C' est un projet réel de l'un de mes clients et mon pour qu'il y ait une belle façon d'explorer 60 à travers un projet réel. Alors quoi ? Nous avons dû faire ce genre de recherche à l'Université X et nous avons dû élaborer un mémoire à la clientèle . Quoi ? Je vais te montrer ici, et on a dû construire la personnalité. D' accord. Tout comme qui sera le public de tigre. Alors regardons un peu ici sur l'écran. Ah, c'est ouais, tous les deux ? Le client m'a envoyé comme un mémoire initial, et ensuite ce que nous devions réellement le déplacer, donc nous avons eu un véritable travail d'orteil du projet. D' accord, alors ce contrôle, tu sais ? Ok, Donc, abord, comme tout bon travail créatif, vous devez en quelque sorte obtenir le bon mémoire, surtout pour vous ex, parce que souvent le client sur surtout l'idée de clients avec n'ont pas vraiment exécuter par beaucoup de projets UX avant. Donc je suppose, et contrôler ce qui est et ce qui est découvert. Ce qui n'est pas couvert. Ce genre de choses. Un bref est donc toujours essentiel pour tout projet. Droit ? Je me suis dit que je te montrerais celui qu'on a. Donc c'est le mémoire que nous avons reçu du client, donc fondamentalement était assez mince. Ils ont un site Web, apportent votre propre ordinateur portable dot com et ils ont construit ce genre de retour pour que leurs formateurs puissent l'utiliser. Et ils veulent en quelque sorte le laisser à d'autres formateurs pour définir en utilisant potentiellement l'utiliser comme un produit. Ok, donc ils veulent un site web qu'une application, ils sont très, très, très basiques. Donc, ce que j'ai fait, c'est que j'ai eu un petit coup d'oeil à travers les détails k à travers les analyses pour leur site Web. Je sais un peu à leur sujet parce que j'ai traité avec lui avant, mais fondamentalement, je suis passé par le genre de projet de recherche UX travaillant sur qui étaient les concurrents, ce que le produit fait c'est nous Pease qui les utilisateurs potentiels seraient K et bref construit. Donc c'est la chose que je leur ai envoyé par la poste gay et en gros, couvre juste les bases hors. La plupart des mémoires sont venus. Cela est rapidement couru à travers, vous savez, compris. Vous pouvez simplement sauter sur va arrêter de faire des trucs X t, mais dans ce cas une description de nom de projet K. En gros, c'est ce qu'ils ont dit. Eso a juste un peu décrit cette description. C' est pour qui ? Était un cas assez important. Donc on a construit un personnage. Je vais vous montrer ça chez un malade et à quoi ressemble la personne. Mais c'est ce que nous avons convenu avec le client, qui est la personnalité potentielle maintenant. La grande chose avec personas est que vous pouvez deviner que vous pouvez jamais biscuits, mais vous devez revoir potentiellement qui votre personnage pourrait être parce que vous pourriez y aller. Oui, c'est définitivement cette personne, mais vous devez permettre une chambre sur et un peu d'orthographe et Gramma. Ok, donc on a construit pour qui on pense les clients. Nous construisons à partir de la liste des fonctionnalités, Ok, juste pour nous assurer que nous savons ce qui se passe réellement dans les cadres métalliques de commencer ce que sont les parties importantes, Ok, nous laissons des choses comme un pied de page ou autres fonctionnalités que je sorte de juste normal là-bas. La page de contact doit être là tout ça. Donc, c'est le genre de choses uniques pour ce projet concurrents et l'inspiration produit. Cela aide juste notre neige et le client savoir qui ont été alignés. Et c'est le genre de chose que nous construisons les livrables du roi. C' est super important. Donc nous passons par deux parties est le cadrage de la femme et dans cette haute fidélité, fondamentalement élevé pour leur Lee signifie que vous savez pourquoi Frames une très simple haute fidélité a ALS, les polices et les couleurs et les images. Nous construisons donc des cadres métalliques uniquement pour l'approbation du client. Ok, je ne vais pas tester les cadres métalliques. Nous allons parler d'une lettre sur, Ensuite, nous construisons un prototype Hope Fidelity, puis nous allons à certains tests utilisateur basés sur le test utilisateur fera l'affaire. Notre rapport d'utilisabilité qui pourrait être grand ou petit ne fait qu'alimenter ce que vous avez découvert . Vos tests utilisateur, puis une fois que tout est terminé et nous avons réglé l'un de leurs problèmes avec l'utilisateur. Test va saisir tous les U.S. U.S. C'est pour les développeurs, et cela signifie juste leur donner des images et du code et des icônes et des symboles qu'ils peuvent construire soit l'application avec le site Web. C' est là que notre travail va finir. Ok, donc j'ai toujours un comme un pas inclus, juste au cas où le client juste pour sorte de s'assurer que les limites de rester agréable et clair . Ils nous ont donc demandé de prototyper le backend K, qui est le genre d'instruction mis à part, hors de ce site, il y a aussi un côté étudiant de celui-ci, qu'ils ont déjà obtenu développe. Ils ne veulent pas qu'on redessine leur et donc je m'assure que c'est clair qu'ils m'ont dit là-bas. Il est clair que nous ne couvrons pas cela parce qu'ils s'attendent à utiliser leur genre de systèmes actuels . Le côté instructeur, que nous allons tester les coûts, a dit Kay. C' est ce que j'ai demandé pour ce travail et c'est très souvent qu'ils commencent à environ 2,5 000 dollars nous et obtiennent jusqu'à environ 10 000 dollars pour des projets de plus grande envergure. Celui-ci ici fondamentalement une séance d'entraînement quoi ? Mon jour, Raiders, et c'est environ 800$. Et puis je pourrais déterminer combien de jours j'ai besoin de travailler avec quelque chose comme une chronologie dans un peu de tampon et ensuite leur donner un taux horaire après cela afin que s'ils commencent demander ce qui n'est pas couvert dans les livrables, Et vous pouvez dire que Shuriken fait ça, mais ça va probablement me prendre une autre demi-journée et ensuite ils connaissent votre taux horaire savoir que vous savez que ça va coûter X vins et je trouve que c'est un bon moyen d' arrêter le travail pour se glisser. Donc, la fluidité du travail arrive avec chaque travail qu'ils vont tous Can. Vous ajoutez rapidement cette petite chose supplémentaire et vous êtes en quelque sorte de vous l'ajouter et vous déciderez plus tard si vous les construisez pour elle ou pas dans le travail sur des tours et vous surprenez avec une facture géante ou vous sucez juste dans ces coûts, qui craint. Donc je fais en sorte que le début de nous donner ça coûte parce que c'est ce que tout le monde veut. Personne ne veut un tarif horaire, mais donne-leur tôt aussi, sorte que quand tu discutes et qu'ils sont comme, Oh, hey, pouvez-vous aussi faire ça ? New York ? Bien sûr, ça va probablement me prendre trois heures. Ils connaissent les Raiders annuels, et vous pouvez l'ajouter à votre facture et tout le monde est clair dès le début. Toujours sont demandés pour 50% de paiement jusqu'à la porte avant pour commencer le travail. Il y a tellement d'emplois que je finis par commencer qui ne peuvent jamais être finis. J' aime donc m'assurer que j'obtiens 50% à l'avance pour pouvoir couvrir mes coûts. Pour la partie initiale comme ça, c'est la partie la plus importante, ce genre de faire la recherche UX de travailler sur les fonctionnalités. C' est une sorte de partie super importante du travail, je pense que oui. m'a demandé ou pourcentage à l'avance. Vous pouvez saisir quelque chose de plus petit que cela, mais 50% est assez commun, puis 50% sur les délais d'achèvement. Gay, tous les emplois sont un peu différents. Mais c'est ce que nous avons fait. Donc il y a une sorte de ah, eux et moi. Donc, je vais faire l'utilisation de la recherche pour commencer avec trois cadres de fil e être livré pour apporter votre ordinateur portable mince. Ensuite, ils me donnent des commentaires avant cette date. Alors je leur donne la haute fidélité. Ensuite, ils me donnent des commentaires sur cette haute fidélité, puis il va en fait utiliser un test et ensuite nous sommes autorisés pour quelques semaines avec des tests utilisateur. Ça ne pourrait pas être différent sur la façon dont, comme pour ce projet, on va faire beaucoup de tests dans le couloir ou sur l'épaule. On va essayer de rencontrer des gens pour faire des trucs de la vie physique, trouver des gens qui ressemblent à Metro et travailler avec eux. Non, encore une fois, on ne va pas couvrir complètement les tests ici. J' ai un autre cours pour ça. Découvrez comment devenir un concepteur UX pour certaines des techniques de test. Ouais, on va faire des trucs sur leur épaule possible. Probablement faire des tests modérés par l'UNM. Où nous allons, dites-vous utilise le test dot com que je trouve est vraiment utile. Et vous pouviez juste leur sembler et les gens s'enregistrent des moutons rapidement. Et c'est quelque chose pour lequel vous n'avez pas besoin d'organiser des réunions. Et vous avez l'enregistrement pour que vous puissiez couper. Mais pour que vous puissiez montrer au client certains des résultats. Ok, alors il y aura un test utilisateur sur dans les rapports terminés sur les commentaires de base Juste sur. C' est ce qui se passe dans l'utilisateur de tester ces air, les changements que nous allons faire et vous apportez ces changements et une fois que les changements finaux ont été faits, va remettre les actifs au développeur pour se construire, ce qui dans ce cas serait que je finirai probablement par faire le côté Web des choses k au moins les trucs de conception Web frontale. Mais l'AP et le développement back-end devront être faits par le développeur, ce qui est totalement hors de ma zone ou plus de leur côté créatif, l'avant à l'intérieur. Donc, oui, c'est le genre de mémoire que nous avons vu jusqu'au client. Assurez-vous toujours que parce que je vous parie 100% promettre que cela ne sera pas le quatrième de Décembre signifie parce que les commentaires OK, donc votre client verra cette date et dire qu'ils vont le faire, mais les choses vont juste se produire tard. Tu sais, juste avoir un ou deux jours de retard, et je m'assure juste que dès que c'est quelques jours plus tard, je révise la prochaine ligne de temps, accord, qu'ils sachent que c'est eux qui l'ont repoussé. Donc, quand c'est comme deux mois de retard, ce n'est pas à cause de moi. C' est parce qu'à cause de leur mauvaise rétroaction, d' accord, alors sois vraiment rigide au début, en disant que oui. Il doit être ici à cette date et dès qu'ils sont en retard, ajouter ça à l'heure et juste pousser ça parce que ça va paraître long si ça à l'année prochaine parce que ça va ajouter, genre, un autre couple de semaines au milieu de Noël. Nous aurions dû remettre ce genre de mi-décembre. Et avant que vous le sachiez, c' est février et ils ont eu dans la tête mi-décembre. Donc, soyez très soucieuse des délais et des échéances. Maintenant, encore une fois, c'est mon processus. Vous travaillez peut-être dans une agence et que 4000$ ne couvriraient pas le loyer. Donc, vous pourriez commencer dans le 5000 et se terminer dans la marque de 50 000$, selon la taille des projecteurs. Vous commencez peut-être tout juste, et vous pourriez prendre du travail beaucoup moins cher que ce Royaume-Uni. Vous pouvez faire des designs pour 1500 ou même 500 pour obtenir votre premier emploi, mais je me suis dit que je vous montrerais où j'ai rencontré en tant que designer UX freelance. Vous avez donc une idée sur les prix, les échéanciers et les mémoires. Jetons un coup d'oeil à la personnalité que j'ai faite. D' accord, donc c'est la personnalité que nous avons construite pour ce projet maintenant, et le mémoire initial peut éviter une ébauche. Ce que nous avons fait depuis, c'est quelques recherches sur l'UX pour savoir qui cette personne est la plus susceptible d'être. La bonne chose à propos de ce client particulier est qu'ils ont beaucoup d'analyses Google et ont une chaîne YouTube forte. Il est donc facile d'obtenir dans le N. C des données réelles sur qui utilise le canal, qui utilise son produit et ensuite parler au client de qui cette personne potentielle pourrait être. Ok, alors et ce qui va dans cela dépendra vraiment de votre projet. Donc on a donné un nom à ce type. Peter. C' est un faux mensonge, chaque image. Mais j'ai l'impression que ça représente la personne que nous donnons aux hommes de vieillir son titre de travail dans un endroit où il vit . Ok, qu'est-ce qui se passe en lui ? Ce que vous voulez vraiment faire, c'est pouvoir communiquer. Quoi, après avoir lu ça ? Non, la personne. Ok, donc tu dois écrire le dentifrice à usage ou les lecteurs de transport ? Potentiellement, mais potentiellement pas si c'est une Prius, ou une Ferrari. C' est une sorte d'indication potentiellement quel genre de personne il est. Ok, donc certains de voir des personnages qui viennent de nous voir comme ma nouvelle devrait détailler, comme si c'était ce que vous voulez là-bas, juste pour que vous puissiez en avoir assez ici pour partir et partir. Je comprends de quoi il vient par rapport à mon produit. Ok, donc ça pourrait être à court de l'infirmière. Probablement pas beaucoup plus court, mais je ne le rendrais pas trop long non plus. Donc, faites une lecture à travers cela. Juste pour que tu comprennes qui est Peter, ce qu'on fait. Ce projet, ce qui a fait pour vous est dans les fichiers d'exercice. Il y a, ah, modèle de persona d'appel de dossier. Et vous pouvez l'utiliser si vous voulez. Il y a un fichier illustrateur. Vous pouvez changer les images et les polices et autres choses et l'utiliser si vous le souhaitez, vous avez la permission totale de l'utiliser. Mais vous avez une lecture à travers et voyez comment Peter fait les choses. Donc, lisez et comprenez Peter et ses positions que lorsque nous construisons un X t, nous pouvons prendre des décisions en fonction de ce que Peter voudrait, pas ce que le client veut et non ce que je veux personnellement. Bon, donc c'est le bref M personas. Passons à la prochaine vidéo. 5. Wireframing à faible Wireframing dans Adobe XD: Bon, donc on va commencer le cadrage et l'ex D maintenant. Pourquoi Framing ou faible fidélité ? Gay est le terme souvent utilisé. Haute fidélité signifie simplement la vision avec les polices, les couleurs et les images. Ok, ça ressemble exactement au produit final. Le cadre métallique ou la faible fidélité a juste, euh, a un fonds, une couleur, une couleur, mise en page de base réelle. Et pour moi, le cadrage de la femme est probablement la partie la plus importante. C' est le peu. Avec moi, il y a une glace de designer. C' est de là que vient ma valeur. Ma supposition est de travailler sur le flux de l'utilisateur. Ok, comment ils passent de A à B, combien de temps ça prend, combien de pas, combien c'est facile. Ce genre de cadre large est été. La plupart de la valeur vient pour moi en tant que designer. Même si j'aime les trucs de haute fidélité, le cadrage de la femme que je trouve est très important. Maintenant, testez-vous les cadres métalliques ? J' utilise des cadres de fil pour envoyer au client a dit qu'ils peuvent vérifier pour s'assurer que tout est au bon endroit, mais je n'utilise pas pour les tests réels pour réellement dans les utilisateurs ou les personnes que vous pouvez trouver  ? Je suis assez rapide pour préparer les versions de haute fidélité, protester, et je préfère tester avec ceux qui ont le bon matériel marketing, des images, images, des fonds et tout ce genre de choses là-dedans. On se voit. L' autre chose est, en termes de cadrage métallique, je vais les faire à la main d'abord. Comme si j'utiliserais quelque chose comme ça dans mon livre très vite. Ça ne va à personne d'autre que moi. Ok, donc je vais le tenir au micro et disparaît et tu ne m'entends pas vraiment. Hum, j'espère que vous pouvez voir que peut-être vous pouvez même m'entendre, mais oui, c'est juste des grandes lignes de ces pages et pages et je passe juste en revue les idées que tout doit aller puis commencez à construire un prochain vous juste plus rapidement. De cette façon, vous pourriez préférer aller directement à l'ordinateur. C' est très bien, aussi. Oui, alors allons commencer à X T. Maintenant, regarde certains des kits U Y. . Enfin X t temps. Il ne cesse de le promettre, je te le promets. Vidéo suivante 6. Travailler avec des kits UI existants dans Adobe XD dans Adobe XD: Salut là dans le secteur. Nous allons commencer notre page ici. Je vais avoir une page. On va prendre les orteils, avoir une navigation. Nous allons le tirer de certains des modèles qui sont intégrés à partir de 60. Ouais, et que ça ressemble à ça. Très bien, allons y entrer et commencer et X'd. D' accord, donc on a enfin ouvert X, première chose qu'on va faire est de télécharger un des modèles que X'd a aidement fait pour nous. Qu' est-ce qui va tirer des parties de cela pendant que nous travaillons ? Parce que, oui, ils ont juste fait des cadres métalliques pré fabriqués qu'on peut voler des pièces à l'orteil pour accélérer le processus. Vous pouvez le faire en téléchargeant. Ici. C' est le sien. Vous des kits blancs est une option. C' est des cadres métalliques. Ou vous pouvez aller jusqu'à déposer vos kits y et cliquer sur eux ici. Et cela va juste ouvrir être des chasses et plusieurs d'entre eux gay dans. Et il peut cliquer sur les kits de téléchargement. Maintenant, je les ai déjà téléchargés pour vous et les ai mis dans les fichiers d'exercices. Donc, si vous avez téléchargé les fichiers d'exercice seront là prêts à partir. C' est sauter dans la 60. Écoutez ici. La veille suivante, il est ouvert ce cadre métallique, a un fichier à ouvrir et les fichiers d'exercice que nous avons téléchargés. Il y en a un et ils vous appelaient des modèles blancs. Donc j'ai téléchargé ces cadres de câbles ici, et on va commencer avec le Web maintenant. Pourquoi le paramétrage avec le Web et non mobile ? C' est tout à fait à la hauteur de votre projet. Gay al Brief est assez spécifique. Les principaux objectifs seront d'utiliser le Web auquel les femmes doivent faire face. Mais si vous saviez que votre projet était basé principalement pour une utilisation Web mobile ou peut-être une application. D' accord, tu devrais commencer par Mobile, mais on va commencer par Web et l'ouvrir, accord ? La première chose est de naviguer et de zoomer. Sur le moyen le plus simple est de maintenir la commande enfoncée sur un Mac ou un contrôle sur un PC et en appuyant sur la touche plus pour zoomer et la touche moins pour zoomer agréable et facile. Quelques autres techniques de navigation maintiennent l'espace. barre K me donne ma main. J' arrive à une sorte de bouger autour de K si je zoome un peu en maintenant l'espace par clic, maintenez et faites glisser correctement avec ma souris. Et cela me permet de contourner les documents. Maintenant, deux autres petits chats de navigation utiles avant de commencer est de maintenir la commande vers le bas sur un Mac ou un contrôle sur un PC et d'appuyer sur une touche a donné ce vieux zoom avant à 100%. Et c'est là que nous devrions faire la majeure partie de notre travail. Ok, hum, être trop éloigné et trop loin zoomé en gay et prendre des décisions sur le choix et la taille de la police . Ce n'est pas si utile, parce que j'utilise est notre seul jamais assis à 100%. Donc, c'est génial d'être à cette taille une commande ou de contrôler un off. Tu es sur un PC. Dernier. Je te le promets. K est mon préféré est si je sélectionne cet élément ici et va commander trois ou contrôler trois sur un PC, il zoome, et il juste une sorte de points forts qu'une zone que je trouve que super utile. Vous le faites tout le hors-bord aussi. Donc tu veux voir ce hors-bord ? Vous pouvez cliquer sur le nom le long de la commande supérieure trois, et il le centrera dans votre vue. Bon, donc c'est la navigation de base. Ce qu'on va faire c'est créer autour du document maintenant, donc on va aller au dossier. On va aller à New. Il y a quelques valeurs par défaut ici. Ok, tu avais cette petite liste déroulante pour trouver d'autres options. Cela dépend vraiment de ce que vous voulez faire. J' aime commencer des sites Web avec ceci. C' est 9 20 sur 18. 80 haut. Vous pouvez taper une taille personnalisée ici, ou si vous travaillez évidemment avec iPhones iPADS. Vous pouvez les utiliser par défaut. Ok, donc je vais utiliser ce type, Ok, Ok, donc on va sauver celui-là, aller à la sauvegarde des fichiers, et on va mettre tous nos fichiers pour cette classe sur un bureau. Je vais faire un nouveau dossier, et celui-ci va être attrapé. Instructeur. C' est mignon. Et on va appeler cet instructeur de fichier H Q. On appellera ça un prototype chimique. C' est mon V. Ok, donc la première chose qu'on doit faire, c'est son nom, notre hors-bord. Tu vois, il suffit de cliquer deux fois sur les mots ici. On va appeler ça une page d'accueil. Maintenant, si vous êtes une personne comme moi qui n'a jamais nommé vos calques et votre photoshop ou illustrateur. Vous avez une couche comme 57 gay et n'avez aucun nom nommant vos tableaux d'art ici dans X t devenir super utile quand nous arrêtons de prototyper ça plus tard. Donc oui, j'ai l'habitude. L' autre chose. Je vais faire la quantité de Zynga, K et moi faisons ma pomme assez longtemps maintenant parce que je n'ai rien sur ma page et rien sélectionné . Je suis juste par défaut à l'hors-bord. Il n'y a pas de hors-bord pour ok que vous pourriez utiliser si vous voulez l'officiel. Mais parce que je n'ai rien d'autre sur ma page, je peux simplement mettre à jour le vers le haut vous remarquez ici cette ligne pointillée a donné ceci est juste un joli petit guide visuel ici pour vous montrer quel est le port de vue initial ou dire au-dessus du pli, Cela signifie juste que tout ce qui précède est ce que les gens vont voir en premier sur votre page Web. Tout ici va être des trucs qu'ils doivent faire défiler. Donc, c'est là que la magie doit se produire. Tu dois le faire. Vous vendez votre principal convainquant que vous appelez à l'action au-dessus de cette ligne pointillée ici, vous pouvez ajuster ce point de vue initial si vous pensez que c'est trop grand ou trop petit. D' accord, donc tout d'abord, on va voler des pièces de ce modèle. On va sauter dessus. Vous pouvez avoir une fenêtre et des ennuis entre eux ici. Donc c'est sauter entre celui-ci et celui-ci. Ok, c'est à vous de voir. J' utilise l'inclinaison de la commande sur notre mech jusqu'à ce que ceux-ci la touche nous agissions au-dessus de votre touche de tabulation. D' accord. Et sur un PC, je pense que c'est contrôlé Tab Just tacos entre eux. Donc, je fais beaucoup de saut entre cette façon. Ok, donc ce que je veux maintenant, c'est que je veux un de ces éléments de navigation, donc j'allais choisir celui qui ressemble le plus à ma maquette dessinée à la main, et c'est probablement celui-ci ici, donc je vais cliquer dessus une fois, aller à copier. Donc il copie, et je vais sauter à travers mon dessin, ok ? Et je vais chercher une pâte. Donc, euh, ce que je veux faire, c'est que je vais utiliser mon erreur noire, et la bonne chose à propos de je vais essayer d'aller au centre, mais tu regardes x profond. C' est intelligent. quelque sorte connaît le centre que vous pouvez voir qui ramasse, coller au sommet. Maintenant, quand on conçoit ça, j'ai choisi une taille. Ok, si je clique sur le bord, on cuisine sur les noms. La façon la plus simple. D' accord. Ça me donne mes documents, séances, mes séances hors-bord, et on a choisi 1920 à travers. Ok, je ne veux jamais concevoir un site aussi grand, surtout à partir de mes cadres métalliques. Ok, j'ai choisi cette taille parce que j'aime utiliser la même taille ici, 1400 à travers pour faire mon site Web. Mais j'aime avoir ces blessures supplémentaires ici juste pour que je n'essaie pas de concevoir dans une minuscule boîte. C' est ici juste une sorte de zone tampon afin que je puisse voir à quoi cela ressemble sur un écran potentiellement plus grand. Donc ce que j'aime aussi faire est de prolonger mon jamais longtemps parce que ça va être de l'autre côté. Et donc ce que je vais faire, c'est bien. Untoiled ce clic droit nouveau sceller un raccourci ici. Nous allons passer par plus de Marshall obtient au fur et à mesure que nous allons le long. Mais sur le groupe, ce raccourci est le même que beaucoup d'autres produits Adobe. Ok, donc j'ai ça, je vais le copier et le coller. Pourquoi ? Parce que je veux utiliser ça. Juste un tsar va zoomer que j'utilise. C' est une sorte de guide ici pour me montrer où je devrais concevoir à l'intérieur. D' accord. Et ce que je vais faire avec ça, je vais prendre le plein et je vais juste baisser la capacité de ce plein vers le bas. Juste pour que ce soit juste un indice de za en arrière-plan, OK ? Pour m'envoyer avec mes limites. Ce que je vais faire avec ça ne va pas le verrouiller, donc je ne peux pas le bouger. D' accord ? Avec cette option, vous pouvez soit cliquer avec le bouton droit et Luckett. D' accord ? Il y a deux façons d'obtenir le blocage des orteils. Ok, c'est là. Là-bas. J' utilise la commande de raccourcis l sur un Mac ou contrôle Eleanor PC. Et vous obtenez juste cette icône de verrouillage que vous obtenez déverrouiller facilement en cliquant dessus. Ok, donc ça me donne ma largeur et ça veut dire que je ne peux pas la bouger maintenant. Ok, le conflit, mais je ne peux pas le bouger. Une des choses que je veux faire est qu'il est en fait au-dessus de tout ici dans mes couches. OK, donc quand j'essaie de cliquer sur ma navigation, C'est dans le chemin. Donc je vais cliquer, le tenir et le traîner pour qu'il soit en bas. Vous pouvez le voir dans votre panneau Calques. Il est verrouillé si vous ne voyez pas les couches prises sur cette petite icône ici. Donc je vais cuisiner là-dessus et je vais tenir un petit raccourci. Maintenez enfoncée la touche encombrante d'un PC ou la touche d'option d'un Mac et faites glisser un côté. Tu verras que ça se passe dans les deux sens. Peu importe la façon dont vous le faites sortir. Mais c'est un peu ce que je veux commencer. Ok, j'ai une sorte de guide ici pour savoir où le syndrome, un Web cidres et ma navigation vont tout le long du sommet parce que c'est comme ça que je prévois de avoir sur mon résultat final. Et il semble juste un peu sympa et mon cadre de femme d'accord, donc une dernière chose avant de partir est que par ici dans mon cadre de femme que le modèle que vous avez peut-être remarqué et déjà réparé que vous pourriez avoir des polices manquantes. OK, cliquez sur le bouton et vous pouvez couler les polices en utilisant des kits de type agréable et facile. Ne l'ignorez pas, K. Et si vous ne pouvez pas le réparer, ne le stress pas. Et cela fonctionnera très bien avec ce tutoriel. Si vous ne trouvez pas les polices, pas de gros drame. Mais si vous pouvez les réparer et vous quand passerez à la prochaine vidéo ? 7. Travailler avec des caractères dans vos fichiers XD: Salut là. Dans cette vidéo, on va regarder un genre de lendemain, on va mettre à jour certains Neve ici. Nous allons parler des polices que nous pouvons utiliser et que nous ne pouvons pas utiliser. le faire. Donc, ma doublure et la distribution et nous allons mettre à jour le logo ici en haut à gauche Excitant. Pas vraiment gay, mais des trucs essentiels. Donc, il est entrer n faire. Ok, donc travailler avec le type suivant est assez facile. Nous couvrirons des fonds Web plus spécifiques et d'autres choses plus tard quand nous entrerons dans notre genre de version finale haute fidélité. Mais les bases pour le moment est que je veux remplacer le 60 sans logo d'entreprise. Ok, donc je vais me trancher dessus et supprimer la ferraille de mon type, aussi. Maintenant, vous pourriez être enclins à commencer à utiliser le logo de la marque pour l'entreprise. Ce n'est pas pratique et cadres métalliques. Tu dois garder ça très simple. Pourquoi encadrer et laisser libre cours à votre créativité dans le genre de versions haute fidélité ou les versions finales ? Je n'ai pas, moi-même que je me lève trop, comme mettre un logo, et vous pensez que je vais juste utiliser la couleur de la marque pour la navigation. Ensuite, vous commencez à choisir des fonds. Et puis avant de le savoir, vous concevez entièrement un cadre métallique, et ce devrait être un processus rapide et facile. Donc je vais juste mettre dans l'instructeur H Q a dit le nom de la compagnie et je ne vais pas m'inquiéter pour rien sauf cette couleur ko ici, Phil, juste qu'il pourrait être vu. Donc les bases sont par ici. Vous avez une taille de police. Vous avez votre fonds, évidemment, et les différentes tailles ou les poids. Andi, tu n'as qu'un type de base. Casey, tu as les espaces entre les lettres. Cas. Je pourrais l'ouvrir. Peut-être 200. D' accord. Et j'ai un peu plus d'espacement entre les personnages. Je ne veux pas faire cela à ce processus, et c'est le leader de l'espace entre les lignes. Maintenant, l'une des astuces pratiques lorsque vous travaillez avec des polices est cette chose. Il n'est pas comme une liste déroulante. Tu le dactylographies. Donc c'est plus facile parfois. Juste un clic. Tenez fin à ce petit point ici, attrapez leur erreur noire, donc il y a un petit point blanc qu'il fait quelques choses. Si je le traîne vers le bas, il fait le téléphone glisse de haut en bas, ce qui est cool. Et vous remarquez aussi si vous juste en dessous un peu, mais vous pouvez commencer à le faire tourner. Ok, Donc mon conseil Ils n'ont pas fait pivoter tout texte dans un site Web ou la conception d'APP. C' est juste assez difficile, techniquement, de faire tourner le type. C' est une chose facile à faire. Mais si vous avez déjà des doutes avec des sites Web avant, en fait, le type de notation est impossible. Nous devons donc en faire une image. Et c'est un grand drame, donc essayer de le faire. Donc l'autre chose est, quand vous choisissez des tailles, accord, vous voulez être à 100%, vous pouvez voir que je suis ça 75%. Alors je suis debout, prendre des décisions sur la colère. C' est assez grand. Mais quand tu n'es pas gay à 100%, tu peux prendre de mauvaises décisions. Donc si j'y vais, rappelez-vous la commande un sur Amec contrôle un sur un PC. Ok, alors vous pouvez avoir un sens d'accord, sont les tailles réelles qui utilisent qu'ils vont voir. Donc j'ai l'impression qu'ils sont assez petits, et c'est assez grand, donc je vais réduire un peu ça. Qu' est-ce que c'est ? Ce 20. Donc je peux soit traîner ici, évidemment. Tape-le là-bas. Je vais m'en tenir à notre taille de police vraiment cohérente. Ok, 16 est un basique vraiment standard, sauf le plus grand front que vous voulez utiliser. Donc je vais cliquer sur ces gars aussi. En fait, je vais en ajuster quelques-uns, donc je ne veux pas en avoir trois que je veux. D' accord. Je vais couper les trois. En fait, non, on n'en fait qu'un, puis on duplique. Donc ça va utiliser mon noir, nous les quittons, et je vais cliquer sur ce 1er sons qui sera l'exemple. D' accord ? Et je vais faire la taille de la police jusqu'à 16 pour correspondre à l'autre chose. Et j'en veux deux maintenant. Donc petit truc est que vous pouvez découper et aller à éditer, copier et coller gay ou de contrôle D sur un PC ou commande Deana Mecca. Ça vous donne deux d'entre eux. Je trouve que le moyen le plus simple, simple, c'est avec ta flèche noire. Avec sa sélection maintenez enfoncée la touche d'option sur votre cou de l'ancienne touche sur le PC et faites-la glisser sur. Vous remarquerez que tout comme vous le faites glisser en maintenant la touche enfoncée, vous obtenez un journal de tarification en double. Membre de tirer ces de mon genre de caractéristiques. Ce sont les principales choses qui doivent entrer. OK, et dans ce cas, le dernier est l'inscription. Ok, donc ce que je veux faire, c'est que je veux probablement ce gars au bord, peut-être juste à l'intérieur un peu. Et je vais tenir le quart de travail et les sélectionner tous si bien. Mes noirs maintiennent Shift in, juste en cliquant sur eux chacun. D' accord ? Et en fait, je pourrais traîner celui-ci un peu plus loin. Vous pouvez les faire glisser et vous regardez. Pouvez-vous voir les espaces entre eux ? Commencez la doublure. Je vois ce point rose là pour que tu puisses faire ça, alors ils sont tous égaux. Ok, c'est à toi de décider. Ou si vous les sélectionnez tous en maintenant le décalage et utilise l'option ici qui dit, Voir cette quatrième option et il a son distribuer horizontalement juste une sorte de spritz tous . L' autre chose que tu dois faire, c'est comme si je me battais avec toi-même pour ne pas passer et choisir une police plus agréable. Juste un plus beau. Gay et peut-être en utilisant des dessus et des bas et veulent juste garder ça hors des moments. Vous voulez être ce cadre métallique vraiment maladroit et fonctionnel ? Pas de style comme je vais les aligner bien, E. Ok, E. Ok, donc il n'y a que tant de choses que vous pouvez ignorer. Bon, donc ça va être nous sur la prochaine vidéo. 8. Comment créer des boîtes à des formulaires dans Adobe XD: on Dans cette vidéo, va faire des boîtes de saisie, des boîtes de poulets et un bouton. Nous examinerons également la création d'un style de personnage Alphas. Alors allons-y et commençons à créer maintenant. Ok, donc la première chose que je veux faire est que je vais prendre l'outil rectangle et juste diviser un peu d'espace. Il va y avoir ma boîte d'embarquement, accord ? C' est au-dessus du pli. C' est mon plus important. C' est demander aux gens de devenir membre, au moins de tester leur cours. Ok, donc ce que j'aimerais faire, c'est que je ne suis pas content que les blancs remplissent la frontière ici. Je vais changer un peu pour être sombre. Tu sais, j'ai dit de ne pas dépenser trop de polices et de couleurs. Je ne peux pas m'empêcher parfois, mais je viens de choisir un gris un peu plus foncé, et je vais réutiliser ce gris tout au long du parcours. Tu vois ce petit bouton plus ici ? De plus, et cela signifie qu'il est facilement accessible. Jamais la même chose pour ici. Je vais cliquer sur la navigation. D' accord. Je vais cliquer sur le bleu, et je vais l'ajouter aussi. C' est donc agréable et facile à réutiliser. Ce qui va aussi faire, c'est voir ce petit point ici. Il pourrait être traîné pour vos couleurs. Je vais le traîner en haut à gauche. Donc, il est entièrement blanc. Ne vous inquiétez pas de cette navigation pour le moment. Donc j'ai une couleur blanche au moins là. Et un noir plein. Je bois tout le chemin jusqu'au fond. le bouton gauche et faites glisser au-delà de ce coin. Donc j'ai au moins quelques couleurs de base pour commencer à travailler, donc je vais le reculer. Ma navigation Retour au bleu. Pourquoi est-ce que j'utilise Blue ? Il se trouve que c'était celui qui était sur le modèle. Et je suis réticent à aller choisir la couleur de la marque pour utiliser peut-être le vert de la couleur que je pourrais commencer à utiliser. Non, tu pourrais utiliser le noir et le blanc. C' est très bien. Ok, donc ça va être ma boîte d'embarquement. Ce que je vais faire, c'est juste me regarder dans ce commandement. L ou de contrôle Elena pc, En fait, un peu de type en haut ici d'abord va être où mon message d'embarquement va. Euh, d'accord. Ça va être un peu Ah, je vais faire ça juste un grand front. Ok, donc sur le message d'embarquement va ici, j'essaie de ne pas ajouter une sorte de dialogue réel ou de matériel marketing réel ici à nouveau juste pour garder les choses simples, étant donné l'idée de ce que les titres signifient être utilisés. Donc maintenant, tout dans un champ de texte ou une zone de saisie que je vais aller chercher à partir de mon modèle. Ok, donc voici mon cadre métallique. Je regardais autour de moi, et j'ai trouvé sur cela une section de formulaire, et puis je suppose que c'est juste choisir le style que vous aimez le plus. Ok, donc je vais prendre celui-là, ok ? Et je vais le copier, le remettre dans mon option, accord ? Et il me semble au lieu d'entrer, Ok, je vais mettre en nom votre cours, quelque sorte de revoir mon truc qui disait, pas de messages marketing ou non, comme le type réel. Je ne pouvais pas penser à une meilleure façon de le décrire sans réellement écrire le texte dans ce cas. Ok, donc en termes de texte, je vais garder tout grain. Il suffit de garder la consistance ennuyeuse à travers l'accélérateur. Et je vais ajouter un petit signe plus ici en cliquant sur celui qui frappe. De plus, en sélectionnant chez je pourrais le rendre un peu plus épais pour qu'il puisse être vu en gras. Ok, taille sage. Il a probablement besoin d'être aussi haut que possible. Très bien, Black Arrow position de déplacement. La prochaine chose que je veux est une case à cocher. D' accord ? Vous pouvez aimer traîner cette chose autour. Il veut vraiment s'accrocher à des trucs. D' accord. Normalement. Vraiment cool. Ce que vous pouvez faire est si vous trouvez qu'un peu dur est le lâcher prise et émet votre clavier. J' utilise mes touches fléchées sur mon clavier juste pour le déplacer. Vous pouvez aider à changer. Et tu vois, Eric, c'est un super gros morceau. Et sans elle se déplace simplement en petits morceaux côtes. Et maintenant, je veux une boîte à poussins. Ok, donc je vais remonter dans mon cadre métallique, ok ? Et il y en a un ici qui fera l'affaire. OK, vraiment ? Alors je lui ai eu une copie. Il l'a fait à travers. D' accord. Ça va être quelque part. Ils sont géniaux. Et je vais double-cliquer sur lui, et je vais vous dire que vous avez des exemples de vidéo. Je vais utiliser mon, euh oh, que je vais utiliser tout au long de la prochaine fois vouloir mettre et égal. Ok, Cools et on va mettre un bouton ici. Donc je vais trouver un joli bouton de jeu. Espérons, d' accord. Et c'est juste une question de regarder autour, il y a un bouton là pour moi sur les groupes , c'est ce que quand tu ne vas pas le copier, déplacer, coller. Et c'est pour ça que je vais utiliser de la canne. Celui-ci va dire que celui-ci est aperçu Ce que je pourrais faire un sélectionné faire parfumé. Maintenant, vous avez remarqué qu'en fait, il ne connecte pas son groupe de la boîte extérieure, mais ce n'est pas un peu connecté, donc je vais le grouper pour que je puisse le glisser au milieu ici en termes de taille de police , J' ai décidé d'opter pour un plus grand de Dieu ici. 14. Ok, donc j'en ai 16 et 14 donc je pourrais faire ça, mais plus cohérent. Donc tu savais que tu allais avoir 14 ans aussi. J' ai l'impression que c'est un peu amusant. Il y a quelque chose que nous ne nous sommes pas débarrassés d'eux. Viens maintenant. Une des choses qui m'arrive quand je conçois ici, c'est que tu peux voir, j'ai du mal à voir. Les deux bords. D' accord. Je veux rester à 100%. Ok, donc je conçois à la bonne taille, mais c'est difficile de voir les deux côtés. Tu vas avoir les orteils allumer et éteindre ça. Si vous travaillez sur comme cet écran, Voici un Mac Book pro gay. Et je suppose que c'est un 15 pouces. Donc, les écrans pas assez grands. Vous avez 13 ans de problèmes et j'espère que vous pourriez travailler sur un moniteur externe. Et c'est ce que je fais normalement quand je n'enregistre pas. D' accord ? J' ai juste un mélange. Plus grand moniteur pour le moniteur K que je branche pour travailler à partir de et oui. D' accord. Je vais au moins rendre ça parfumé là-dedans. Ça a l'air sympa. Du poisson. Eh bien, la dernière chose que j'ai oublié de faire, c'est que tu peux sauter maintenant. On ne devient pas plus excitants. Je vais à une petite option. Et ici c'est méchant de dire, choisissez votre fichier. De plus, et je vais utiliser la même police et les mêmes choses que ça. Donc ce que je veux faire, c'est que je vais vraiment plonger dans un peu de styles quand je peux trop utiliser des styles à ce niveau. Ok, donc avec cette sélection d'accord, je vais en groupe. Donc, je suis en conflit sur ce type. Je vais ouvrir ce qu'on appelle mon panneau d'actifs. Donc ici dans les actifs Ok, je peux avoir quelque chose appelé un style de personnage. C' est donc comme des stars de personnages d'autres produits, comme illustrateur ou dans le design. Si je clique dessus, c' est juste comme une taille pré-fabriquée que je peux réutiliser très facilement. Alors je clique sur lui et je clique sur lui. Maintenant, ils correspondent tous. Et si je mets à jour celui-ci de droite, en cliquant dessus et en y allant et dire plus tard, je décide. En fait, non. Je pense que 16 doit être utilisé. Vous pouvez voir tout va et est mis à jour. Tu vois que celui-là ne faisait pas partie de ce style. Mais xdd ism qui a dessiné la magie là où elle atteint en quelque sorte dans le document, trouve ceux qui sont les mêmes exécutifs et met à jour ceux aussi. Donc, c'est utile. Donc en fait, je vais retourner ça à 14. Oui. Une chose que je pourrais faire pour le faire ressembler à un lien qui peut être cliqué est due sous-jacent bizarrement vous ne pouvez pas encore faire de soulignements. Dans 60. C' est un peu prévu. Ok, donc on va couper un peu de mou. Les bots sont l'un des plus importants qui vont avoir le pied et le faux. Et souligner est venu et en quelque sorte indiquer un peu de hiérarchie entre ce étant le plus important. Et ceci, étant comme ce genre de morceau de Nick, je pourrais en fait utiliser une taille légèrement différente 14 et la justice en boîte. Ils peuvent aller en dessous afin qu'ils puissent utiliser l'exemple de vidéo ou choisir autour du fichier. Maintenant, quand on aura une sorte de version haute fidélité, je serai en mesure de montrer que beaucoup plus et plus clair de se battre avec eux. Comme, je veux vraiment passer du temps à faire de ce look une option de zone. Comme une seconde option. Mais hé, ho, on va le laisser là pour le moment. Bon, alors passons à la prochaine vidéo 9. icônes gratuits pour vos projets Adobe XD UX UX UI: Hé, dans cette vidéo, on va trouver des icônes. Vous pouvez voir la vidéo. Voici une icône de la musique. Il y a une image. Nous allons vous montrer les principaux endroits où aller et rassembler des icônes cohérentes sur ces trois endroits principaux. Et puis nous allons exposer ça très vite. Ok, juste un risque. La page et nous suivrons dans notre pied de page. Alors allons-y et faisons-le maintenant. Ok, donc je veux des icônes, non ? Et je regarde mon genre de cadre métallique ici, et j'ai une grosse boîte en dessous qui va avoir cet ordre de jouer la vidéo. Cette façon de vidéo. Et en dessous, il y a une grande infographie. J' ai besoin de quelques icônes. J' ai besoin d'une vidéo. J' ai besoin d' un bouton muet. Et j'ai besoin d'une sorte de ah, icône qui montre une image parce que je ne veux évidemment pas utiliser des images réelles spécifiques et des vidéos spécifiques. Un petit côté que vous pouvez réellement mettre des vidéos, des vidéos jouables à l'intérieur de 60 pour le moment. D' accord. Et nous le voulons. Mes inconvénients Il y a quelques endroits pour les avoir. Un des endroits faciles est fourni par Adobe. Vous cliquez sur votre logo Creative Cloud. D' accord ? Et c'est ici sur un Mac et son fond, non ? Je pense sur un PC. D' accord ? Et vous voulez aller aux pieds et ensuite commercialiser. Cliquez ensuite sur cette petite icône de recherche, puis tapez l'icône. Tu les cherches au lieu de faire l'image du salon vidéo parce que je n'ai pas trouvé de bonne vidéo ici. Ok, mais vous pourriez trouver une bonne version d'image. Ok, donc c'est un raisonnable, cohérent. Comme ce que je m'attendais en tant qu'espace réservé pour une image, vous pouvez cliquer dessus. Vérifiez que celui-ci est un graphisme vectoriel évolutif victor SPG. Si vous n'êtes pas habitué aux P.G ., ils sont incroyables. Et une nouvelle, ils sont comme des athées, c'est d'autrefois, ils sont interchangeables. Mais la victime, qui est beau cliquez télécharger et où mon nouveau télécharger à. Je vais en faire une nouvelle bibliothèque pour ce projet. Je vais appeler ça un instructeur. Enseigne-toi. Euh h Q. Ok. Le nom de la société espère est téléchargé dans leur ok, Vous pouvez voir qu'il s'enfonce ici prendra un peu malade si je saute dans X d. Maintenant, si je vais fichier sur mes bibliothèques CC. C' est là que je l'ai gardé. Vous pouvez voir avoir un élément non pris en charge. OK, donc c'est un peu un problème. Je suppose que 60 est un nouveau gay et qu'il ne supporte pas encore celui des Fidji. Ok, si vous avez téléchargé un cochon J ou PNG, ça marchera. Mais non. S P G en ce moment. Il y a un genre de travail facile, et je suis sûr que travailler dur pour mettre à jour cela à sa fermeture que, je trouve qu'il est facile juste d'aller dans quelque chose comme Illustrator. Ok, ouvrez vos bibliothèques CC d'ici. Trouvez la bibliothèque sur laquelle nous travaillons. Instructeur H Q. Il y a un double. Cliquez sur lui, puis sélectionnez-le copie et je viens d'éditer copie et un ex profond. Un pas, pas de grand drame. Une chose que je veux faire est de changer la couleur et vous pouvez voir parce qu'il est groupé A ne peut pas voir les couleurs de sorte que vous pouvez le détoiler. Ok, je viens d'utiliser un raccourci commande shift G sur Amec et son décalage de contrôle G sur un PC ou ici sous un groupe, donc j'ai un sélectionné Je vais choisir les couleurs, dit que l'une des icônes sont veulent que je vais le rétrécir vers le bas maintenant. Si vous maintenez Maj pendant que vous faites glisser l'un des coins, il le fera proportionnellement maintenant, sans décalage maintenu, vous pouvez voir que c'est un peu Squidgy. Ok, Une autre chose agréable si vous maintenez le quart de travail, maintenez Ault enfoncée aussi bien sur un PC ou une option sur un maximum de décalage une option ensemble pendant que vous buvez un coin et il va du centre, ça prend l'esprit plus taille proportionnelle. Il y en a un. Les icônes sont veulent n'importe quel tombeau ou régal à d'autres endroits. Donc, l'un des plus utiles est sur un site Web ici. C' est un étui Io. Ceci est géré par Google et si vous allez à des icônes de barre oblique Ok, il ya un tas d'icônes cool ici, et la chose cool à leur sujet est qu'ils sont très bien considérés et utilisés beaucoup à travers, disons, le navigateur chrome comme nous regardons maintenant, ainsi que par le biais d'un avec les téléphones android. Casey, utilise l'icône de recherche ici et je vais mettre en vidéo et tu vois que ce n'est pas celui que je veux. C' est le genre de chose qui, à mon avis, fonctionnera pour cela ou en dire une partie. C' est à vous de décider ce que vous pensez pouvoir marcher. Je vais cliquer sur celui-là. Et ce que vous pouvez faire est que vous pouvez choisir le type de couleur que vous voulez télécharger. Qué et la taille. Ok, ça n'a pas vraiment d'importance parce que ça va être un membre du format SPG. Ce truc de Victor. C' est génial. D' accord. Et vous cliquez dessus et il téléchargera un SPD pour vous. Si vous voulez une épingle J, vous pouvez obtenir d'ici. Je les ai déjà téléchargés pour nous, K. et ils sont dans vos dossiers d'exercice. Donc, ce que vous pouvez faire est que vous pouvez retourner dans 60, vous pouvez obtenir un fichier et vous pouvez aller à l'importation ok. Et dans leur téléphone, vous exercez des fichiers, trouvez des icônes, et il y en a quelques-unes ici que nous allons utiliser. Je vais utiliser celui-ci est le sien. Je vois Whip Cam Cayenne et cliquez sur Importer et j'ai obtenu une webcam à nouveau. Je pourrais avoir à diriger le groupe Il est venu juste descend comme un gentil petit groupe Gay avec son sélectionné. Maintenant, je vais choisir ce bleu. Je vais probablement l'avoir de la taille. Et maintenant je vais aller trouver le dernier à ma dernière place, K, qui est mon icône muet. Allons voir d'où on peut l'obtenir. Ok, donc c'est le dernier endroit. Il y a des millions d'endroits pour trouver des icônes que je connais sur icon finder dot com est un endroit vraiment sympa . Hé, ici, si je veux une recherche pour un bouton muet, ok ? Et vous pouvez voir qu'il y a des options payantes, mais vous pouvez aussi dire, Victor, je veux libre, et je veux qu'il n'y ait pas de lien de retour pour un usage commercial. K, je vais souvent à ceux-là et vous trouverez beaucoup d'options ici. Rien sur le site est que souvent vous pouvez trouver un agréable, des groupes cohérents à dire. Vous décidez que vous aimez ce style. Mais si je clique dessus, vous remarquerez qu'il fait partie d'un groupe plus grand qui peut être super utile. OK, mais dans ce cas, je veux quelque chose de très simple. Donc je vais utiliser qui celui-là. Oui. Continuez avec l'option SPG et je vais la télécharger. D' accord ? J' en ai déjà téléchargé un, ok ? On peut y aller, l' attraper maintenant, mais c'est le genre de trois endroits où on peut l'obtenir sur le marché des adobe. Vous pouvez l'obtenir à partir des icônes de point io slash matériel ou vous pouvez l'obtenir à partir de Icône Finder. Je découvre que vous devez utiliser ces trois endroits pour trouver tout ce dont j'ai besoin. n'y a pas encore un endroit qui ait tout ce que je veux. Apportons. Le dernier va avoir un dossier. Je vais me faire importer. Il y a une option ici appelée Volume off. Je vois le volume éteint. Ok, en fait, peu différent de celui quand j'ai regardé avant sur le groupe. Cliquez sur ce truc inefficace icône bleue va maintenant commencer à utiliser ces dans mon gros squeeze ici. Alors faisons ça. Les montants et je vous veux, mon ami de Unlocked it K et je veux cette partie aussi. Donc, j'ai gardé le changement. Cliquez sur les deux. Si je tiens tout le temps que je les ai traînés, on a ces deux grands gars ici, donc il y en a 12 et il y en a un autre ici. Ma petite marque là-haut. Super. Ah, ce top k est celui de la vidéo et celui-ci. Il est les groupies d'images pour les faire très bien, Dan. D' accord. Et ce que vous pourriez faire maintenant est en fait juste avance rapide jusqu'à la fin de la prochaine vidéo. Parce que maintenant je vais juste passer à travers, en fait rassembler ces choses, donc pas super excitant. K, c'est à toi de décider. Je vais être comme Porto jouant de l'ordre en jouant à la vidéo est venu, mais ça va être comme ça, mais ça va être muet pour commencer. C' est pour ça que je voulais cette icône. En fait, je vais le remplir avec des blancs et l'attraper à nouveau. Maintenez le décalage enfoncé. Voici mon Eric. Il doit le faire traverser. C' est une sorte de solution pour essayer de montrer que nous allons mettre dans une petite tasse en sourdine. Bon, donc c'est ce type. Mais je suis au milieu. Je suis en train de le faire envoyer super. Et maintenant celui-ci est quelque chose de similaire, mais ils sont toujours alignés, et ça va être mon infographie pour l'écosystème maintenant, parce qu'il n'y a pas vraiment de sortir pour utiliser un test. Nous n'avons pas à être explicites avec ce que tout est. J' adore les cadres métalliques, faire tomber les idées, mais pas tout le test de l'utilisateur qui devrait être fait avec, comme, une version complète, haute résolution. D' accord, il en serait de même pour les gens qui se disputent avec moi à ce sujet . Et tout va bien. Donc vous vous sur le message d'embarquement. Donc celui-là, il est genre, deux petites listes. Donc ce que je vais faire est un peu sectionné pour montrer deux morceaux. La diapositive ici, ça va être une liste étape par étape pour le marketing toi-même. Ok, celui-là va être le même. Mais celui-ci est en train de commercialiser votre ligne de cours pour les séparer au milieu. Tu peux y aller. Tu dois être au milieu. Handel avait l'habitude d'avoir ces images en maintenant enfoncé tout en faisant glisser l'option sur le Mac. Celui-ci va être pour mon tableau de bord. Ok, donc il va y avoir un exemple hors de l'entraînement d'un sport de la mort. D' accord ? Et celui-ci est un peu spécial, comme dans, je veux vraiment sauter à mon cadre de femme. Désolé. Ma femme encadre et trouve qu'il y a un appel à l'action. Il y avait un peu ici avec des graphiques et des trucs. Il est ici en appuyant sur la sélection de la table. Donc j'en ai un peu un pour commencer à attraper certaines de ces cartes de puissance et d'autres trucs. Mais j'ai toujours l'impression qu'il y a probablement trop de détails dans ceux-ci pour ce dont j'ai besoin moment, donc je vais juste garder ça un peu simple. OK, je vais garder ça de ma jeunesse. Mon exemple de gains de tableau de bord utilisateur va être l'image. D' accord. Et ici va être mon téléchargement de l'APP. Ok, donc, Ugo Slick, Maura et téléchargez. Nous venons de mettre une application iPhone. Il est demandé par le client, donc on va s'assurer que ça soit inclus. La dernière chose en bas, c'était une liste de fonctionnalités. Donc je travaille juste celui-là et aussi, celui-là là. Et ça va être ma liste de fonctionnalités. Maintenant, dans ce cas, j'avais besoin d'une prise de corps. Alors je vais prendre quelques Lauren Epsom. Il n'y avait rien intégré dans X'd juste pour l'instant, donc vous pourriez soit utiliser le design, soit faire ce que des tas de gens font et aller à Lipson dot com. Tu peux l'épeler ? Écoutez dot com La bonne chose à propos de ce site, c'est moche. Mais vous pourriez dire combien de mots vous voulez. Je veux en fait, juste un paragraphe. Le génère au très grand paragraphe. Gay. Certains allaient prendre ça en premier. Les symptômes que je vais utiliser. C' est juste le texte de l'espace réservé est très commun d'utiliser mixé jusqu'à laisser le faire peut vous voir. Je vais utiliser mon antenne. vais m'assurer que je suis à 100%. D' accord ? Et en fait, ce truc ici 14 est trop petit. Donc, il n'y a pas de points de balle dans le moment prolongé. Vous pouvez donc copier et coller un à partir d'un autre programme ou maintenir l'option huit enfoncée. Donc, maintenez l'option enfoncée sur un Mac ou sur un PC, et cliquez simplement sur le huit. Le nombre d'une clé vous donne ce type de valeur par défaut. Utilise ça encore et encore. En fait, ce que je pourrais faire, c'est le copier. Il suffit de mettre un tas d'entre eux et de l'espacer avec un espacement de ligne par ici. Alors combien ? Assurez-vous de revenir à la commande un dans la ligne d'entrée. L' espacement va être aussi, car ça va être tout pour les instants. Donc juste espace réservé pour cela en ce moment. Donc, deux colonnes vont peut-être bien. Super. Donc c'est la plus grande partie de ça. Une des dernières choses que je veux faire est de prendre un pied d'espace réservé d'ici. D' accord ? Au sommet, c'était les éléments, et je vais prendre lequel et pas super inquiet au moment où j'ai attrapé ce gars ici, il suffit de le copier, le coller et de le mettre dans le groupe. C' est accroché comme on l'a fait pour le meilleur gars ou l'option sur le Mac Kay. Et ce que je pourrais faire, c'est mettre ça dedans. Maintenant, je vais attraper mon orteil hors-bord. En fait, je n'utilise jamais cette photo. En fait, ne prenez pas le bord ici. Et toi, tu es capable de le redimensionner. Super. Je vais devoir changer ça, parce que si tu laisses ça 60 autres choses, ah, ah, client revient juste et dit, Hey, Hey, ce n'est pas notre adresse. Et tu as des ennuis comme ça. Lui. Donc je vais juste mettre un ah, mettre dans un échantillon de route. Une piscine en Californie va bien. Notre numéro va être Il y a là, et il va y avoir des échantillons et des rappels de mise en instructeur, je garde. D' accord. Autre chose ? Je veux changer rapidement l'adresse e-mail. C' est très bien. Abonnez-vous à notre newsletter. On dirait que quelque chose va faire. Juste un cadre métallique sur ça va correspondre à ce truc en haut. Donc, nous avons l'exemple, et nous avons la tarification Inscrivez-vous. Je pense qu'il y a aussi un Logan. Perspectives en kill comme là. Qu' est-ce que vous copiez ? Droits directement à H. Q. C'est 2018 moins bien, c'est de se rapprocher de notre page d'accueil. On a donc pris un peu pour faire passer ce genre de morceau. Mais vous verrez comment, après un peu de temps, vous êtes des éléments qui traînent autour que vous pouvez réutiliser une fois que vous avez votre propre style pour un cadre métallique de ce que je veux dire par style. Comme vous pouvez le voir que celui-ci est ici je trouve très conçu et semble joli, et c'est bon, mais je trouve que j'ai eu trop de temps à essayer de le rendre vraiment agréable. Où est ça ? Vous pourriez voir son moche, mais c'est fonctionnel, accord, et ça ne va pas utiliser les tests. Ça va au client juste pour expliquer ou si une partie pour s'assurer qu'il n'y a rien de manquant avant d'aller passer des heures à faire le design, ok ? Et passer du temps des polices et des images. Bon, donc ça va être tout pour ce tutoriel. Sautons dans le prochain est un peu bas, hein ? D' accord, allons-y. 10. ProtoTyping ajoutez une interactivité à Adobe XD: Salut là. Bienvenue dans ce tutoriel où nous allons arrêter le prototypage et mettre fin à un peu d' indirection. Vous pouvez voir ces fils traîner ici. Ce qui se passe, c'est quand j'ai joué, je peux frapper aperçu, puis le fermer et revenir en arrière. Ça va ajouter un peu de direction au citron pour qu'on arrête de bouger. Ce ne sont pas des tableaux et commencent à faire des tests pendant que nous travaillons. Bon, commençons. OK, pour commencer le prototypage et la connexion de notre cadre métallique pour obtenir une certaine direction. Nous avons besoin de plus d'une page. On a une page d'accueil hors-bord. Vous êtes deux façons d'en faire un nouveau. Vous pouvez cliquer dessus et nous allons piéger ça. Nous avons utilisé jusqu'à présent sur ce parcours. Nous maintenons enfoncée la touche d'option sur Emiko Ochiai sur un PC, puis cliquez sur le mot page d'accueil. Peux-tu nous faire traîner une nouvelle ? Mais je ne veux pas tous ces éléments, donc ce n'est pas ce que je vais faire. Tu vas aller à l'annulation, tu peux aller dans ton panneau de calques et juste cliquer sur ce gars, non ? Cliquez dessus et dites en double, et vous en aurez deux. Ok, je veux une nouvelle page pour faire ça. Tu peux attraper l'outil hors-bord, d'accord ? Et il suffit de cliquer une fois par ici, et vous pouvez aller et le redimensionner si vous voulez. Ok, si vous avez besoin d'un autre type de document, Ok, vous pouvez voir ici, il y a ceux Apple que Google Microsoft Web pour que vous puissiez cliquer sur n'importe quel qu'ils disent que j'ai besoin d'un couteau. Je téléphone. Ok, ça va Adam Toe. C' est facile de lire les pages avant de les connecter. Nous avons juste besoin d'ajouter quelque chose à cette page qui se connecte à. Donc on va renommer le hors-bord. Et celui-ci va être notre cas de page d'option de prévisualisation. Quand les gens cliquent sur cette petite icône ici, pouvez-vous zoomer ? Quand ils cliquent dessus, ils décident du type d'aperçu où ils voient le côté étudiant ou enseignant . D' abord, je vais emprunter quelques morceaux. Je vais t'attraper. Non, attrape-toi aussi. Et c'est tout ce que je veux. Ah, mais une revue de texte. Copier. Ensuite, cliquez sur cette page, collez-le. Ils viennent pour la droite. Ok, donc c'est le genre de choses que je veux. Je vais redimensionner ça pour être quelque chose comme ça au milieu. Je vais utiliser ces deux équipes pour les attraper tous les deux, OK ? Et en regardant mon genre de cadre métallique, ma main en a dessiné un. J' en ai deux. Je veux que celui-là dise : Montre-moi. En fait, je voulais tous les deux dire Montre-moi faire face et c'est ce texte ici. J' utiliserai ce genre de 16 points pour le texte un peu plus grand, ok ? Et là, je veux dire ce que vos élèves voient et que le gars y va, accord, aligne-les pour que quand je le dupliquerai et que je me mettrai à la montre, vous voyez comme l'instructeur que je vais être intéressé de voir, comme, j'utilise juste ce langage pour commencer, OK ? Et ce sera toi que les tests qui me permettent de travailler avec font vraiment des péchés. J' ai l'impression qu'il pourrait le savoir. Je suis presque sûr que les dégustations des utilisateurs vont revenir et partir. Nous sommes confus ici, mais Qué lui-même pour commencer. L' autre chose que je veux, c'est traverser. Je pourrais utiliser le X sur mon clavier, mais l'Allemagne n'a pas l'air si agréable. Donc je vais passer par ici et trouver à travers. Il y en a un là-bas. C' est un petit document pratique, ce gars, n'est-ce pas ? Alors cliquez sur lui sur Groupe dans. Je te veux, s'il te plaît. Et je vais le coller ici. Il va aller ici, faire à St Louis. Bon, donc maintenant on va piéger ce truc est un prototype. J' ai deux pages et je veux être un peu de prototype et le connecter. Pourquoi on le fait maintenant ? On n'a pas fini notre cadre métallique. Je trouve que c'est vraiment une façon de le faire. Comme ce que je dois faire pendant que je me développe. C' est que j'ai besoin de le concevoir N b en le testant sur le web et le téléphone comme je travaille plutôt que d'attendre à la fin. Ok, donc c'est un peu Ah, tu travailles entre la conception et le prototypage un peu. Nous sommes donc en mode conception et vous pouvez voir quelles sont nos options de conception si vous avez un prototype. C' est le lointain. Nous ajoutons une sorte d'interactivité. Ce que j'aimerais faire, c'est avant tout, c'est ma page d'accueil. Donc, je dis clairement que c'est une sorte de base à la maison. Ce sera quelles que soient les statistiques précédentes chez K, certaines en prototype, et vous remarquerez que beaucoup des options changent. Ils manquaient un petit panneau de propriétés ici, mais ce que nous pouvons faire est ce que je veux faire, c'est quand on clique sur ce bouton d'aperçu, pas sur le texte. Ok, ce texte est seul ou la boîte. Je vais en fait les glisser tous les deux qui savaiko golf en arrière-plan, puis cliquez sur le décalage. Ecoutez, ces deux Aiken les regroupent. D' accord ? Donc j'utilise le raccourci. Mais le long chemin est là, d'accord ? Et avec les deux sélectionnés, il y a cette petite option qui sort. C' est ainsi que nous connectons les ports. Je vais zoomer un peu et cliquer, tenir et faire glisser. Cela signifie que lorsque ces boutons se collent, il va aller à cette page ici. Maintenant, vous obtenez quelques options sont venues par défaut va se dissoudre. L' affaire va être comme un fondu qui traverse. Et il y a un peu de facilité qui peut juste rendre ça agréable. Une canne en tubes du mouvement. Et j'ai dit combien de temps ça prend un truc cool, c'est celui qui a fait ces annexes D. Ils sont tous assez gentils pour commencer, et je n'ai pas vraiment besoin de les changer. Alors testons cette chose et voyons quoi quand vous le ferez ensuite. Donc, pour le tester, nous utilisons ce petit jeu, mais pas les hits son top preview bureau parce que nous sommes en prévisualisation d'une page Web. Le meilleur de l'aperçu, en fait, sur votre ordinateur portable. Si vous conceviez une application, vous allez directement sur Mobile pour tester. D' accord ? Et nous parlerons des tests mobiles un peu plus tard lorsque nous commencerons à construire la version de l'application de ceci. Mais on va jouer maintenant, et c'est comme une petite fenêtre qui s'ouvre, et ça nous permet de faire nos tests. Bon, donc maintenant on va tester la prévisualisation et tu vois que ça a fait ce petit truc croisé, son vieux truc de foi. Tu n'aimes peut-être pas ça. Vous pouvez le changer et l'éteindre. D' accord. Et maintenant, je ne peux pas cliquer sur quoi que ce soit en cas de coincé. Donc je vais fermer l'aperçu ici. J' ai besoin de t'en faire un autre. Mais pour que cela fonctionne, et vous pouvez voir que c'est connecté. Andi, une autre façon d'arriver à la est ce truc ici, c'est son exemple. Je vais utiliser ça comme mon bouton pour passer à travers, mais un des problèmes est que c'est Texas ? Assez petit. Donc, ce serait vraiment commun ici à X'd ? Deux. Si vous avez un bouton ici, je vais faire un faux petit bouton. Donc je vais retourner au design. J' allais faire une grande place pour cette affaire de choc aux orteils. Je vais éteindre la bordure, lui donner la même couleur bleue, donc ça ressemble à l'arrière-plan. D' accord ? Et ce que je veux faire, c'est m'assurer que le texte que je vais apporter à l'avant, puisse attraper mon tango Rick, et c'est un peu difficile à voir, je suppose. Mais je les ai élus tous les deux, et je vais les regrouper, OK, veut dire que juste la zone cliquable est Mawr au lieu de la justice. Petit texte, qui peut être difficile à cliquer sur. Ok, je vais rendre ça sympa et grand, surtout. Nous passons aux versions mobiles d'une partie du temps au prototype. Zoom arrière un peu. Je veux que ce gars aille au même qui compte vraiment où vous cliquez dessus. Ça va sauter au bon point et on veut se dissoudre ? Étaient juste test et vous montrer comme certains des autres ira à glisser à droite. Vous pouvez décider ce que vous voulez utiliser. D' accord. Ce que je voulais aussi faire, c'est ce petit bouton croix que je voulais gagner. Il a cliqué pour revenir à cette page ici. Alors pourquoi nous devons faire le même tour. Alors revenons à la conception, attrape cet orteil, dessine quelque chose qui est plus facile à frapper. Éteignez la frontière. Ok, je vais bouger. Il est plus facile de le déplacer vers l'avant que l'autre vers la sortie arrière. Derrière cette boîte. Alors amène-le à l'avant, trouve mes parcs dans le petit peu. J' ai entendu dire que j'utilise mes mangeurs Eric pour taper autour, tombant malade sur les deux en maintenant le quart de travail pour cliquer sur les deux les grouper. Et maintenant j'ai un prototype. Et ce que vous pourriez trouver, c'est que le glissement est la côte que vous consommez, puis g o et faites-le glisser ici, et cela fonctionne bien. D' accord, mais parfois c'est plus facile, en fait, ou je veux annuler ça. Comme Under ne fonctionne pas. Ok, la normale typique sous Quand vous êtes en mode prototype, ce que vous pouvez faire donc vous voulez casser ça. suffit de cliquer sur, Ilsuffit de cliquer sur,de le faire glisser sur no man's land, et ça va le déconnecter. Donc je trouve souvent que quand je suis à ce point de vue, je ne veux pas avoir à zoomer pour essayer de trouver l' utilisation hors-bord. Cliquez sur ceci et dites, Vraiment voulu aller à, euh dans ce cas, page d'accueil précédente de la guerre des boiseries hors-bord, s'occuper ensemble. Mais retournez à la page d'accueil et vous verrez qu'il saute comme ça déjà. Parfait. Ok, toute façon, tu veux le faire. Et alors allons vous améliorer ça maintenant. Alors allons jouer, ok. Et cependant, maintenant, nous pouvons cliquer sur cela. travers les sorties a donné une petite diapositive à gauche, ce qui est exemple bizarre. Ouais, je n'aime pas que ça glisse. Ça marche, mais je suis confus, Kay, Kay, et il y a un moment spécial et un endroit principalement à travers les téléphones où la diapositive fonctionne, pas à travers les sites Web provoquent pas de sites Web faire cette légère chose. C' était juste bizarre et on va l'éteindre. L' autre chose est que c'est une fenêtre séparée en ce moment. Je travaille sur mon ordinateur portable du moment pour ce cours de formation, Mais ce que je fais quand je travaille normalement, c'est que j'ai un grand genre de moniteur de quatre K à partir duquel je travaille, et j'ai mon ordinateur portable sur le côté. Cas où j'aime travailler à partir de deux moniteurs. Donc ce que je fais normalement, c'est que j'ai deux mois est juste. J' ai cet ordinateur portable gay, et j'ai un grand moniteur dont j'ai travaillé principalement. Donc je vais les ouvrir tous les deux l'un à côté de l'autre, et j'aurai ce panneau sur l'un d'eux normalement dans mon haut gauche, et je travaillerai sur cette partie dans mon grand moniteur principal. Donc le truc cool à ce sujet, c' est une mise à jour en direct. Alors que vous déplacez des choses ici, qu'est-ce que vous voyez comme un bouger ? Cette mise à jour de chose. Donc j'ai ça ouvert 100% du temps, OK ? Donc je pourrais faire des ajustements, voir à quoi ça ressemble à 100% et jouer brun avec les interactions pour signaler un type. Donc je dois continuer à diriger ce bouton de lecture. Ok, en tout cas, j'ai les orteils fermer et l'ouvrir en ce moment parce que je travaille juste sur l' ordinateur portable. Ce que je voudrais faire est l'exemple ici. Je n'aime pas la légère. droite. Je vais juste aller me dissoudre. Probablement juste besoin d'un saut par dissous. Ça a l'air bien. Ok, je mets ce petit point qu'il a pris de chaque côté, et je vais aller me dissoudre aussi. Impressionnant. Eso C'est les bases du prototypage. Ok, nous allons passer par, construire plus de pages et prototypes plus au fur et à mesure que nous allons, mais c'est une introduction à ça. 11. Vues pour les apprenants vidéo de production: Hé, là. Voici notre vidéo de protection. Qu' est-ce qu'une vidéo de production ? C' est là que je dois faire des trucs pour que ce tutoriel continue. Et tu peux me suivre ou l'ignorer, parce qu'on n'apprendra rien de particulièrement nouveau. Vous voyez une partie du flux de travail que je traverse pour que cela puisse être intéressant. Ou vous pouvez simplement passer à la vidéo suivante où nous apprenons de nouvelles choses. Très bien, dans cette vidéo, ce que nous faisons c'est que nous allons créer cette page et connecter ce bouton. Donc ça saute à ce genre de bouton croix pour revenir là-dedans. n'y a rien qui se passe ici parce que le client, dans son mémoire, nous a demandé de ne pas travailler sur l'étudiant pour vous. Ils ont déjà la vue des étudiants. Ils veulent que nous prototylographions le formateur ou vous instructive. Allons dans la vidéo et arrêtons de le faire. Ou vous pouvez l'ignorer et ne sera qu'un tout petit peu offensé. Bon, descends. D' accord. Donc d'abord nous avons besoin dans la page. Je trouve qu'il est plus facile de tenir vieux et juste glisser qui est à travers. Tu as une sorte de duplicata. J' adore les boîtes roses. L' espacement automatique obtenant un renommé. Écoute, ça va être le point de vue de l'étudiant, d'accord ? Et je ne vais garder que quelques morceaux hors d'ici, donc je vais sélectionner tout ça. Tu es parti ? Ne fais pas le bouton aussi. Le texte et les vêtements. Ok, fin. Et voici un peu de tix. C' est ce que les étudiants voient. L' extrémité avant de la plate-forme. Ok, alors rappelez-vous, le client est nous pour ne pas concevoir ça. Donc on aime le laisser ici pour que les boutons puissent aller quelque part, et ce que je pourrais faire, c'est que 16 oublient. Ouais, c'est bon. Vieille taille, et je vais mettre ici ce que je pourrais faire est en fait le tennis dans un plus grand bouton, comme dans je le regrouper, et je suis en train de le regrouper sur le regroupement ne fonctionne pas. Il fonctionne totalement. Je remets la frontière dessus et essaye de la faire en cercle parfait. Ok, Est-ce que cette façon est lien orteil le est de ne pas les lier est juste assurez-vous que le même augmenté avec tout droit. Ah, c'est comme les deux et horizontalement alignés, très clair groupe de ligne les co. Donc ça va être tout ce que ça va être sur cette page, pas grand chose qui se passe. Et je vais m'assurer que c'est dans le Père Noël, OK, et maintenant, parlons. Donc on va aller au prototype. Je vais faire quelques choses, c'est que quand on clique sur ce bouton qui me montre, je vais le regrouper avec la boîte bleue et vous pouvez regrouper pendant que vous êtes en prototype ou en design , ce qui est plutôt cool. Et quand tu cliques que tu vas aller sur cette page et ce qu'on va faire, tu te dissous. On va continuer avec ça. Et quand ils cliquent sur ce bouton croisé ici, je vais leur faire revenir probablement à la page d'accueil. Toute cette option de prévisualisation, probablement veillée à la maison. Testez ceci pour nous assurer que nous allons faire ce test rapide pour voir où nous en sommes. Donc, vous cliquez sur un aperçu et vous pouvez voir ce que les étudiants voient. Et c'est ce que les agences le ferment à la base nationale. Je pense que c'est probablement la meilleure façon de le faire et c'est pourquoi j'aime avoir le prototype ouvert et travailler pendant que vous êtes en train de développer, ne pas attendre la fin. Bon, donc ça va être tout pour celle-là. C' est fermer celui-ci vers le bas pour obtenir une vue complète, commande zéro ou contrôles, vous êtes sur un pc. D' accord, sauvegardons ça. Et pourtant sur la prochaine vidéo. 12. Comment créer des symboles utilisez dans Adobe XD: Salut là. Dans cette vidéo, on va regarder les symboles dans X D. Ok, alors pourquoi sont-ils bons ? C' est parce que quand j'ai un symbole, vous pouvez voir ici, mais la navigation utilisée sur plus d'une page. Et quand je le mets à jour, ils se mettent à jour et changent, ce qui est super utile pour les choses qui sont réutilisées à travers les verrous de documents comme les ID de pied et appuyez sur son Allons-y et regardez comment les créer maintenant, OK, Pour créer un symbole, nous allons vous réutiliser à la fois ce hit et le pied de page va créer une nouvelle page. Et il y a beaucoup de façons que je continue de vous montrer différentes façons de revenir à la page 2 et cliquer dessus, ce qui est mon défaut. Mais j'ai utilisé le début. Je vais le faire glisser en faisant glisser le nom en dessous et lui donner un nom. J' appelle celui-ci l'instructeur. Euh, c'est ce qui va bien. Et je veux l'étendre un peu. Alors rappelez-vous que l'avantage d'utiliser un symbole est que je peux les relier tous ensemble. Et quand je fais des mises à jour à la navigation dire, sur cette page d'accueil ici, il va mettre à jour pour les instances ALS de ce gâteau. Alors je vais lui zoomer. Ce que je veux, c'est que je veux tout ça. Je commençais ici dans la zone grise avec mon ère noire. Je clique, je tiens et je fais glisser. Je viens de dire, bien sûr, c'est, genre, un petit bout de tête. D' accord ? Et ce que je veux faire, c'est que vous pouvez voir que j'ai sélectionné beaucoup, mais j'ai aussi choisi ce j' truc bleu que j'utilise pour me donner mon esprit. Donc je vais tenir le changement de vitesse, cliquez sur lui pour me débarrasser d'eux. Donc j'ai tout sur le dessus. Comment savoir que je l'ai traîné à Chick. Ils sont tous venus pour la droite. Donc ce que je vais faire, c'est que tu pourrais être sur ton panneau de couches. D' accord. Tu veux aller à ce sommet ? D' accord. Le panneau SS ici, Quelque chose appelé symboles. Cliquez sur Plus. Et c'est tout. C' est maintenant un symbole que je peux réutiliser. Ok, alors laisse-moi cliquer. Tenez et faites-le glisser, d'accord ? Et c'est utile, je suppose. Tu sais, j'ai une belle petite chose comme ça à réutiliser, mais je pourrais entre eux mettre un pari, je suppose. Et ce qui est vraiment utile maintenant, c'est que si j'ai Clan revient et dit, En fait, tu t'es connecté comme toi. Certaines personnes utilisent la journalisation est un mot. Ça devrait être deux mots. Ok, c'est à toi de décider. Mais disons que nous avons été convaincus que ce devrait être de l'espace journal dans, euh, donc nous avons fait cela est venu, mais par défaut, il devient en fait un symbole unique. Donc celui-ci, votre homologue n'a pas encore changé. Donc ce que nous devons faire est juste. Cliquez sur ce type et dites mise à jour, symboles Will. Ok, il met à jour le symbole dans la bibliothèque suspendu après le zoom arrière. Celle-ci ici. Allez. Trois. Pour zoomer un peu plus et vous pouvez voir qu'il est à la recherche. Ok, donc il y a l'avantage pour les symboles. Vous arrivez à les lier à cette chose pour qu'ils soient facilement traînés et réutilisables. Mais ce qui est vraiment superbe, utile que vous l'adaptez un et les mettre à jour aussi évidemment bon pour la navigation, gay. Tout apparaît sur toutes les pages. Donc je vais faire la même chose ici. Super, mon ami dans un clic de décalage ce gars ont seulement obtenu le sélectionné. Vérifie juste que j'ai tout, et je vais avoir le symbole. Tu ne peux pas encore les nommer. Gain Les icônes sont un peu petites pour celui-ci. C' est OK. Et c'est la bonne page ? Il traîne dessus. Viens ici. Et voilà. Ok, donc si je mets à jour un maintenant, ils sont tous les deux mis à jour. Très bien, venez. Ce que je veux faire pour finir, c'est que je veux mettre cette grande bande bleue en arrière-plan, donc je connais les bords vers le haut. Donc vous copiez. Et par ici, collez la mauvaise. Ok, donc je te veux et va le déverrouiller. Copiez-le, verrouillez-le à nouveau et venez ici dans la réserve. Qu' avez-vous rythmé ? La chose cool à ce sujet va parfaitement où il devrait. , Le seul problème,c'est que c'est probablement au-dessus de tout le reste. Ok, donc j'allais faire un clic droit et dire, envoyer à l'arrière, et ensuite je peux manger la commande use. L ou Contrôle. L Je peux faire un clic droit et aller regarder tout droit, parce que étant mes limites, ce dont j'ai besoin maintenant est un menu de gauche. Je regarde mon fil de tambour. Le piéger OK, donc je veux qu'il reste. Jamais. Et je vais sauter à ce truc ici, et je dois trouver une main gauche. Nev. Où puis-je en voir un ? Il y a une navigation par ici. Ça a l'air bien. Ce sera mon départ de toute façon. Tue. Je vais t'attraper. Génial. Copiez-le. En faisant glisser, collez-le. Et ce sera mon départ pour celui-là. Et vieux non soigné provoque quelques choses que je dois faire. Je dois te mettre au fond. On aura les orteils bien rangés dans un peu et je n'ai pas besoin du chemin 60 là-bas. Donnez-moi un clic assez dur. D' accord ? Je veux le mot tableau de bord, donc je vais probablement vous faire. Tu le fais. Tu le fais. Tu filmes sur le dessus. Je vais le faire avec tableau de bord, mais je vais utiliser mon 14. C' est 75 % de mauvaise habitude. Ça doit avoir 100 ans. Donc, vous pouvez faire votre taille de police est qu'il allait être tableau de bord et je vais rendre cela gras. Allez en dessous, en fait, en fait, faites que 16 en utilisant 12 et 16 pour différencier les hauteurs. Maintenant ce que je vais faire aussi est génial. Mon talkto en cliquant ici. J' ai un message pour ça c'est les tiques qu'on va utiliser avec mon ouais, marmonner maintenant, marmonner maintenant, parce que je suis juste en train de remplir les fronts. Et pour être honnête, s'il doit y avoir plus de génie dans cette classe, ça pourrait vouloir traîner pour, je pense au génie. OK, donc je mets juste ça dedans. Ce que je pourrais faire, c'est juste mettre les petits points à l'avant pour les faire ressembler à quelque chose tu veux dire, mais je suis là, en mettant Holt et en tête huit. Option 8 sur Mac. Désolé sur un PC, parce que cela n'a pas de puces pour commencer avec Costa tableau de bord vous pour les différentes choses que vous pouvez choisir. Génial. Et une dernière chose qui est sur ma petite main dessinée, mon ami ici, c'est que j'ai cette petite annonce de la page d'accueil. Maintenant, il n'y a pas un moyen vraiment facile de sauter d'une page à l'autre. Ok, vous pouvez utiliser votre panneau Calques, revenir ici et revenir à la page d'accueil. Ce n'est pas si génial. Je ne pense pas, et j'espère que l'une des mises à niveau nous donnera une fonctionnalité comme ça. Ici, Marshall White est revenu pour ça, mais ça a explosé. Donc on va l'utiliser, et ça va arriver à trois heures. Un peu plus de pâte. Ok, ça va aller dans ce petit coin ici. Maintenant, je pense que ça doit être plus grand, parce que je vais avoir des jours plus longs que les leurs différemment. Venez un peu télécharger l'application chose. Peut-être même plus petit. Il n'y a pas de génie à venir. , La dernière chose qu'on va faire,c'est parce qu'on va utiliser ce cours, toutes les pages des instructeurs. On va le transformer en symbole lui-même. Donc ça va faire glisser une boîte autour de tout ça, De sélectionner la couleur bleue plus claire et dire que c'est simple. D' accord, ça va être tout pour cette vidéo. Si vous avez attendu jusqu'à la fin, vous êtes génial. C' est devenu un peu douloureux à la fin. Je sais. À propos de la prochaine vidéo va être génial. Nous avons commencé à faire des grilles répétées sur ma bonté. C' est génial. Allons faire ça. Maintenant, dans la prochaine vidéo cachant 13. Utiliser la grille répétitive dans Adobe XD: Hé, là. Bienvenue dans la meilleure vidéo de tout ce cours, Cates, sur la répétition du crit. J' adore la grille de répétition. Il a un nom boiteux. Il devrait avoir un nom super excitant, mais ce n'est pas le cas. D' accord ? Et ce qu'il fait, c'est que vous dessinez quelque chose une fois, et il se répète sur faveur. Regarde ça. Ok, la même chose avec ça. Nous allons faire cette liste de cours, et ça se rétrécit et continue à ajouter de plus en plus toujours aussi bon. J' adore ça. Allons et apprenons comment le faire maintenant, dans cette vidéo. Ok, donc on va utiliser la grille de répétition sur notre tableau de bord ici. D' accord ? On va tirer une boîte pour chouette et où on va aller. Le rectangle à l'orteil rectangle et une boîte de lecteur à peu près ce genre de taille ont une sorte de, comme trois pas à travers. Et je vais ajouter un peu de texte factice dans stets, et j'utilise mon style de personnage. D' accord. Je pourrais en fait utiliser le 16 pour celui-là. cas peuvent avoir des statistiques, et il y aura un nombre dans le type moyen de nombre. Bien sûr. Pourtant, si probablement ennuyeux. Affecté pour commencer par. Mettez 40 milliers. Ça va avoir des choses comme les recettes mensuelles récurrentes. Combien de visiteurs sur le côté Combien de ventes ce mois-ci par rapport au mois dernier ? Aussi, la planque. 40 marches. Donc je vais juste mettre ça dedans, en essayant de ne pas le concevoir en essayant. Ils essaient de ne pas le faire. Ok, donc juste quelques rudiments. Donc vous et vous avez besoin d'un peu d'explication. Texte sur la chose du bas, je pense que va voler cela de la page d'accueil. C' est juste décrire ce qui se passe dans cette tuile particulière. Tous droits. Ensuite, nous avons g o rythmé. Oui. Ça a l'air magnifique. Ça va aller au milieu. Il ira au milieu. Faisons ça. Il est même de les sélectionner tous supporter correctement, alors. Ok, donc on a sorti la tuile. En fait, le besoin d'être comme un petit étui à bouton Seymour. Nous obtenons un peu plus, probablement dans ce coin supérieur ici, donc vous pouvez cliquer. ne sais pas si je devrais être les trois petits points K ou le sandwich jamais. Pas probablement. Marshall décidera des tests utilisateur, et donc j'ai ma tuile, donc je vais sélectionner toutes ces pièces correctement. Et c'est le bouton médical ici. Répéter le crédit devrait être Pourrais-je savoir quelque chose de plus incroyable ? Le bouton incroyable ou quelque chose comme ça ? Donc, je clique dessus et regarde ce qui se passe. La magie est juste un peu, comme le double, ce qui est cool, mais c'est lui ou d'autres comme ça. Ok, donc je ne sais pas combien d'entre elles allaient avoir, alors je vais le faire. Je vais faire ça. Mini sur dso Les choses que vous pouvez faire pour faire des ajustements, c'est que vous pouvez évidemment voir ces choses roses apparaissant entre les lignes k. Je peux les faire glisser pour les agrandir ou les contracter. Tu peux aller Négatifs. Ok, donc ils ont l'air bien comme ils l'étaient avant. Donc nous partons comme ça. Donc, la grille de répétition va et évidemment les dupliquer. La guerre devient agréable est que je pourrais saisir le type à Il peut en fait rendre ces tout à fait unique. Celui-ci pourrait être 50 k OK, donc ça pourrait être à voir avec leurs numéros. Maintenant, vous pouvez ajuster. Voyez que je pourrais ajuster les chiffres. D' accord. Je vais vraiment rendre ça centré, donc je vais attraper ça, les rendre plus centrés. D' accord, mais si je commence à les déplacer physiquement, ils sont tous connectés. C' est donc le meilleur des deux mondes. Je peux passer par et mettre en fait différents types de données parce que je suis juste une sorte de représenter les différentes choses. Et j'ai le contrôle total sur. Comme, si je voulais laisser le bouton réellement supprimer le plus, je viens de supprimer du vin, et ils suppriment tous si j'ajoute un K, si je décide que je veux vraiment ajouter un petit truc à ce gars, vous remarquerez qu'ils l'ont tous. Répétez, la grille est génial. D' accord ? Et nous allons laisser cela là, et je veux vous montrer une dernière fonctionnalité étonnante pour la répétition, c'est que vous pouvez travailler avec des images aussi. Donc ce que je vais faire, c'est que je vais construire des cours Page, qui est la page suivante de cette liste. Et en fait, ce que je vais faire, c'est que je vais accélérer ça parce que ce n'est rien de nouveau gay ou juste faire une nouvelle page et construire le premier élément. Alors passons vite à travers ça. Ok, Taylor, enlève-le, accélère, et je te verrai quand on aura fini. - D'accord  ? Donc, nous voici maintenant une sorte de page de cours. Donc, je vais tout scorifier. Je vais répéter la grille et comme on l'a fait avec le truc du formateur. Je suis toujours étonné par cela chaque fois que je l'utilise est incroyable. Donc, disons que nous avons autant de cours sur l'image que je faisais référence maintenant est probablement ma chose la plus excitante à montrer à qui que ce soit. Et je suis en fait dans nos dossiers d'exercices. Je suis en images, et j'ai trouvé toutes nos images de cours. Je les ai tous sélectionnés. D' accord. Et le moyen le plus simple est d'être en mesure de voir la trouver une fenêtre ou si vous êtes sur un PC, avoir la fenêtre ouverte et simplement glisser à partir de là dans n'importe quel hors de ces carrés bleus. Prêt pour la magie. Oh, mon Dieu. C' est de la magie. Ok, je suis super excité par ça. Allez-y, monsieur, et les reproduit tout au long du chemin. D' accord ? Oui. J' adore ça. Répéter le crit. C' est des cochons. Arme magique. D' accord ? Et ça veut dire que je peux encore avoir un peu de contrôle. Souviens-toi, je suis en conflit ici et je peux trouver ma grille ici, et je peux ouvrir et fermer. Ties disent que je veux que ce genre de, genre, baisé pour faire ça. Eh bien, peut-être juste un peu à part, d'accord ? J' ai un peu d'ajustement et de dire cette liste de contrôle ici, je dois aller et changer ceci pour le noir ou le gris K. Facile à aller et à objecter. Maintenant, tu peux faire un texto ? Oui, tu peux. D' accord. Eso dans votre exemple pour vous avez juste besoin d'un fichier texte. Ok, comme celui-ci, il a un tas de noms là-dedans, et il va s'assurer que ce n'est ni un fichier txt, ni un fichier rtf. Juste quelque chose de vraiment basique. Rien qui a de formatage comme le mot gay ou un pdf. Donc, juste un vieux document texte simple et la chaleur est clic maintien. Glissé le document lui-même sur l'un des titres et bingo. C' est cool ? Donc, j'aime à la grille de répétition, et je ne pouvais pas laisser plus tard dans le cours, en particulier ces images, parce que nous a demandé de spécial. Mais pour ce cadre métallique réel, on devient trop détaillé dans l'affaire, donc je vais devoir passer et défaire pour me débarrasser de toutes ces images et revenir à ce que c'était juste la vieille Jane. Je devrais probablement obtenir supprimer ceci avec ici et juste mettre dans le cours de l'échantillon. D' accord ? Donc c'est tout pour les grilles de pointe. Je les aime, Butts. Vous êtes probablement malade de me parler d'eux. Allons à Mawr. Off the awesomeness in 60 et une autre vidéo. 14. Mocking une application dans Adobe XD: Ok, donc dans cette vidéo, on va regarder construire la version iPhone Aly à la version de notre produit. D' accord. Et puis nous allons lier un tour pour qu'il sorte de diapositives l'un à côté de l'autre. Bon, allons construire ça. Maintenant. Nous avons travaillé avec les cadres de fil pour les cadres de fil d'identification de modèle de 60 pour le web Ok, . donc on veut entrer, ouvrir ceux pour mobile. Ok, donc dans vos fichiers d'exercice sur les modèles U. Y. et un cadre métallique est un des mobiles de la cour ouvert et même genre de chose, mais évidemment à partir d'écrans mobiles. Ok, donc pour commencer. Ok, je cherche à collecter sur le type d'embarquement. Est-ce qu'ils ont un truc sur l'embarquement ? Ils le font. C' est ce genre de chose quand vous ouvrez l'écran et il y a ce genre de, genre, prochain saut , vous savez, prochain saut, vous savez, juste pour vous donner un peu d'aperçu du produit, puis ma femme amis mon Main, Romains ici. Quel genre de traversée ? Certains à l'embarquement. Ce slogan. Et puis vous arrivez à voir le tableau de bord co. Alors je vais en choisir un. Tout ça et ce que je pourrais faire, c'est attraper celui-ci, parce que ce que je veux vraiment, je ne veux pas beaucoup de ça. Je veux t'emmener et je prendrai ce pari. D' accord ? Et quoi ? Ça ? Ça ? Oui, c'est le peu. Quelqu' un va copier ça, et je vais sauter à ma clôture annuelle. Les fils de Web n'ont pas besoin de lui pour le moment. Donc juste mon projet et la version APP. Je vais donc travailler sur la version du téléphone mobile. Je vais cliquer sur l'outil hors-bord, et je vais choisir un succès iPhone. D' accord ? Et je prends la ligne de fille quand vous zoomez assez loin pour voir que vous ne pouvez pas voir que le nom devient juste un maintenant, trois petits points que vous pouvez glisser va autour. Et où vais-je les commencer ? Je vais les commencer comme une nouvelle petite ligne le long du fond. Ici. Il y a de la place au commandement, trois chambres de K dans un endroit spécifique. Qu' est-ce que tu as ? Sélectionné ? Quelque chose coller ici et jackpot. Ce qu'il pourrait faire aussi bien qu'en fait, je vais faire quelques minutes, et ensuite je vais m'engager à un symbole. Donc, cela va être refroidi instructeur et la structure. Il est que ok et oui, Oui, oui, est tout bon. Donc je vais tous les attraper, en fait, et juste les mettre en symbole. Donc tu aimes leur symbole ? Génial. Et je vais juste mettre un texto factice au milieu ici. Ça va être excitant sur le message d'embarquement numéro un. D' accord. Et tu vas y aller. Je vais utiliser cette grande version de God Co. Et je vais faire le plus petit travail de design, et je sais que je ne devrais pas, mais j'aime ce cercle que j'ai vu dans le dernier. Alors casser la rose. Par conséquent, vous avez fini ? Tu as rendu ça super excitant, E. Je ne sais pas pourquoi j'ai fait ça. Ok, mais ça va être mon super excitant en manque un à bord. Il va y avoir en fait ça juste faire trois d'entre eux, donc je vais double-cliquer le premier double clic dessus à nouveau. Vous en quelque sorte entrer assez facile en double-cliquant tranché les trois de ces. Mettez-les dans la prairie, puis rappelez-vous, je peux cliquer dessus et dire un clic droit, mettre à jour tous les symboles. Même si je ne l'ai pas encore utilisé, je suis en train de mettre à jour celui ici dans ma bibliothèque. Super. Je veux combien d'entre elles je veux trois. Alors je vais le tenir. Nom de Will. Le premier cas va être mon application. Et voici l'embarquement numéro un. Enlevez les gens avant de s'inscrire ou de devoir se connecter parce que c'est l'Ouest. Des choses comme Hey, engagez-vous à un signe où est ce que vous voulez faire, c'est dire , hey avant de vous connecter, c'est un peu ce truc cool que vous pouvez faire cas numéro un, ça va être le numéro et juste de l'utilisateur sait quand il y a un prototypage. Ou au moins le client sait que nous allons juste changer de couleur pour savoir ce que nous faisons . Allez ! Et encore une petite ligne. Ça et tu seras le message numéro trois. Numéro trois. Super. Tu pourrais être le bleu. On est à court de couleurs quand tu es arrivé chez Keller, n' est-ce pas ? Bon, alors revenons au bleu. Ce n'est pas le cas qu'on en a trois, Andi, ça va être mon embarquement. Ce que nous pourrions faire ensuite est dû au prototypage parce que nous voulons vraiment vérifier la façon principale . Vous pouvez l'afficher sur une application. Donc, avant de le faire, nous devons travailler et rendre ces boutons un peu plus faciles à cliquer. Donc comme on l'a fait tout à l'heure, Ok, je vais me débrouiller là-dessus. Je vais double-cliquer dessus. C' est pour ça que je le connais à l'intérieur. Tu vois ce genre de bar vert à l'extérieur ? Je sais à l'intérieur de mon assemblée et je vais prendre l'outil rectangle, et je vais enlever Phil. Quoi ? Eh bien, j'ai quelque chose sélectionné. Ne fais pas ça. Fais le jeu. Puisque je pouvais voir le vert dans un coup, vous redoutez une belle grande boîte. Tu vois que je suis toujours là parce que regarde, ce qui est quand je le traîne vers ce vert par l'extérieur devient plus grand. Éteignez ça. Je vais le copier, et je vais l'envoyer à l'arrière maintenant. Droit. Cliquez sur. Envoyez une cire arrière. D' accord. J' utilise un raccourci et vous pouvez voir le raccourci là. C' est le décalage de commande sur les crochets, qui est à côté du pic. C' est tout le temps ? Parce que c'est la même chose dans le design, illustrateur et boutique photo, ce qui est agréable. Et pourtant, il y a ma grande boîte blanche. Donc ça va être facile de cliquer sur une copie. D' accord ? Et ici, je vais double-cliquer. Donc je suis la norme à l'intérieur de l'état payant vert déménagé à l'arrière. Super. Ce gars double cliquez dessus quelques moments de la chose verte comment vous étiez, déplacez-le vers le haut. Présenté à l'arrière. Peut-être que celui-ci ne touche plus petit. Être assez grand pourrait être lui et ne sont personne là-bas. Donc, je vais cuisiner en arrière-plan, Cliquez à la fois. Je l'ai sélectionné. Ok, tu as tout ce genre de groupe que j'ai fait et je me souviens, mettre à jour tous les symboles. Et j'espère que maintenant, par ici, quand je double-clique dessus et il y a cette boîte géniale. Donc les symboles sont grands parce que c'est des moyens quand nous g o et maintenant faisons le prototypage. J' ai de belles grosses boîtes à cliquer. OK, donc il y a truqué ça. On va prendre la prochaine boîte, et je dirai que quand tu seras cliqué, y aller et par défaut, ça va dissoudre gay. Et maintenant que nous sommes dans un monde plus genre, centré sur le mobile et nous allons regarder la diapositive vers la gauche. Ok, donc, ouais, on verra jamais cet aperçu de femme et ce qu'on pourrait faire Juste une histoire qu'ils sont amis, c'est qu'on va aller à cette version et on va regarder l'autre, qui est, Uh, poussez l'ascenseur. Je suis venu voir les différences entre eux. Ensuite, ensuite. Et celui-ci n'a nulle part où aller voir. Ce que je pourrais faire est en fait juste prendre une autre planche et fera celui-ci l'application. Et cela pourrait être l'écran de connexion. Nous n'étions pas en train de construire ça pour le moment. Et donc il suffit de supprimer tout sur cette page. Au revoir et lacets a un chemin à parcourir pour cultiver maintenant la boîte blanche. Tu vas aller le bon. Ce sera la même chose pour les boutons de saut. Je vais dire que tu y vas, je veux que tu y ailles. Alors, c'était sauter. On va jusqu'à la connexion qui ne s'est pas connectée. D' accord ? Et sautez, voici la même chose. Je ne peux pas le voir. C' est pour ça que c'est facile d'y aller. Logan. C' est là que le nommage est très utile. J' ai dit au début, c'est eux. Fait. Ce que je pourrais faire, c'est que je veux changer ces points pour passer à travers. Mais je ne vais pas m'embêter. Je devrais, parce que je le veux, mais parce que c'est une femme, Rain. On va juste aller vite à l'arrière Buttons. Besoin de travailler, d'accord ? Et donc je vais attraper ce type, j'ai un prototype. Et toi, mon ami, retournez vers toi, et tu retournes vers toi, ok ? Et un peu d'un plancher dans mon symbole faisant k. Cela signifie que encore ceux-ci fonctionnent. Mais il y a une erreur qui ne va nulle part ici. Donc je vais probablement l'ignorer. Ou Aiken tranché sur bon mon cuisinier design sur cette chose, qui est siège vert autour de l'extérieur ici, je peux détoiler le symbole, ce qui est pas génial. Ah, mais j'en ai besoin dans ce cas. Ok, donc au revoir. Au revoir. Je n'ai pas eu le même problème avec ces points. Si je voulais les mettre à jour peut être un peu emporté avec mes symboles. J' ai été impressionné quand je l'ai dit. Bon, donc ce qu'on veut faire maintenant, c'est des tests sur mobile. Donc nous allons passer à la prochaine vidéo parce qu'il y a une petite application cool que vous pouvez télécharger plus. Regarde ça. Maintenant, 15. Comment utiliser l'application XD sur iPhone Android: D' accord. Il est donc temps de télécharger l'application. Donc, il y a à la fois une version Android et iPhone, ce qui est génial. Eso aller télécharger cela pour votre téléphone mobile. Maintenant, il y a deux façons de réellement l'obtenir sur leur selon si vous avez un ordinateur Mac K comme un MacBook pro. Et je me suis rencontré ou si tu as un PC, Boo. D' accord. C' est bon. Des pièces. Droit. Ok, donc je vais lancer l'application prise sur X'd. Et maintenant, si vous êtes dessus, nous utilisons la version Mac First membre. Donc, peu importe si vous avez aimé ou un téléphone Apple, mais c'est à voir avec un ordinateur, et vous pouvez voir ici. Je me suis connecté avec seulement la clé USB comme, ou un câble USB. Rien de fantaisie. Et ce que nous pouvons faire, c'est que nous pouvons utiliser des appels en direct sur le live. Utilise ça. Ce que vous avez ouvert sur votre écran apparaîtra ici dans votre téléphone mobile. Maintenant, il vous montre ce qui a la maison à côté. Ok, donc si je fais du zoo où on dit qu'il y a ma page d'accueil, tu peux voir cette petite maison ici. Il y avait des sauts entre les écrans et tout ici, mais vous pouvez voir, cette petite maison ici me montre ça sur mon téléphone. Ok, donc je veux changer la petite maison pour que je puisse prévisualiser sur lui. Cliquez sur ce gars pour Kim la petite maison, et vous pouvez voir là qu'il est dans toute sa gloire. Ce qui est vraiment sympa dans la vie, c'est que regarde ça quand je commence à bouger ce truc . D' accord ? Il se met à jour automatiquement. Ok, M Donc c'est vraiment sympa d'avoir cette installation sur un joli petit écran ici. Donc, quand tu édites mon déguisement ou propre, ce n'est jamais aussi propre, juste pour le tournage, mais oui, j'ai tout mis en place dans un iPad et tout ce que tu peux voir comme tu es travailler dessus et vous pouvez faire des ajustements. L' appel est aussi parce que nous avons une sorte de cadre métallique ce truc. Ok, on devrait pouvoir cliquer sur nous et aller ensuite. D' accord ? Et il est parti pour le toboggan sur no man's land. On fait ce truc. Pour une raison quelconque, j'ai connecté ça à tout le chemin ici. J' étais plutôt bon. Bon, donc la maison va zoomer sur ce que j'ai fait ici. Alors tu y vas, mais je crois que j'ai cuisiné dans le bois. Suivant. Comment avons-nous fait tout ce chemin là-bas ? Je ne suis même pas sûr d'Eso. Ok, ça marche maintenant. Euh, suivant. Et puis à côté de l'écran vide. Maintenant, quand vous travaillez sur cette pomme, il y a quelques choses que vous pouvez faire pour, genre , naviguer. Vous pouvez cliquer et le maintenir enfoncé pendant un certain temps, et vous obtenez quelques options ici. L' un d'eux est de parcourir les hors-bord et vous pouvez voir, genre, la grande version de tout ce qui est dans mon feu X T, ce qui est un excellent moyen. Juste une sorte de saut jusqu'ici. D' autres choses que vous pouvez faire pendant que vous êtes ici est de le maintenir et de voir celui-là. C' est un point chaud. Par conséquent, vous pouvez activer cela, parce que si vous cliquez quelque part que vous voyez, c'est pour les gens que je veux dire. Comme mes parents ont besoin d'un peu d'encouragement pour pouvoir utiliser ce truc de distance. Ok, ça devrait aller, parce que c'est Nixon Skip. Mais si vous avez quelque chose d'un peu compliqué et que vous avez besoin de conseils ed, c'est probablement un signe d'une mauvaise expérience utilisateur. Des bots. Ok, parfois tu as juste besoin d'avoir ces choses qui se montrent. Je n'ai activé que quelques boutons. Non, tous. Ok, alors quoi ? Maison sur ? Super. Donc, qui est en direct vous si vous avez un mech connecté soit à un iPhone ou ce crédit vieux K sur téléphone Android avec des autocollants de patrouille pauvres sur elle pour mon fils. D' accord, grandes fissures sur l'écran. Donc, et vous pouvez le faire d'une autre façon. D' accord. Et le chemin, c'est que vous allez ici et vous aurez l'option. Je vais cliquer et tenir. Je veux revenir à mon document X'd documents. Donc, 60 documents sont des choses qui ont été enregistrées dans votre cloud créatif. Donc, ce que vous devez faire ici sur l'écran est que vous devez aller au fichier, et vous devez aller dire qu'il y a un sur votre ordinateur. D' accord ? N' a pas d'importance pour le Mac ou PC, Cela fera que cela fonctionne. D' accord. Vous devez trouver votre dossier Creative Cloud. Je sais seulement où il est. Tout mon Mac. Vous devrez vérifier avec Creative Cloud, conserver leurs dossiers sur votre PC. Je sais sur mon mech Qué est où nous savons qu'il est autour ici il est sous toute cette ordure quand vous arrivez à votre parole, votre nom est le mien. Daniel Scott Qc C' est avec le coup de pied Mac. Ça les garde bien sur, euh, PC. Tu devras jeter un petit coup d'oeil pour voir où ils sont arrivés. C' est ce que je peux faire est de cliquer là-dedans et je peux mettre sa propre photo spéciale. Ou je pourrais jeter ce truc ici. C' est donc mon test I I phone et cliquez sur enregistrer. Et ce qui va se passer, c'est, une fois que tout sera coulé, vous verrez cette petite icône en haut ici commence à couler K. Et elle finira par finir dans votre nuage créatif. La bibliothèque est venue. C' est tout ce qu'il y a avec un nuage créatif. D' accord. Et par magie, cette chose le verra. Ok, donc je vais mettre à jour et vérifier la tromperie ? Il est là-dedans. Ce n'est pas encore que je le dis au bon endroit. Je pense qu'il a déjà fait des fichiers de carte de crédit ? Eh bien, quelque chose s'ouvre. Parfois, vous pouvez donner cette chose. Vous pouviez le voir couler ici. Je ne sais pas pourquoi pas sûr de quelle taille il est, mais nous allons faire une pause et attendre qu'il coule et tout Jim signe. Maintenant, si ça ne marche pas, ce qui n'est pas le mien. Pour une raison quelconque, mon arrêt de couler fonctionne tous les deux jours. Ce n'est pas le moment. Bonne excuse. Pour vous montrer une autre façon, je me suis connecté à mon compte Adobe. Donc, c'est dot adobe dot com slash fichiers et vous pouvez simplement le faire glisser ici. D' accord ? Et vous pouvez voir qu'il télécharge Hansen Sweet ici maintenant, et j'espère maintenant sur mon téléphone. Si je vais me mettre à jour, il ira s'asseoir. Montrez tous les fichiers de mon club de crédit et voyez s'il y a des documents supplémentaires. Allez, Betsy. Hé, c'est là. Là. Ok, donc c'est une façon de le faire. Je ne dois pas être connecté à mon téléphone. Ok, donc je n'ai pas besoin d'utiliser ce câble, ok ? Et je peux l'avoir ici maintenant, et, hum, hum, fait la même chose pour les tests. D' accord. Ensuite, je peux sauter le long, et le truc cool à ce sujet est, une fois que vous avez sur les fichiers cloud de crédit, c'est génial pour les tests utilisateur. Parce que l'utilisation en direct seulement quand vous l'avez branché, est-ce pas ? Alors quoi ? Vous pouvez faire, c'est avoir cette chose, hum, sur le terrain pour montrer aux gens s'en aller, voir un client, le lancer. Ce qui montre aux gens collègues OK aux réunions, et c'est la même chose qu'avant. Je peux cliquer et le maintenir enfoncé et je peux partager est une image reconnexion capture d'écran sur les mêmes choses que j'avais avant. Très bien, donc c'est tout pour utiliser l'application. Ok, en direct. Vous travaillerez sur Android et iPhone, mais seulement s'il est branché sur un Mac. Si vous voulez l'utiliser sur un système Windows ah ou que vous ne voulez pas réellement le brancher et utiliser la vue en direct sur un Mac A les deux, vous pouvez l'utiliser deux de ces systèmes. Vous devez l'enregistrer dans vos fichiers de cloud de crédit, soit via la vision Web, soit normalement, organiser le vidage dans ce dossier ici, qui ne fonctionne pas pour le moment. Bon, tout le monde, c'est tout. Je te verrai maintenant 16. Tableau de bord de production en vidéo inscrivez l'écran: Hé, là. Bienvenue dans cette vidéo de production avant de sauter le long. D' accord ? Il y a une chose que vous devriez vérifier dans cette vidéo et tout de suite après ma petite introduction. Et il est fondamentalement ajouter ce genre de chose comme, glissant que vous devez savoir le reste, bien que nous allons construire ces pages ici pour notre application. Et, ouais, rien de super excitant. Donc, vous pouvez sauter après avoir appris à faire cette chose. Très bien, entrons et faisons-le. D' accord ? Donc, je veux passer par et construire ma page de journal. Je vais voler la plupart de ça à l'un de ces modèles est l'inscription. Apparaissent l'un d'eux et pars. Allez. Trois pour zoomer à droite. Allons nous approcher. Donc, lequel je veux utiliser celui-ci ici va voler toute la page réelle parce que c'est une taille d'iPhone. C' est ce que vont tous les modèles. Cliquez sur le mot s'inscrire dans une copie de clic, Sautez à mon vin, je vais le coller. Et en fait, je vais juste le supprimer, prendre le nom et ensuite vous au revoir. Et je l'utilise juste ici, c'est une des belles choses à propos de garder les couleurs bleues gay. Plutôt que de choisir des couleurs personnalisées, vous devez aller mettre à jour toutes les couleurs et autres choses. Et ils iraient bien, la chose que vous avez raccroché, c'est quand je prévois ça. Ok, donc, mais ce type va aller au prototype, et je vais m'assurer que c'est réglé à la maison, accord ? Ce n'est pas par cas par défaut, vous pouvez voir l'un de ces à la maison. Donc, quand vous appuyez sur l'aperçu, il va directement à celui-ci. Alors allez-y, jouez, OK ? Et j'essaie de faire des études de haut en bas, mais j'ai juste que ça ne me laissera pas. Ok, donc c'est un peu un problème. Et donc si je clique dessus, vous pouvez voir qu'il y a beaucoup de choses supplémentaires ici. Donc aussi, tous ces trucs que je vais cliquer sur le nom que je vais créer. Je vais changer l'école à la verticale. Ok, c'est le premier, mais d'accord. Et le port de vue est réglé sur sept sont désolés. 667 Qui est Execs haut de cet iPhone ici. Je peux cliquer sur lui. Il a 66 à 7 ans aussi. Et ce que je dois aussi faire est de prendre le hors-bord de faire un peu plus longtemps. Donc vous avez dit le port de vue. D' accord. Et puis vous faites cela est long que vous avez besoin. Cela pourrait aller aussi longtemps que vous le souhaitez, et vous pouvez voir que c'est le port de vue là-bas. Cette ligne pointillée. Nous l'avions automatiquement sur notre version web. Maintenant, nous l'avons sur une version mobile. Ça veut juste dire qu'en prévisualisant ça. Mais je peux faire défiler vers le bas maintenant, donc permettre le défilement vertical choisi la bonne hauteur. Et assurez-vous que votre hors-bord est assez long pour tout voir. D' accord ? Et probablement ce que vous voulez faire est juste de continuer à utiliser celui-ci pour dupliquer lorsque vous faites une autre diapositive à partir de maintenant. Parce que si vous dupliquez celui-ci à nouveau, vous revenez à devoir le faire encore et encore. Bon, maintenant tu peux sauter, donc je ne vais rien faire de particulièrement excitant. Je vais passer par et changer ça pour instruire. Euh, je peux l'épeler. Je ne peux pas, euh, ça prend que je ne veux plus au cas où tu seras bon et donc tu t'inscrives, Page. C' est un bon regard. Comme une bonne page d'inscription parfaite. Et j'ai un âge d'inscription dans une page de connexion. Je vais juste dupliquer ça. Celui-ci va être mon inscription. D' accord ? Et là, je vais juste passer à travers et changer cette option, et là, OK. Ce petit bar là est un peu habitué à nous montrer votre à Seacon bascule entre les deux et celui-ci. Je n'ai pas besoin de long dans un besoin de se connecter à son adresse e-mail et mot de passe. droite. Donc je vais sur la personne qui a fait ça est toujours fait en utilisant notre grille de répétition cool. Mais je vais faire un groupe pour que je puisse cliquer sur des parties de ça, ok. Et groupe et dis que tu ne veux pas que je te veux. Je n'ai même pas les informations personnelles si disparues. Mais j'ai besoin de cette petite boîte ici, et je l'ai dit en bas. Et en fait, ce que je vais faire c'est que je vais cliquer sur le bord et je sais qu'il doit être 77 Qu'est-ce que c'était ? Je sais sept. Désolé. Six x sept. C' est là. Là. Donc je vais donner un coup de pied à ce gars et ta taille va être 667 Parfait, ce qui te permet d'aller au fond. Allons bien. J' ai donc mon écran d'ouverture de session. Suis-je m'inscrire à l'écran. OK, donc je vais devoir les remorquer ensemble maintenant. D' accord. Donc oui, c'est vrai ce prototype. Donc, j'ai mon si vous ne sélectionnez toutes sortes de sélectionne tout sur le document et vous montre tous les fils, donc ça marche sur ce que vous n'avez pas encore fait. Donc ce que je vais faire, c'est ce bouton ici, tu vas aller à mon écran d'inscription et Ito Bush écrit. On peut avoir Ah, aller vérifier ces derniers pour se rappeler quelle poussée, soulever ou pousser, est-ce pas ? A quoi ça ressemble et ça arrive à entendre. Et puis je veux que vous puissiez cliquer sur le bouton de connexion devrait rendre cela plus grand. Je ne vais pas aller à l'écran, accord ? Et celui-là va retourner par là, Case, Case, celui-là va pousser à gauche. Je suis à peu près sûr de ce qui doit le tester. Faisons-lui un test. Donc, je commence à l'écran de connexion, cliquez sur connexion pousse de cette façon, Pousse dans l'autre sens. Ça se sent à l'envers, n'est-ce pas ? Donc, en fait, ce que je vais faire, c'est celle-là. Maintenant, il doit être poussé à gauche. Et maintenant celle-là. J' avais l'habitude d'être poussé, accord. Ça va distiver. Ils se sentent mieux. Impressionnant. Ok, donc c'est pour ça que vous testez pendant que vous marchez jusqu'au bout. Il y a du défilement en cours. Celle-là. N' a pas besoin de défilement. Ah, ouais. Ok, alors passons au dernier morceau. Et ça va être mon écran. Donc ce que je vais faire, c'est que je vais probablement attraper celui-là. Pourquoi ? Parce que c'est long Parce que je sais si mon prochain doit être long et qu'il a tout le port de vue trié, fondamentalement va tout découper de cela et vous dire au revoir. Plus n'a pas nettoyé à la conception. Maintenant, nous allons créer un tableau de bord d'enseignement dans une sorte de version, et c'est instruit. Exporter le tableau de bord indique réellement. D' accord. en ai choisi un, et je vais prendre mon manteau de port de bureau. Je ne l'utilise pas ici. Il l'a placé dans une grande et belle chose à propos de cette chose répétable. Je pourrais vous faire sortir ces gars et faire rapporter la mort de mon instructeur. Prêt à partir. Version laide. Je veux tellement de jolis. La dernière chose que je pourrais faire, c'est que je vais faire, genre, page des séances pour que tu puisses leur donner une indication de ce que l'AP va faire . Certains essayant de trouver ont frappé les lignes. Le seul en haut à gauche est l'endroit où tous les types d'universels qu'on va attraper. Vous les gars. Copier ? Je t'ai mis ici, ok ? Ils sont en dur clic. Je ne suis pas en désaccord. Ok, donc quand ça sera cliqué, va sauter à, euh, euh, excuse de l' instructeur va être des séances. Rien d'excitant. D' accord ? Et je veux que les gens puissent faire quelques choses. Faisons juste ce que vous pouvez faire dans la page des paramètres ? Pourquoi est-ce que je dessine un bouton ? Je ne devrais pas être moi-même et ensuite hanche. Vous semblez envoyer un texto, et celui-ci sera comme si vous pouviez réorganiser ces choses. Et hé, et répétez la grille. Alors, quels sont les paramètres ? Vous pouvez les réorganiser peut avoir un favori. Je pense que ça pourrait enfreindre la règle dans l'arrêt de Tim. Um, en ajoutant à ses détails. On les reçoit de ? Oui, j'ai pensé à ces affaires plus tôt. C' est ce que ma page de paramètres a besoin orteil. Je vais t'attraper en double coupant le bord. En fait, mes ports de vue, ok. Il n'a pas besoin d'être si grand. Donc ce que je vais faire, c'est que je vais cliquer sur toi, et je vais faire la hauteur sept et pas de défilement. Je vais avoir besoin d'un bouton de retour. Ce gars, tu es venu ici, l'institut de paye au bon endroit, juste de la mauvaise couleur. Et ce type là, ainsi qu'un peu de couleur d'une semaine pour le reste. Co comme rig jusqu'à. Donc, je vais dire que lorsque ce bouton est cliqué, vous allez ici. même chose avec cette fin de bouton, c'est. Poussez, poussez. droite. C' est tout. Correct. Vous allez sauter tout le chemin ici aussi. Donc quand vous vous inscrivez ou vous connectez, vous vous retrouvez sur cette page, OK ? Et quand vous cliquez sur les séances ici, vous ne pouvez jamais cliquer dessus. Vous allez à cette page et quand vous voulez revenir en arrière, vous revenez à cette page. Impressionnant. On lui a donné un test. Maintenant, testez sur mon téléphone, mais vous ne voyez pas ça. Je ne veux pas m'asseoir seule. Caméra à nouveau. Alors inscrivez-vous et génial. Bienvenue sur le tableau de bord. Il pousse dans le mauvais sens. Et puis tu vas à celle-là. OK, donc on va jouer avec ce, euh, euh, pousser à gauche, pousser. droite. Donc, si tu veux encore un goût. Donc celui-ci ici, cliquez sur celui-ci et celui-ci est faux. D' accord ? L' erreur devrait pousser dans l'autre sens. J' ai l'impression que vous pouvez laisser leur affaire. Je vais vous dire, mon ami, je vais pousser l'ascenseur, ok ? Et en disant avec toi, tu vas pousser à gauche. Ça va aller ici. Ça se sent mieux. Le tableau de bord, bien que ça apparaisse. C' est bien. Et bien que celui-ci a besoin ensemble la façon juste que mais nous avions je ne peux pas le faire. Et j'ai besoin de voir qu'il est activé pour savoir ce qui est Pousser, soulever et pousser, à droite. Je ne sais pas pourquoi. Et maintenant de retour comme ça. De cette façon pour les erreurs. Dan Wilson. Charmant. Ça va être tout pour cette vidéo de production C'est un long. Ce que nous apprenons workflow appellera le flux de travail. Et c'est tout pour la vidéo. Passons à la suivante. Nous entrons dans l'envoi pour commentaires. Ok, on va voir ça à notre client pour vérifier. D' accord. Tu vois la vidéo suivante ? 17. Partager des Wireframes pour les commentaires dans Adobe XD: Salut là. Dans cette vidéo, nous allons regarder envoyer nos cadres pour obtenir quelques commentaires. Ils allaient utiliser cette petite option ici et vous montrer comment travailler cela afin que vous puissiez l'envoyer à des collègues ou au client ou pour utiliser les tests. Alors allons-y et faisons-le maintenant dans cette vidéo. D' accord, donc la première chose à être clair est que ce ne sera pas notre utilisateur qui testera ce que nous utilisons nos cadres de fil 4 est de voir, tout d' abord, à juste un ou deux de mes collègues K car vous pourriez être n'importe qui, un copain qui, je suppose, a le vocabulaire ou la compréhension pour être en mesure de tester un cadre métallique et de vous donner une sorte de retour constructif. C' est une partie de tout ça. Et l'autre option est une fois que je suis allé voir mon collègue et que je suis revenu avec quelques amende honorable et comme, Hey, je pensais que cela arriverait ou c'est un peu bizarre, OK, juste pour travailler le bugs sur. J' ai donc considéré au client pour l'approbation du client. Ok, donc et les approbations du client diffèrent des tests de l'utilisateur, comme dans les clients qui attendent un cadre métallique. Et ce que je veux faire, c'est que je ne veux pas passer mon temps à faire la haute fidélité ou la version haute résolution de cette application, seulement pour savoir que ce n'est pas ce qu'ils voulaient. Ok, donc il est facile d'envoyer les chambres de la femme sur nos chambres de femme facile de rendre l'eso facile à mettre à jour . C' est juste une sorte d'arranger ça avec le client. Et une fois qu'ils l'approuveront, je pars et je fais des simulations de haute fidélité. Et ce sont ces simulations que j'envoie pour les tests. Ok, c'est là que j'amène les gens là-dedans. Un utilisateurs potentiels de ma persona et réelle tester l'application. Certaines personnes testent les cadres métalliques. C' est tout à fait bien. Je ne les trouve pas si précieux en donnant des tests pour les cadres métalliques. Il y a juste que je ne suis pas sûr. Bien sûr, comme si c'était juste que je ne trouve pas de valeur dans les commentaires d'eux. D' accord, de la part de mes collègues ? Oui, de la part du client, Oui, mais je pense qu'il doit regarder tout chanter et tout danser pour obtenir un bon retour d'utilisateur . Et l'autre raison est, c'est que je suis assez doué pour faire haute résolution. Je pourrais me prendre beaucoup de temps, mais pas si longtemps. Si tu sais, je veux dire , genre, je pourrais me moquer de je veux dire,genre, je pourrais me moquer detoutes les images et tout ça assez vite. je veux dire,genre, je pourrais me moquer detoutes les images et tout ça assez vite. Ce n'est pas quelque chose que je dois externaliser à quelqu'un d'autre. Donc sûr que vous armez ou éteignez. Le chercheur de l'UX a donné. Totalement. Vous pouvez obtenir beaucoup de valeur à partir des trames métalliques parce que l'étape suivante pour obtenir une sorte de versions haute résolution est un travail long. Cape up pour moi. Ce n'est pas le cas si discuter ne faisaient pas particulièrement les tests des utilisateurs. Mais certaines règles s'appliquent. Comme si j'en avais la chance, je préférerais le faire en personne sur l'affaire de test de l'épaule. Je préfère avoir un corps, me retrouver pour le déjeuner et passer par là pour voir leurs interactions. C' est tout ce genre de maniérismes qu'ils ne savent pas vraiment que faire cela est très utile pour moi. Ok, donc en personne, c'est incroyable, même avec un client. Mais je trouve que pour mon genre de petits projets sur lesquels je travaille est un freelancer. Il y a toujours que je suis normal d'envoyer ces liens. Alors regardons comment créer ces liens. Ensuite, nous recevons des commentaires de nos collègues et de notre client. Bon, donc pour partager un lien, vous cliquez sur le peu comme sur et juste ranger quelques choses. Comme le titre. C' est un bon instructeur H Q. Et ça va être la première version. Ok, Et vous pourriez Dragon image ici fait juste l'air assez gagner vos liens d'envoi aux gens de made dans vos fichiers d'exercice ici et images. J' ai fait une version empilée de ce logo HQ. Maintenant vous verrez que je l'ai fait carré Gay Originalement devant, c'est un peu rectangulaire, mais ça finit par le recadrer mal. Donc, si vous trouvez le vôtre pour obtenir une récolte vraiment dans le carré, assurez-vous juste que le hors-bord réel d'un illustrateur ou Photoshopped est en fait carré peut juste avoir votre plus long à l'intérieur de là. Cool. C' est un dossier aérien. Il semble prendre quelque chose de gentil et autre chose. Autoriser les commentaires exactement ce que je veux. Cette chose ici est très importante. Il y a peu de gris, mais c'est commencer et rappelons-nous cette icône de la maison. Si j'ai eu un prototype plus tôt quand je travaillais, tu peux les voir ici ? J' ai dit ça pour être à la maison quand ça prouve sur le mobile. C' est donc la vue initiale à laquelle les personnes à qui j'envoie ce lien ou obtiennent qui n'est pas ce que je veux parce que je veux qu'elles aillent directement à la page d'accueil. Donc vue prototype, Cliquez sur une petite icône d'accueil, Revenez ici et il devrait dire stat à la page d'accueil. Joli. Cliquez donc sur Créer un lien et Magic. Il fait finalement un lien. Ok, maintenant, les deux façons d'envoyer le lien par email, c'est ce que j'ai l'intention de faire. OK, ne fuis pas. C' est pour que je puisse copier ça. langues l'envoient à des personnes, ou vous pouvez cliquer sur une enchère Si vous savez comment travailler avec un cadre de couteau, vous voulez l'intégrer sur votre propre site pour une raison quelconque. Um, ok, tu peux faire ça. Mais si vous voulez juste une pensée normale que vous pouvez envoyer un e-mail, c'est celui à repartir. Donc vous le copiez. C' est à ça que ça ressemble quand je suis connecté. Je veux te montrer à quoi ça ressemble. Nous avons comme, disons, l'envoyer à un collègue qui n'a pas sur adobe, je d. Ok, donc ils ont ceci, vous pouvez voir si petite icône est le nom. Et ce qu'ils peuvent faire, c'est deux façons de travailler avec elle. Ils peuvent avoir des ennuis à travers ça, d'accord ? Et je pouvais juste voir tout comme ça sur, mais une belle façon de le faire est d'aller en plein écran. Ok, où ce n'est pas vraiment plein écran, juste se débarrasser de la ordure autour de l'extérieur, et ensuite ils peuvent entrer dans la direction avec plutôt que de sorte que je suis je dois revenir en arrière, en fait avait échappé pour sortir. Et ce que je vais faire, c'est que je vais retourner à la maison et commencer à regarder à partir d'ici pour que vous deviez apprendre à votre ami sur la meilleure façon d'utiliser le cadre métallique. Ok, donc je trouve étudier le début et juste cliquer sur le plein écran leur donne la meilleure expérience. Parce qu'alors il leur permet de passer par la perspicacité, en cliquant sur des trucs. Donc, si je clique dessus, je vais à cette vue suivante. Et maintenant l'une des choses est qu'il est assez horrible Si vous cuisinez ailleurs, pouvez-vous voir tout sorte de juste faits saillants obtient ce genre de boîte bleue autour d'elle. Il aide juste une sorte de gens naviguer sur un site, en particulier un cadre métallique que vous pourriez ne pas avoir truqué chaque bouton en essayant de cliquer sur quelque chose et cela ne fonctionne tout simplement pas. Ce genre de lui donne une indication visuelle sur ce qu'il faut cliquer. Retournez donc à la page d'accueil en revenant. Ok, donc nous avons un aperçu avant, mais c'est à ça que ça ressemble, s'est échappé pour sortir. Et maintenant, en termes de commentaires, accord, vous pouvez cliquer dessus et un instant ils ne sont pas signés. Ne pas ils peuvent soit cliquer sur le bouton de connexion ici ou signer et ici, ou ils peuvent commenter en tant qu'invité, ce qui est beau. Cela fait que les gens n'ont pas à subir tout le drame qui démissionne. Si c'est le cas, cependant, il y a une bonne façon qu'Adobe a fait. Et vous pouvez soit vous connecter avec votre adobe. Je vais bien, mais dites que votre collègue ne s'en souvient pas ou ne sait pas ce que c'est. Ils le consignent avec Social Loggins ici avec Facebook ou Google. D' accord. De toute façon, oui, cela leur permettra d'ajouter des commentaires ou vous pouvez le faire par deviner ce que j'aime. Très bien, donc vous obtenez des commentaires initiaux et vous devez mettre à jour ce lien. Ces deux choses que vous pouvez faire, vous pouvez ici. Donc, vous obtenez des commentaires d'eux et dites, Hey, bulle par ça ne fonctionne pas. Ou pourquoi ne pas penser à faire cela ou ne pas imaginer que cela fonctionnerait de cette façon. Ce que tu peux faire, c'est dire que tu fais un changement comme, Ok, ce bouton va maintenant être Ah, tu changes. Les ticks ici peuvent aller à la vue de conception, et je ne suis pas sûr de ce que la mise à jour, mais cela dit juste du texte. Ok, donc j'ai décidé que c'était ma mise à jour, et j'ai fait une mise à jour. Aiken fait deux choses ici. Je peux cliquer à nouveau sur pure, et il y a deux façons de mettre à jour le lien d'origine. Ok, pour que rien ne change vraiment k. Le même lien qu'ils sont e-mail fonctionnera mieux, aura ce texte mis à jour, ou vous pouvez créer un nouveau lien, ok, et lui donner un nouveau titre. OK, disons que c'est un nouveau lien, et vous êtes comme, en fait, je veux faire ce nouveau lien parce que c'est comme si vous avez fait beaucoup de changements, et que vous voulez l'appeler comme version à quelque chose de complètement différent. Ok, donc vous partagez un lien séparé. Ok, donc vous mettez à jour le lien à l'avance ou vous en partagez un. Ensuite, vous pouvez cliquer sur Gérer les liens. Si tu te perds, OK ? Et il se chargera avec votre adobe. Je le ferai ailleurs. C' est le cas. Il est de fermer ces deux-là et de gérer les liens, d'accord ? Et ça s'ouvre ici et vous pouvez voir qu'il y a mon instructeur. H Q. Voici les deux versions que j'ai faites. J' aurais probablement dû le renommer avant de créer. Et vous liez les deux versions sur lesquelles il va confondre tout le monde. Mais ce sont les deux versions que vous pouvez supprimer. L' ancien dit que tu en as fini avec celle-là. Tu ne veux plus que les gens travaillent dessus. Vous pouvez cliquer, cliquer et de très grosses lettres. Ça dit Delhi en permanence. Ok, donc je vais les laisser sur leur pour le moment. Tu veux qu'ils testent sur Mobile Kay ? Donc, vous construisez une application plutôt qu'un site Web. Retournez dans 60 étuis pour prévisualiser sur un mobile. Ce n'est pas comme 100 % fluide. Vous avez deux options. S' ils ont X'd, c'est vraiment facile à partager que le X. Et ils peuvent prévisualiser comme nous l'avons montré. Prouver sur un appareil avec encore ou ce que j'ai tendance à faire, c'est juste que je leur donne ce lien, copier et leur envoyer un e-mail et dit et collé et dire, Hey, ouvrez ce lien par votre téléphone Et la plupart des gens ont leur accès email sur leur téléphone les fabricants . Cliquez sur le lien et cliquez sur le plein écran, et cela fonctionne parfaitement. Ou ils peuvent le copier et le coller dans leur navigateur mobile. Ils peuvent également le taper. Mais cette chose est trop longue. Vous pourriez utiliser un raccourcissement de votre URL comme Betley ou Goude r G l. C'est une belle merveille les raccourci vers le bas. Il est donc facile de taper maintenant. Une autre façon de partager est de ne pas vraiment le partager. De toute façon. Prends ton ordinateur portable avec toi, d'accord ? Et puis juste le petit bouton de lecture et les faire travailler dessus. Ici. Le refroidissement à propos de là est que vous pouvez enregistrer ce qui se passe peut voir ici. En fait, ce n'est que pour un Mac. Vous pouvez cliquer sur ce petit chignon de base et va commencer à enregistrer ce que l'utilisateur fait . Pour que tu me nettoies en cliquant ici. Euh, qu'est-ce qui se passe ici ? C' est un record. Ma voix aussi. D' accord. Et quand vous avez fini, eu évasion. Et cela vous permettra d'enregistrer ce fichier. Ok, comme un député. C' est son nom avant, ok ? Et je vais le coller sur nos dossiers d'exercices, et je vais juste le mettre, en fait, juste pour monter sur mon bureau parce que je vais Bennett. Ok, donc instructeur H Q test par Dan. D' accord. Et il y a un petit coup d'oeil. Et voici mon goût ici enregistré et montre tout ce qu'ils ont fait. Cela peut être un moyen agréable et facile d'aller demander à vos amis de l'aider ou de l'envoyer au client. Pour eux de faire quelques tests. Vous enregistrez ce qu'ils font. Mais rappelez-vous que la petite option d'enregistrement n'est disponible que sur Mac. La différence de 10 PC et Mac ne sont que légère. Où c'est l'un des beaux qui font a et même le branchement directement dans l' appareil. Et si vous suivez avec un PC, vous remarquez que le système de menu est une sorte de construire un peu différent dans le haut pour correspondre plus d'un système de fenêtre. , La dernière chose que je veux te montrer,c'est à quoi ressemblait Cummings de l'autre côté. Donc c'est un vrai projet de travail, non ? J' ai donc conçu ce fil encadré et l'ai envoyé à la fois à mes collègues et à nos clients pour commentaires. Donc, je vais vous montrer un petit exemple de ce qui se passe quand ils font des commentaires. Donc, c'est la page d'accueil, et vous pouvez voir que j'ai quelques commentaires et vous pouvez voir ce genre de deux façons d'ajouter des commentaires. Cette épingles Ok, qui est bien, parce que là commentaire se connecte réellement à ce qu'ils pointent. Parce qu'il y a beaucoup de choses sur cette page d'accueil et ici ce que je peux faire, je peux y répondre et expliquer quelque chose ou poser des questions gay. Ou il peut résoudre cela et dire, en fait, c'est fait. Tu sais, je répare ce problème Waas, et ça va maintenant, ok ? Et d'autres choses que nous pouvons faire. Jetons un petit coup d'oeil à travers quelques commentaires, commentaires, pas de commentaires, plus de commentaires sur Jetons un coup d'oeil à certains des plus généraux. Donc celui-ci ici est un commentaire général pour toute la page. Ils ne l'ont pas écrit. Maintenant vous montrer ce que vous pouvez faire et ce qu'ils peuvent faire quand ils sont épinglés quand ils ajoutent un commentaire, OK, Dites que vous voulez faire un commentaire qu'ils peuvent décider sur Pourquoi avons-nous Josh Ehlers ? Oui, je suis allé un peu trop par-dessus bord avec ce cadre de femme. J' y ai ajouté un peu trop de détails. Ok, donc je l'ai dépouillé comme celui sur lequel on travaille maintenant. Et vous pouvez juste laisser qu'il ya appuyez retour et il devient un générique pour l'ensemble du document. Ou vous auriez pu en ajouter un autre là-bas. Je ne sais même pas ce que ça veut dire, mais tu peux le traîner et le laisser là. Et ce qui est cool, c'est qu'il est épinglé à ce point. Je sais donc où ça va. Coast, ça va être ça. C' est un petit système assez méchant que X'd a fait un adobe. J' aime vraiment qu'ils soient consignés par des invités. Vous ne forcez pas les gens à se connecter, et parce que sinon ils finissent par me renvoyer des commentaires dans des courriels et autres à la page 10. En bas à droite, il y a une chose verte que tu aimes et que le Dogan parle. Donc, ce commentaire est super cool. Tu le savais déjà parce que tu viens de le regarder. D' accord, je vais continuer. Passons à la prochaine vidéo où nous commençons à obtenir toute haute fidélité. 18. Ressources des cartes d'humeur pour la conception des Ui de Hi dans Adobe UX: Hé là, dans cette vidéo, nous allons regarder commencer sans High Fidelity Mock up game. Nous allons aussi regarder Resource est pour vous aider à commencer comme celui-ci ici. Il y a Windows. You Pourquoi il y a des pommes cool trouveront qu'il y a un excellent Google Material et nous allons voir où sortir sorte d'idées de planches d'humeur et nous construisons une sorte de petite planche d' humeur rapide. Où est-il ? Il est gay pour nos idées de design, et nous les avons tous réunis dans notre document X'd. D' accord, donc les ressources sont et les tableaux d'humeur, entrons dedans. Ok, donc c'est le temps de haute fidélité, ce qui veut juste dire, rappelez-vous, nous allons en faire avec des images, des couleurs et des polices que nous aimons. D' accord , la première chose est que nous allons créer un nouveau document. On ne va pas, c'est à toi de voir. Certaines personnes aiment travailler à partir et tout comme mettre à niveau le cadre métallique. J' aime souvent recommencer. Je trouve que la bague de la femme me gêne. Je l'utilise. Je me réfère à ça et j'y ai sauté tout le temps pour voir ce qu'on a des idées . Mais souvent, je suis très bien. C' est facile de recommencer. C' est ce que nous allons faire dans ce cours. Je vais commencer sans une vue standard. Je vais le sauver et lui donner un nom. Je donne mes noms bizarres parce que ça t'aide. Tu as déjà trouvé ça ? Plus tard, vous pouvez aller à une vidéo 19 et trouver le fichier sur lequel je travaille. Quoi qu'il en soit, K, ça va être mon instructeur comme on l'a fait avant. Instructeur H Q. Ça va être la page d'accueil, en fait. Juste besoin d'être grande page d'accueil. Et quelques choses qu'on va faire juste avant de commencer. Il est juste autour des planches d'humeur et la ressource est en termes de ressources est sur. On les a dit avant qu'ils ne soient dans le dossier. Il y a ces kits ici. Nous n'avons utilisé que des cadres métalliques. Hey, si vous téléchargez ces trois, si vous cuisinez sur l'un d'eux qui vous emmène réellement sur le site de Apple gay et arbres loin pour télécharger leur que vous verrez ici, il y a une option pour 60. Ok, donc vous pouvez télécharger que je les ai téléchargés pour vous. Ok, tous les deux pour Apple Windows et Google K. Et ils sont dans vos fichiers d'exercice. Et, euh, des gabarits blancs. On a utilisé des cadres métalliques, ces gars ici. Tu ouvres juste le lendemain, d' accord ? Et vous pouvez commencer à tirer de ces causes. La bonne chose à leur sujet est que dire que nous utilisons le matériel de Google et son énorme Oh, ok. Mais c'est comme si une femme faisait des affaires, mais il y a, ah, une grande fidélité. Ils sont assez bien, ils ont la SLA, les garnitures ajoutées à eux et travaillent souvent à partir de certains d'entre eux spécialement pour vous traitant avec APS. Il y a juste des rouleaux dont vous avez besoin. Vous savez, si ça va passer à Google sur, vous utilisez beaucoup de leurs icônes pré faites, des symboles et des trucs, donc vous pourriez aussi bien les utiliser dans votre maquette. Maintenant, juste pour que vous sachiez, il est probablement plus courant de se moquer du sondage AP. Même si vous sortez des deux personnes aiment voir les versions d'Apple K So Della feuille d' autocollant IOS et vous avez utilisé celui-ci pour elle. Donc, et c'est une façon de commencer. Une autre façon d'obtenir des idées et des ressources est dans votre marché à nouveau et des actifs sur le marché. Et lui si vous tapez en vous, je vous pouvez souvent obtenir beaucoup d'exemples qui sont assez gentils. D' accord. Et donc tu aimes celle-là pour commencer ? Vous pouvez le télécharger. C' est une affaire PST. Ce n'est pas le cas. Je n'ai pas encore trouvé d'options X ici. Ok, mais abandonnée, mais vous pouvez juste utiliser ceci comme un guide visuel et tirer des trucs du problème Photoshopped. Donc, Mark, c'est un endroit sympa. Eh bien, alors vous passez à, genre, genre, des tableaux d' humeur et des idées, donc cela dépendra de la façon dont vous travaillez avec votre client. Ok, alors disons ceci mon client que je travaille pour ce projet l'instructeur h Q. Ils veulent que tout comme vous partez et que ça paraisse bien. Ok, ils n'ont pas une opinion particulièrement forte à ce sujet, mais je travaille avec des clients qui auront besoin de voir un tableau d'humeur en premier lieu parce qu'ils veulent, ou ils m'enverront un tableau d'humeur et un tableau d'humeur. Juste un groupe d'images pour donner une sorte de, vous savez, sorte de sentiment d'être là frapper par-dessus les rassemblements, même si je fais une planche de déménagement pour moi-même. D' accord ? C' est la partie amusante. La séance est en train de s'asseoir ? Qu' est-ce que cette chose dans un local I Comment je veux qu'elle se sent ? D' accord ? Et il y a quelques endroits où je vais, je te montrerai rapidement juste parce que juste pour t'aider. Ok, donc Hans est l'un des premiers derrière les filets de démarrage appartenant à Adobe, ce qui est cool. Andi, j'ai juste fait une recherche d'application web, et vous pouvez voir que c'est juste des trucs vraiment sympa ici. Maintenant. Normalement, je trouve juste des trucs que j'aime et puis je prends une capture d'écran. D' accord ? Et j'ai fait une capture d'écran de ce gay et j'ai un tas de captures d'écran pour construire mon tableau d'humeur à partir de dire avec dribble, j'ai tapé dans le type sur le web à tout le temps. Ok, juste parce que la recherche ici me donne ce genre de choses. Je suis à la recherche de ma frappe vous je ou conception d'application et juste obtenir une sorte de quelques idées. Ouvrez la carte. Prenez des captures d'écran. Alors des problèmes avec trois abeilles. Nice est un autre avec deux yeux. Que est un autre moment que je l'ai fait pour sans le refroidissement à ce sujet est en fait un créateur de conseil d' humeur. Je l'utilise tout le temps. Je ne vais pas tout faire, mais aller à de belles actions. Oh, et je vais t'arranger là-bas. Il y a une option gratuite. Les prix sont un endroit sympa. Un puits, des récompenses. Tellement surnommé Dub. Ok, au milieu, là. Et c'est un autre super endroit. Souvent, c'est, je suppose, un peu plus structuré. Ce des choses étonnantes ici et les récompenses air un pour différentes catégories. Cas que vous pourriez regarder dans les blogs, ce qui est assez sympa. Et il vous donne juste une sorte de version réduite et vous donne les raisons pour lesquelles c'est si génial . C' est un autre genre de récompenses. Place les Webbys. Ok, donc les Webby Awards sont maintenant en ligne. Je pense que ça a commencé avec des sites Web. Ça semble être tout ici maintenant, mais j'y vais. J' ai cherché cette année et j'ai traversé et j'ai choisi, hum, j'ai regardé le web, puis j'ai regardé la meilleure expérience utilisateur ou interface utilisateur. Gay et utiliser obtenir une sorte d'idées pas cool, et vous pouvez les faire défiler, les ouvrir, prendre des captures d'écran de ce que vous aimez sur le dernier. n'y a pas de dernier qui est et retour à notre application Cool. Donc, une fois que tu as la balle, je sors les captures d'écran sur mon cou sur ton Mac, c'est le changement de commande 3. Vous pouvez dessiner une petite boîte, en fait, trois commerciaux, toute la publicité de l'écran pour ou dessiner une petite boîte et vous finirez sur votre bureau. Ce que j'ai fait juste pour vous montrer, c'est que j'ai créé dans vos fichiers d'exercices. Voici un tas de captures d'écran que j'ai prises Kane. Il n'y en a que plein, d'accord ? J' ai juste pris plein de trucs. Et ce que je fais est soit utiliser que agréable pour faire une planche d'humeur crée cool petit pdf Slyke Cela est venu les génère pour vous, qui est génial, ou je viens de les vider sur la page suivante d la plupart du temps. Donc j'ai juste tranché un morceau de Yemen. Si j'en ai six, je le ferai cinq à la fois. Et dans 60 ans. Ok, je vais sauter à notre nouveau projet, je vais zoomer pour voir le tableau de rythme, et je vais juste les traîner, ok ? Et ceux-là et moi commençons juste à traîner dans cinq fois Eh bien, six à la fois. Si vous le faites, plus sur un gros coup Ils finissent avec une grande ligne qui frappe souvent le no man's land. Donc, vous si vous êtes une photo dans l'utilisateur de conception, vous pouvez utiliser gratify qui pourrait fonctionner Photoshopped Il y a une pile dans l'option de calques sous fichier et qu'avez-vous travaillé ? Mais j'aime juste construire un peu de blob off. Impressionnant tableau d'humeur. La bonté est venue le grand par défaut avec des captures d'écran sur ce mech. Donc je vais juste le rendre beaucoup plus petit et je vais le coller ici dans un groupe, ça et ce que je fais quand je travaille et je cherche et juste un peu de chercher j'ai tiré mes couleurs ici et je commence à chercher des fonds. J' ai un peu comme des idées de mise en page. Cette capture d'écran comme celle-ci est raisonnablement grande, mais souvent cela pourrait être énorme. J' aime cette partie du travail obtenir des idées, et vous avez aussi dit l'avis, la tête, même ceux que tous les différents sites Web, vous pouvez commencer à voir le même genre de couleurs qui viennent à travers comme très commun en ce moment, Je suppose que ceux qui veulent des pastels tropicaux, mais donc oui, c'est là qu'en ce moment, passons à la vidéo suivante, où nous commençons à regarder les colonnes et les grilles, devenant sérieux. 19. Pourquoi vous avez besoin d'une grille de 12 colonne dans Adobe XD: Dans cette vidéo, on va parler de pourquoi on va créer une grille de 12 colonnes. Dans cette vidéo, Si vous savez déjà pourquoi vous avez besoin d'un 12 colonne Great. Vous pouvez passer à la vidéo suivante pour ceux que vous ne commencez pas. D' accord. Tout d'abord, c'est pourquoi nous utilisons les grilles de 12 colonnes. Et si vous ne savez pas quand vous codez le site Web sur les autres, lumières dirigeaient le design, l'ami du côté design. Maintenant, quand il doit réellement être transformé en un site Web, ce qui sera souvent utilise un framework qui utilise les 12 colonnes sorte de comme structure. Pourquoi ils utilisent 12 colonnes ? Juste un nombre pratique parce que et quatre design réactif. Dites, ce site ici et j'utilise C'est environ 1200 pixels de travers et j'ai 12 colonnes. Est-ce que la structure sous-jacente est cette image ici ? Le curseur ici, il dépense en fait tous les 12 d'entre eux. Mais ces gars en bas dépensent en fait trois chacun. Ok, donc trois plus trois plus la presse gratuite trois égale 12 je pense. D' accord. Et c'est la fréquence à laquelle les sites Web les ont tous fait. Alors vérifiez avec votre développeur. Mais la plupart du temps c'est. La raison est utile, c'est que lorsque je suis à cette taille de distorsion. Ok, j'ai ce genre de structure un sur quatre. Quand je descends à la tablette, vous verrez que j'ai décidé que ces boîtes couvrent maintenant le cas six des colonnes. Donc 12 est juste un viable assez facilement. Donc, quand nous travaillons avec ces différentes tailles comme ça vers le bas mobile, Ok, il a réellement dépensé 12 maintenant, et l'encodage est vraiment facile de travailler cette logique, plus beaucoup de frameworks avec lesquels les gens commencent. Les chantiers sont basés sur ces 12 colonnes. C' est pourquoi nous avons besoin de 12 colonnes. Vous en avez besoin dans votre projet 60 ? Non. Ok, donc on va le faire pour le rendre plus facile, parce que surtout je fais le web design de l'autre côté. Kay a dit qu'ils sont plus HTML des choses sur le site CCS. Donc, oui, je veux le faire parce que ça va m'aider. Vous pourriez être ennuyeux pour votre concepteur et développeur et juste concevoir n'importe où et pour eux d'avoir à essayer de le faire tenir dans 12 colonnes, ce qui serait une douleur. Bon, donc j'espère que ça vous aidera à comprendre pourquoi nous faisons 12 colonnes qui sauteront dans la prochaine vidéo où nous le faisons. 20. comment créer une grille de 12 colonne dans Adobe XD 2018: Salut là dans le secteur. Je vais te montrer comment faire une grille de 12 colonnes, gros avec une petite clique. Allumez-le, éteignez-le. Sixties a une fonctionnalité automatique qui rend notre disposition de colonne. Super facile. Super rapide. Allons-y et faisons-le maintenant. D' abord, abord, je viens du futur. Je suis revenu dans le temps à cette vidéo pour la mettre à jour, parce que la vidéo originale que j'ai faite, vous avez vraiment dû saisir l'orteil rectangle et vous avez dû faire une colonne. J' ai dû le diviser par 12 sur le avec et travailler sur les rassemblements et toutes sortes d'autres drames. D' accord ? Et donc je suis revenu ici pour le mettre à jour provoque une nouvelle fonctionnalité qui ne fonctionne pas à peu près automatiquement. Donc, quand vous traversez le reste de ce cours, cependant, je n'ai pas passé par reshot tout le cours parce que nous utilisons seulement des colonnes quelques fois quand vous le voyez. Et j'utilise un gros, boîtes rectangulaires maladroites et verrouiller et déverrouiller les colonnes. Vous pouvez sourire en sachant qu'il y a une nouvelle façon de le faire. Donc, la nouvelle façon douce est la flèche noire en cliquant sur Les arrière-plans n'ont rien sélectionné. En fait, cliquez sur le nom de votre hors-bord et il a dit que Grid a pris ça. Assurez-vous que votre propre mise en page, pas carrée. On a eu du carré pendant un moment. Nous voulons mise en page K et nous voulons Combien de colonnes ? 12 colonnes que vous devez avec que j'ai utilisé dans mes tutoriels. 15 La colonne avec de l'air devient automatique. Souhaitez-vous adapter automatiquement les colonnes à l'intérieur des limites ? Mon site web. Maintenant, nous utilisons la navigation sur 1400. Le long du haut de cela va à mon cas de largeur maximale de 1400 est une sorte de ce que je veux utiliser pour mon prochain. Avec du site, vous pourriez faire quelque chose de différent commun à 18. 24 1200. Mais on va utiliser 1400 pour ma navigation. Donc, nous devons travailler sur ce que les colonnes moi et tout ce que nous avons vraiment besoin de faire est de cliquer sur le nom et nous devons travailler sur les bords ici. Donc j'ai un site qui est 1920 doit naviguer. C' est 1400. J' ai donc besoin de faire une méthode de base. Mon 1920 moins ma navigation me laisse ceci pour chaque côté divisé par deux. Donc c'est l'écart dont j'ai besoin. Donc 260 pixels. Donc, je clique sur le nom ici et je dis que je veux la largeur aux bords T 200 juste 16 corrections. Ok, donc ça va maintenant s'adapter parfaitement, laissant un peu de devoir de part et d'autre de ma navigation. Impressionnant. Et maintenant, vous pouvez aller de l'avant et commencer à travailler sur ce projet. C' est beaucoup plus facile. Vous pouvez l'allumer et l'éteindre. Ok, vous considérez que c'est une valeur par défaut. Donc, chaque fois que vous en ferez un nouveau, il passera. Utilisez vos séances pré faites. Vous pouvez simplement choisir d'utiliser la valeur par défaut. C' est à vous de décider, mais j'aime un site web de 1400 pixels de large. D' accord, c'est tout. Allez de l'avant et construisez un site Web génial. J' ai déjà terminé ce cours parce que je suis le futur Dan, et c'est un bon cours. Bonjour, 60 ans. Je pensais maintenant 21. Travailler avec les couleurs dans Adobe XD CC: Hé, là. Bienvenue dans cette vidéo. Tout sur la couleur. Nous allons découvrir comment voler les couleurs en disant que Loga ou marque existante et utiliser ceux il y a va les convertir en notre panneau d'actifs. Nous allons aussi les transformer en ce genre pratique d'option réutilisable en bas de page. Ici, nous allons également sauter et jeter un oeil à quelque chose comme ça avec est un peu comme l'inspiration pour couleur et comment les utiliser. Bon, alors on va sauter là-dedans maintenant et on arrête de faire des couleurs. D' accord ? Donc il y a quelques façons de travailler avec la couleur et 60 et la première façon est-ce que ça va le tirer d'un logo ? Donc on va aller importer des fichiers. On va essayer de mettre sous nos fichiers d'exercice sous les images. Vous pouvez voir mon dossier aérien. Actuellement dans cette version, vous ne pouvez pas simplement apporter nos fichiers, ce qui est un peu pénible. Donc, ce que je fais c'est que je les ouvre dans Illustrator copier et les coller dans. Vous pouvez coller très facilement. Vraiment ? Je vais utiliser ce logo ici. Obtenir ce que je veux faire est que vous pouvez double-cliquer dessus ou sur le groupe. Il allait double-cliquer. Finalement, je vais prendre le H et vous pouvez voir qu'il y a la couleur de remplissage. Ce que j'aimerais faire est l'un des boutons plus là-bas. D' accord ? Et cela va l'ajouter juste comme, des couleurs facilement accessibles. Également dans votre panneau d'actifs. Lequel de ces deux petits blobs ici nous pouvons aller aux couleurs, et parce qu'il est sélectionné, il va éditer ici aussi. Donc, il est bon d'avoir dans ces deux endroits pendant que nous travaillons maintenant pour obtenir d'autres couleurs pour peut-être l'inspiration des couleurs. Un bel endroit est des clous de couleur adobe qu'il crée. J' aime passer à celui-ci qui dit que l'explorer vous donne juste des idées hors groupes de couleurs . Ok, vous pourriez juste utiliser l'un des utilisés pour commencer avec ou de gamme d'entre eux concepts de chaos. D' accord. Et tout ce que vous devez faire est de cliquer sur Enregistrer. Vous devez vous connecter avec votre adobe I d et choisir la bibliothèque RCC pour qu'elle aille dans Okay, puis à l'intérieur de X d, vous pouvez aller au fichier ouvrir votre bibliothèque CC, et dans notre cas, ce serait instructeur h Q. Et ce seraient les couleurs qui attendent. Là Ce n'est pas le mythe que je veux utiliser pour le moment. Nous n'utilisons pas cette option de bibliothèque Sisi ou vous travaillez dans un endroit où vous ne pouvez tout simplement pas l' utiliser . Vous pouvez simplement utiliser ce site, cliquez sur eux et le dire et vos pieds sur le fond ici en mer est plus facile à copier. Ces pics de ce plus de chiffres. Ok, vous pouvez les copier dans X D. K. Donc dessinez un rectangle et ici, cliquez sur l'icône et collez-le juste là et vous obtiendrez vos couleurs en les transférant sans bibliothèques Sesay. Une autre façon d'obtenir des couleurs, oreilles pour regarder nos tableauxd'humeur, d' et je vais zoomer un peu. Et je veux couvrir comme une couleur PCI rid que je veux utiliser. Donc peut-être quelque chose comme ça. Peut-être pas, Kane. Je cherche juste une couleur pour peut-être quelque chose comme l'Inde est ce que je veux . Donc ce que je peux faire c'est que je vais dessiner un rectangle, je suis venu juste un rectangle et je vais utiliser l'outil pipette ici de ce côté. Réfutation K me permet de co souvent juste choisir une couleur d'ici et vous pouvez voir Remplir avec cette montre. C' est un peu proche de ce que je veux et ce que vous pouvez aussi faire, mais c'est un beau petit truc, c'est que vous pouvez bouger ça et voir des choses dessous. Gagnez l'outil pipette qui descend réellement et ramasser les choses en dessous aussi bien. Donc, vous n'avez pas vraiment à le choisir juste à partir du panneau supplémentaire comme vous le faites dans beaucoup d' autres produits Adobe. Allez-y. Et donc j'ai cette couleur ici et je suis oui, c' est un peu tout. Je vais double-cliquer ici, et je vais probablement passer à travers et faire glisser ça un peu vers le bas. Maintenant, je suis juste en train de déconner que c'est là que je veux être. Et donc avec ça, je vais le copier et puis le supprimer. Venez ici et ce que j'aime faire. Vous juste dans le tableau de rythme ici, c'est que j'aime construire mes échantillons, donc je vais dessiner un petit décalage carré qui me donnera une hauteur et une largeur parfaites. Je vais marcher avec mon vert, et ce que je vais faire, c'est que je n'aurai pas de frontière, et j'en aurai deux. L' un d'eux sera de cette couleur. Et j'aime avoir une deuxième couleur du jury. C' est juste un peu plus sombre. Faites glisser ça ici, d' accord ? Ça dit comme une version plus sombre. Et puis je vais commencer par cette couleur pêche. Ok, donc je vais utiliser vous pour utiliser notre travail. Ça va encore partir de ça. Tu es fini et saupoudré. Maintenant, une autre nuance ici et la tienne pourrait être encore un peu plus sombre. Et je veux probablement Ah, noir, petit noir. Mais je veux un quai. Probablement quelque part dehors. Voilà ce que je veux. C' est un peu gris avec ça, le peu mieux lu. soulever, cependant, va être mes échantillons pour ce cours que je peux slick voleur. Ou que je n'ai pas déjà ici et que je l'ai déjà fait. En plus, ils font tous partie de ce gang. Et ici, je dois le faire un peu plus individuellement et dire que vous ajoutez la tête, accord ? Ils sont remis. Amenez-le dans les deux endroits. Je promets deux autres choses que je veux faire avant de passer à autre chose. Je veux que l'instructeur I Q fasse partie de la bibliothèque Symbols parce que c'est un peu comme un logo qui fonctionne. C' est un peu rapide pour donner une marque à l'entreprise, mais nous n'avons pas encore été d'accord sur un logo, donc je vais ajouter ça aux symboles. Donc plus tard, je peux mettre à jour ceci et il sera mis à jour dans tous les usages. J' ai une autre version de ça. Je veux apporter la version empilée de Kate quand une copie qui le colle ici et pas édition à un symbole. Super. Alors laissez-moi une ligne si vous avez d'autres questions sur les couleurs utilisaient RVB parce que nous sortons pour les écrans numériques. Ça ne ressemble pas à un Keller. Ouais, autre chose ? Laissez-moi une question et je répondrai dans les points. D' accord, passons à la prochaine vidéo 22. Utilisez des polices sécurisées Web ou des polices spécifiques à iOS ou Andriod, dans Adobe XD: Salut là. Dans cette vidéo, nous allons regarder comment apporter des polices de chrome et de type kit et les amener dans X'd et pourquoi nous devons choisir quelques polices et seulement quelques poids. Sinon, notre site Web ou l'application, va exploser. Allons voir pourquoi dans cette vidéo, Ok, donc quand il s'agit de ramasser des fonds pour votre prototype, vous devez choisir un fonds qui pourra être utilisé dans une APP ou un site Web. Et tous les fonds ne peuvent pas aller bien. Donc, si vous avez des fonds sur votre ordinateur pour le moment, vous ne pouvez pas simplement passer en revue et choisir l'un d'entre eux. Donc, le moyen le plus simple de trouver un fonds qui peut fonctionner en ligne est d'utiliser le kit de type adobes ou les polices Google . Et regardez ces deux types. Va ici. Je vais aller à la navigation, et ce que vous trouverez est à peu près tout sur ce site ici est capable d'avoir une version Web de celui-ci. Ok, alors passons à travers et choisissons n'importe quel vieux fonds ici. Ce que je cherche, c'est quand je clique dessus, je suis à la recherche de ces deux options, il y a une option de lavabo. Et puis il y a ces petits crochets ici qui indiquent qu'il y a un cas de version Web qui est totalement correct sur. L' autre chose que vous pouvez faire ici est juste activer qu'il est désactivé inclure les fonds whip seulement. Il y a des fonds qui ont seulement permis d'utiliser en ligne et qui ne sont pas utilisés dans l'impression. Maintenant, si vous n'êtes pas sûr de quel type kid est type kit fait partie de votre licence Creative Cloud. Ok, donc vous pouvez vous connecter avec votre Adobe i d. et toutes ces polices sont autorisées à être utilisées commercialement gay, et il y en a juste une fois ici. Certaines des choses que vous pourriez considérer lorsque vous téléchargez un fonds se trouvent ici sur la droite. Tu as des filtres, ça aide vraiment à t'entraîner. Je peux, je veux chercher une copie du corps, trouver que vous pouvez juste le réduire en fonds de sable Sarah et se débarrasser de tous les drones Han. De même, vous continuez à portée de main et vous n'obtiendrez que les polices Hendren. Les autres choses à examiner sont potentiellement. C' est probablement mon plus important. Regarder un fonds Web est la largeur. Ok, j'aime essayer de trouver que ce n'est pas toujours nécessaire, mais j'aime trouver un accord. Je veux trouver une largeur assez étroite juste pour avoir le potentiel, surtout pour comme, surtout pour comme, un fonds frappant qu'il y a. Je viens d'obtenir la possibilité d'ADM ou des personnages à un frapper. Ok, si vous choisissez un fonds vraiment large, ne sera qu'un mais avoir des titres vraiment courts avant qu'ils se cassent sur deux lignes ou passent par toutes les fonctionnalités. Mais c'est assez cool et vous pouvez voir en haut ici que je suis allé et a changé le cas du texte . Tu peux partir. Il est vide, mais vous pouvez également arborer votre propre nom ici afin que vous puissiez voir à quoi ressemblent les personnages avant de les télécharger. Quand vous êtes prêt à choisir un que vous décidez que c'est le plaisir pour vous, En fait, quel est celui que nous allons utiliser ? Je vais aller chercher en haut ici et utiliser Fairplex avant de le faire. J' ai besoin d'éteindre certains de ces filtres pour que je puisse trouver la peur et ce Fairplex là-bas. Ok, alors j'ai décidé que c'était le fonds que je voulais. Tout ce que vous devez faire est de cliquer sur ce bouton. C' est Sink. J' ai déjà coulé le mien, et c'est tout. Ok, ce qui se passera, c'est tant que vous serez connecté à votre cloud de crédit, vous verrez un PM connecté à l'exploitation minière, c'est mon petit visage. Si vous êtes sur un PC, c'est en bas. Droit. D' accord. Et ce qui finit par se passer, c'est qu'il apparaît comme par magie dans 60 à rien d'autre. Vous avez à voir avec les polices Google. Ok, très similaire. Obtenez les polices Google ici. Vous choisissez une polices similaires. Trier en filtrant le côté ici. Ok, mais dis que tu choisis un plaisir que je vais utiliser la robotique. Robot, c'est comme une soupe. C' est la nouvelle antenne qu'un sable ouvert. Si vous allez sur tous les sites qui sont faits ces cinq dernières années, une salope. La copie du corps est l'un de ces deux. Ok, alors ou vu le sens. Alors je vais choisir Roboto. C' est juste que je l'aime. Il a quelques bons poids, mais quand vous l'utilisez, il y a un peu de choses supplémentaires que vous devez faire. Alors tu décides de nos corps pour moi. Vous avez pris la petite icône plus, et la chose apparaît en bas ici. Ok, tu cliques dessus. Et ce que vous devez faire, c'est voir ce petit bouton de téléchargement ici. Ok, ça vous montre comment l'utiliser sur un site web. Vous n'êtes pas à ce stade, nous le marquons localement sur notre ordinateur. Donc, ce que nous devons faire est de cliquer sur Télécharger. Et le truc cool à ce sujet, c'est juste que c'est un plaisir que vous pouvez télécharger. Je vais coller ça dans les fichiers d'exercices. Je vais y créer un dossier appelé polices, et vous pourrez également utiliser Roboto. Tu sais, quand tu as besoin de le faire, c'est l'ouvrir gay et installer les fonds. Vous avez besoin de toutes ces polices de type réel. C' est donc juste une ressource cool pour tout projet de conception que vous travaillez sur cette quantité de polices utilisées. Il faut se rappeler de cliquer sur ce petit bouton obscur pour, disons, télécharger sur votre ordinateur, puis sur un Mac, il suffit de double-cliquer sur ces. Je pense sur un PC. C' est juste facile. Il suffit de double-cliquer sur eux et ils vont commencer à installer maintenant. La prochaine considération, c'est les blancs, donc je vais sauter dans notre projet 60, accord ? Et je vais m'asseoir quelques structures de police de base pour commencer les appliques Yousfi que je vais utiliser pour mes grands appels à l'action. Un zoom dans un peu aussi. Maintenant, lorsque vous avez affaire à des polices et que vous essayez de choisir des tailles, assurez-vous que vous êtes d'accord à 100%. Juste pour que tu saches à quel point c'est grand. C' est ainsi que les gens vont le voir à la fois dans l'application et sur un site Web. Donc je vais choisir des flicks de peur par ici. C' est le village de Fairplex. Étroite. Ok, c'est celui que j'utilise. Et maintenant je veux trois tailles. Donc je vais avoir ce gros. Je vais en avoir une plus petite. Ça va être penser, six. J' en veux un autre. C' est environ 24. Donc, ce sont le genre de tailles qui vont commencer par. Vous n'avez pas besoin de choisir des tailles de police. Vous pouvez simplement commencer à travailler en backtrack. Ok, mais vous voulez des tailles cohérentes hors polices pour aucune raison technique autre que la théorie du design mawr . Ok, on est plein de réformes et de bas. Différentes tailles. C' est déroutant pour l'utilisateur. C' est une hiérarchie simple du plus important. Prochain important. Dernier important en termes de mes rubriques. Maintenant, en termes de poids. Ok, quand j'ai dormi dessus, l' un de moi attendez, je veux dire, vous savez, léger, moyen, audacieux, noir pour que je puisse décider que je veux un livre. pour ce top. Et puis je veux vraiment que celui-ci soit un peu plus audacieux. Et je veux que celui-ci soit noir, OK, OK, mais la considération ici est les temps de chargement pour les sites Web dans EPS. Chaque fois que vous choisissez une nouvelle police et une nouvelle taille, l'ordinateur doit la télécharger avant le rendu de la page. Et pourquoi est-ce important ? C' est parce que le temps de chargement est super important pour beaucoup de raisons. L' un d'eux est les sites de classement Google. Basé sur la vitesse à laquelle ils se chargent, plus le plaisir de l'avoir ralentit vraiment. Et, bien sûr, juste l'heure de Jim Willow. McKay. Lorsque les internautes viennent sur votre site, ils ne veulent pas être assis autour d'attendre que le site baisse parce que vous avez choisi des polices étain avec 10 poids différents. Ok, alors essayez de si vous pouvez garder vos poids aussi petits que vous le pouvez, parce que déjà nous sommes assez haut sur le livre d'occasion pour tous ces, mais aussi planifier d'utiliser Roboto. Donc, je n'ai en fait que le moment installé un avant. Attendez. Ok, Fairplex et réservez. Même si c'est des tailles différentes, cela n'a pas d'importance, parce que ce seront mes tailles de chauffage. En termes de couleurs. Je vais les coller ou les rendre noirs pour le moment, probablement. Eh bien, je conçois nos choses. La prochaine chose que je veux faire est que je voudrais créer une autre zone de texte pour à propos de Pouvez-vous aller ici ? Et la plus grande taille que je vais utiliser pour un botto sera 24. Ça va être pour la plupart de mes titres. Faire du noir 20 va être mes sous-titres. Et celui-là aura 16 sera ma copie corporelle. Probablement à travers la plupart du document. 16 est une taille de copie corporelle typique entre 13 et 16. J' utilise une plus grande taille parce que je ne vais pas avoir beaucoup de post blawg comme des attaques de gros morceaux . La plupart des miens seront l'équipe de marketing. J' ai un peu plus bas pour les vôtres en 14 que je vais utiliser pour mes boutons. sympa pour toi en ce qui concerne la taille de la police, c'est que je vais rendre les boutons gras, ok ? Et je vais faire mes sous-titres rochers. , Coast, j'ai essayé de garder la police de poids bas à un niveau minimal. Vous pourriez en faire le vôtre différemment. Vous êtes peut-être juste en train de concevoir et vous pourriez revenir et un peu rangé et décider. OK, j'ai juste besoin de choisir quelques fonds et pas tous ceux-ci tout au long de tout ça. Bon, donc pour les polices et trois poids, il devient un peu plus élevé sur la vitesse de téléchargement. Ce que vous pouvez faire dans les fonds Google ici, il ya une chose de faible temps ici. C' est ce que tu peux faire ici. Dites que j'ai choisi Roboto et l'ai ajouté à ma famille. Je peux aller à personnaliser et dire, en fait, j'utilise de la vraie lumière au beurre et je vais utiliser gras. Vous pouvez voir le temps encore vite. C' est génial. Mais si je vais ajouter un autre front et est-ce qu'ils ont, ils ont des faits de peur ici ? Ils ne sont pas gays. Faisons peur jouer semble très similaire. Si on va y aller, on l'ajoutera à notre kit. Pouvez-vous voir ces deux familles de front en bas ici, et vous pourriez voir modérée. Ok, donc je vais cuisiner par peur de toi, et je vais dire, en fait, que je veux la version audacieuse et légère. D' accord ? Ça recommence. L' Ardizzone, si vous continuez à les ajouter, va se débarrasser et dire pour ralentir l'Internet va détester votre site, Get Hate est un mot fort. Ça va dégoûter votre site et ne pas se classer très bien, ce qui n'est pas bon. Donc, il ya une longue vidéo est vraiment juste de choisir un couple de fonds avec seulement quelques poids. Sinon, le monde finira. Bon, passons à la prochaine vidéo. 23. Comment utiliser les styles de personnages dans Adobe XD dans Adobe XD: Hé, dans cette vidéo, on va regarder les styles de personnages. Nous allons les ajouter à notre panneau d'actifs ici, et ensuite montrer à quel point ils sont géniaux quand vous allez les modifier. Et ils changent de couleur par magie tous liés à ce style de personnage. Totalement essentiel quand vous avez beaucoup de pages que vous avez moqué et que vous devez contrôler les polices sur une grande échelle de pages. D' accord, ça va vérifier. D' accord. Donc, la création de styles de personnage de super facile juste en bas ici, assurez-vous que vous êtes sur votre s. Il est panneau a donné l'examen de sélection va slick tous d'entre eux. Un gros va dans mon erreur noire et cliquez sur ce boom de styles de personnage. Ils sont tous ajoutés Nice. Prêt à partir maintenant. Ce qui rend les styles de personnages utiles, c'est que lorsque je commence à taper, d' accord, je dois tout sélectionner, puis cliquer sur l'un de ces types. Ok, donc c'est ce que je suppose, la bonne chose à ce sujet, c'est une bonne chose. Au moins, l'autre chose agréable est que dire plus tard. Rhino décide. J' ai utilisé ce tas de moments différents à travers le site et puis plus tard je sais décider. En fait, ce n'est pas ce que je voulais que les clients reviennent et disent qu'ils n'aiment pas la police pour que je puisse passer par ici et choisir un musée ? D' accord. Et ils se mettent tous à jour et lient. Ok, tu peux tout changer ici. D' accord ? Couleurs, tailles de police, tout ce que vous voulez. Et tout est lié à ce style de personnage. Maintenant, si vous êtes une personne qui vient de dire quelque chose comme dans le design ou l'illustrateur, les styles de personnage sont assez stricts. Ce que X aurait fait ici, c'est qu'ils ont fait des trucs assez étonnants. Je pense que c'est un cadre métallique pour une sieste. D' accord. Et disons que vous pouvez voir ici si je supprime tous les styles, il n'y a pas de styles du tout, ok ? Et tu as tout conçu. Tu es genre, Oh, mec, si c'est dans le design, je veux ajouter cette chanson de style et double-cliquer sur lui pour modifier mes styles de personnages. Super. Mais cela était utilisé de cette taille. Il a déjà été utilisé des centaines de fois dans cette application. Alors, quelle douleur. OK, mais si X avait fait ça en étant super intelligent et regarder ça si je vais mettre à jour ça et que je dis, en fait, je veux que ça soit rose. Vous remarquerez que non seulement c'était un cas évident, je suis arrivé à Green. Vous pouvez voir si mis à jour ceci et celui-ci mis à jour. Mais écoutez, tous ces autres gars l'ont fait aussi. Alors, qu'est-ce que ça va ? Comment vous voulez probablement dire toutes les polices qui sont la bonne taille qui sont la bonne couleur qui sont Ariel et il atteint à travers le document et va et change ceux. C' est juste super utile. Vous pouvez voir que tous ont changé, donc vous n'avez pas à être aussi strict avec tout. Application de ce style de caractère. Vous pouvez le modifier à la fin et apporter de petites modifications, et il se propage dans tout le document. Vous pouvez les ajuster séparément. Ok, donc ici je pourrais décider d'aller ici et dire, en fait, j'aimerais que celui-ci soit tout le monde soit vert, mais je veux que ça soit. Je pense que vous verrez qu'il est remplacé, donc j'ai l'impression que c'est une façon vraiment intelligente d'introduire des styles de personnages. Ils ne sont pas stricts à 100%. Ils sont juste vraiment utilisables. Et maintenant, si je fais un changement à ce type et que je les fais tous dire léger ou régulier, vous pouvez voir tous les autres que vous pourriez ne pas voir parce que Victor devait voir devant. Vous pouvez voir maintenant que tous ces changements ont changé. Mais parce que j'ai légèrement modifié celui-ci et qu'il ne correspond pas à ses amis , il peut rester comme ça. Donc, je pense que les styles de caractère un assez étonnant dans éteint. Merci, Adobe. Bon, passons à la prochaine vidéo. 24. Créer des boutons réalistes dans Adobe XD avec des propriétés collantes: Bonjour. Dans cette superbe vidéo, on va voir comment faire des boutons. Semble simple, mais j'ai tendance à faire presser avec du texte en eux, et les utilisateurs ne savent pas que ces boutons il y a un peu plus à elle. Je vais vous montrer les meilleures pratiques en regardant quelque chose comme Material Ohio, où ils ont de bons exemples et de la documentation. Et nous allons également apprendre un petit truc cool que vous pouvez utiliser pour toutes sortes de choses dans X'd, où c'est copier et coller des propriétés. Très bien, allons-y et faisons que les boutons fonctionnent avec des boutons. Ça semble être un travail simple, mais ça peut être un peu compliqué. Je pense que je les dessine, les oblige à les mettre sur les sites et je reçois des commentaires de la part du personnel. On dirait que ça ne ressemble pas vraiment à un bouton que tu aimes. Pas moyen. Donc, parfois ce que vous ressentez est un bouton juste dessiner une boîte et mettre le type. Et ce n'est pas suffisant. Donc probablement être l'un des moyens faciles de commencer est si vous regardez point io matériel. Rappelez-vous, c'est le genre de guide de style de Google pour en ligne et APS, et si vous allez aux composants, apprendre Mauritz un peu d'un rigmarole. Trouvez cette option Web et ils ont des composants et vous trouverez un tas de boutons. OK, nous avons regardé ça avant et ici, et ce que vous pouvez faire, c'est qu'il y a une sorte de documentation technique. Mais si vous cliquez simplement sur ce bouton ici qui dit Raised, vous donner un peu comme un tas de différentes façons et styles de faire les choses correctement, donc vous pourriez juste l'utiliser comme un guide de style. Il ne vous dit le CSS et tout pour ceux-ci. Une autre bonne façon est Becca. Suivant E. Si vous allez à fichier ouvert et nos fichiers d'exercice dans les modèles blancs U sur le matériel Google il, feuille de bâton a des boutons ainsi. Ok, , ici,il y en a un qui dit « Boutons », où es-tu ? Il est là, d' accord. Et c'est juste un moyen facile de trouver ce qui ressemble à un bouton. Et ce n'est que des choses simples comme celle-ci ici a juste des coins minuscules et arrondis. L' écriture tourne autour des coins. Belle petite ombre portée. D' accord. Et donc une façon agréable et facile de voler le formatage d'autres 60 fichiers est que c'est le moment est un objet de groupe, Kay. C' est en fait une chanson de symbole, groupe, parce que je ne veux pas envoyer de textos dans ce cas, j'étais un de ça, et je vais aller modifier une copie où vous pouvez choisir votre raccourci. Un tel simple oh, copie puis sauté votre feuille un rectangle, aussi. Et je vais tirer un bouton ici. Lorsque vous dessinez des boutons et que vous travaillez à nouveau sur la taille, vous devez être 100% du chemin. Tu finis avec un côté de bouton sec et énorme tout le temps, ok ? Et choisissez une sorte de taille pour votre bouton. Ça va être à moi. Et puis ce que vous pouvez faire est d'y aller et il y a l'apparence de pâte. Vous pouvez cliquer avec le bouton droit de la souris et choisir l'apparence de collage ainsi. Et c'est juste un moyen très rapide et facile de voler pour l'accouplement. Je vais changer la chanson gay de couleur et utiliser l'outil de pipette et en fait je vais juste utiliser ça. Peut-être celle-là, d'accord, et c'est tout. Ok, vous pouvez évidemment aller et personnaliser vos boutons pour qu'ils soient tout ce que vous voulez. Mais suivre les normes qu'Apple ou Google créent est souvent une bonne pratique parce qu'ils sont le patron. Ils enseignent au monde comment utiliser Internet à travers leur U Y. Et vous pouvez leur emprunter des idées. Ok, donc tu peux sauter seul maintenant, parce que ce que je vais faire est juste de remplir mon type, super mon type d'orteil en cliquant ici. Et celui-ci va être la ligne d'inscription jusqu'à obtenir un slick qui a tous choisi mon style de bouton, et je vais le remplir avec des blancs. En fait, pour être honnête, celui-ci ici, je vais vraiment changer globalement parce que je vais faire ces boutons colorés tout le chemin à travers un dragon sur le dessus ici. Si si elle doit être blanche maintenant, ils suivront ce style. D' accord, je vais les dupliquer. Vous remarquerez lorsque vous faites glisser des boîtes autour de votre propriétaire de sélectionner la colonne. Ça n'a pas vraiment d'importance quand on commence à glisser. Il ignore en quelque sorte qu'il provoque verrouillé. D' accord. Et celui-là va être notre démo en direct. Ce que nous allons faire pour les autres boutons, c'est que je veux dessiner quelques icônes, ce qui fera dans la prochaine vidéo. C' est la dernière chose que je dois faire avant de partir, c'est que nous allons mettre notre logo ici maintenant. Notre logo est un peu grand pour le moment. Ok, donc je n'ai pas pris beaucoup de temps en Iran pour montrer que vous aviez suivi un symbole, mais l'avoir obtenu les bons côtés d'abord. Donc, l'une des fonctionnalités qui doivent arriver pour X t, qui ne l'a pas le moment est que vous ne pouvez pas redimensionner votre symbole un peu étrange, mais sa version un et nous devons vivre avec certains hors du nouveau cas de vision inconvénients de ce que je Je vais réellement faire va faire un clic droit dessus et sur le groupe il. Ok, maintenant je peux le redimensionner, le mettre en haut ici, et vraiment, je peux le convertir en symbole. Ok, voilà. Mais maintenant j'en ai deux tailles, mais vraiment, j'ai besoin que cela soit un symbole, donc je garde juste les deux versions parce que j'ai travaillé sur le luxe de fond. En fait, c'est ici. Ce n'est pas tout à fait fait fait. J' ai l'impression que ça se rapproche. C' est I h Q, je ne suis pas sûr parce qu'il pourrait être retourné à l'envers. Je crois que je fais ça parce que je lis des livres de Dan Brown. Pour le moment, tout doit être super secret. Le code a renversé des trucs comme ça. Icône de luminosité impressionnante. Si vous lisez le livre, vous connaissez celui de toute façon, donc et je voulais être symbole parce que je veux aller le mettre à jour. Très bien, Donc, il y a des boutons qui les font ressembler à des boutons réels plutôt qu'à des boîtes avec du type que j'ai l'air de créer trop souvent. Une autre chose avant de devenir gay, c'est une petite piste bonus. Si vous regardez, toute la vidéo est en dessous, c'est gay ici. Chercher. D' accord. Si tu le fais, tu l'aimes. Vous trouverez certains ou une sorte de styles de boutons. Ils vont être homosexuels à propos de ça. Vous trouverez ici. Il y a juste des choses que vous pouvez télécharger dans. Bien que je ne puisse pas zoomer. Il y a beaucoup de bons exemples pour les boutons ici qui pourraient être légèrement différents de cela. Si vous n'êtes pas satisfait des coins arrondis de la barre oblique de l'ombre portée, je veux voir quelques exemples différents. D' accord, c'est tout. La prochaine vidéo, s'il vous plaît. Tanière. Pas moyen. C' est moi 25. Comment dessiner vos propres icônes personnalisés dans Adobe XD: d' accord. Dans cette vidéo, nous allons vous montrer comment faire un peu Il est un peu court et squat, mais nous allons faire en sorte que cette petite icône de connexion apporte aussi celui-ci ici et en bonus, ou vous montrer comment activer et désactiver facilement les colonnes afin que vous puissiez juste un peu de voir ce que vous travaillez facilement en utilisant un petit raccourci cool. Allons-y et faisons-le maintenant en éteint. Ok, donc je suis pendant les icônes, principalement parce que membre maintenant cadre de fil. Ok, j'ai mon cadre métallique imprimé à côté de moi sur mon disque. fait une bonne ressource parce que c'est ce que je copie pour une mise en page rugueuse. Mais ce que nous avons décidé avec un client, c'est que nous poussons vraiment vers cela lors de l'embarquement, étant le plus important, OK, amener les gens à s'inscrire et à le tester. Donc, ce que nous avons fait, c'est que nous avons décidé que l'inscription et l'exemple sont vraiment importants pour amener les gens à s'inscrire et l'exemple comme un flux où les gens doivent avoir des détails au fur et à mesure qu'ils vont . Donc ces deux-là, on va se transformer en une petite icône, donc dessiner des icônes dans l'étendue, vous pouvez dessiner des trucs simples. Super facile si ça va entrer de toute façon. Compliqué, il est préférable de probablement sauter à quelque chose comme l'illustrateur Adobe Illustrator est. Un travail dans le monde est de dessiner des icônes parmi quelques autres, mais il a vraiment un faible nombre d'outils pour le faire en 60. Il en a assez. Alors dessinons une petite icône. Vous voulez dessiner cette connexion de compte et j'ai eu un petit coup d'oeil en ligne pour les images et les icônes pour Se connecter. Et c'est vraiment difficile car il n'y a pas encore d'option de connexion Super Universal. Je pense que ce petit homme est probablement le meilleur. Donc ce qu'on va faire, c'est faire un cercle. Ok, je vais zoomer un peu, vais l'obtenir à peu près de la bonne taille à la taille. J' ai besoin que ça dise quelque chose comme ça. Donc outil de cercle Et si vous dessinez un cercle avec un orteil cercle, maintenez la touche Maj K enfoncée pendant que vous faites glisser, et cela vous donnera un cercle parfait. Et donc je veux ce premier cercle et j'en veux un autre. Ça va être son pote. Quelle est la taille de cette personne à ce sujet. D' accord ? Je vais les défoncer tous les deux. Assurez-vous que aligné en utilisant la ligne horizontale, Minto. Et oui, ça va être la base pour ça. qui est cool, c'est qu' une fois que vous êtes allé à des formes comme ça, nous voulons les fusionner avec elles. Sélectionné Ceux-ci ici sont appelés opérateurs booléens. Mais vraiment, si vous savez d'autres programmes de conception, vous le savez probablement de illustré appelé le Pathfinder toe. Et si tu es comme moi, tu finis par cliquer sur tout ça pour savoir lequel tu veux. Tu ne te souviendras jamais exactement. Donc ce premier va vraiment marcher maintenant parce que je m'entraîne, mais ce n'est pas ce que tu veux tuer. Vous voyez les malades jusqu'ici. La masse supérieure, le fond est sorti. Tu pourrais l'amener à l'avant, accord, et faire exactement la même chose, mais obtenir un résultat différent. Tu vas devoir travailler à travers ce que tu veux faire avec tous ces jeux. Il y a toutes sortes d'options de mauvaises herbes là-dedans, mais je veux ce 1er 1 où il rejoint les deux. Ensuite, je vais prendre un rectangle pour et juste Dropbox. J' utilise juste ça comme un emporte-pièce. Je vais utiliser ce type pour la femme malade ici, moins devant. Et maintenant, j'ai un squat assez court, un petit homme qui regarde. Probablement pas mieux pour plus. Tu dois y aller et juste lui un peu. Ok, mais avec eux sélectionnés, je vais choisir une couleur de champ. Comment sombre ? Vert, comme vert. Probablement comme le vert et un remplissage de la largeur de trait de ce spectacle. Je vais obtenir 100 % avant que tu ne fasses des choix. Membre 100 envoyé. Il est probablement un peu. Je vais aller aux pixels. Ça se sent juste. Donc mon équipe était un petit petit gars squat. Il va y avoir ça. Ok, donc il y a une icône et ces colonnes ici qui me gênent visuellement parce que je veux le placer visuellement. Ces colonnes vont être très pratiques quand nous faisons plus de cartes dont nous avons besoin avec une sorte de blocs de contenu. Mais pour le moment, c'est juste sur le chemin. Donc quelques petits raccourcis avant qu'on y aille, je vais zoomer un peu vont sélectionner tous ces gars et au commandement semi-deux-points . Donc sur mon clavier, c'est à côté de la touche L. Le tien pourrait être ailleurs. J' enseignais 60 dans la ligne hier. Oui, je laisse tomber mon nom. Retourne juste ce matin, d'accord ? Mais ils sont la clé semi-virgule était dans un endroit fou où tu avais besoin d'une rétrogradation. Cherche un demi-colon, d' accord ? Et je vais tenir Viens comme ça. Si vous êtes sur un PC, c'est le contrôle et le point-virgule, et cela l'éteint. Ok, pour les rallumer, tu dois retourner dans le panneau des couches, ok ? Et je pourrais les sélectionner tous ici et ensuite utiliser le même raccourci, ils reviendront à la vie, les faisant sortir pour le moment. Parce que j'essaie juste de voir comment tout ça marche dans l'espacement gay. Donc il manque juste à propos de gay. La dernière chose que je veux faire, c' est que je veux trouver une icône pour l'argent. Donc, au lieu d'utiliser des formes, je pourrais utiliser la douleur jusqu'à maintenant. La douleur jusqu'à ici. Je ne vais pas faire un exercice pénible parce que c'est difficile, comme ce qui a été probablement. Maintenant, on s'occupe de Pinto et tu verras que si tu apprends le Pinto et Luna dans un truc comme Adobe Illustrator, il y a beaucoup plus de guides utiles dans les choses utiles. Cela a juste un outil de broche vraiment simple. Donc, si vous êtes déjà un utilisateur pinto, vous pouvez y aller et évidemment commencer à dessiner. Ok, donc je vais commencer pendant, genre, un truc de type billet. OK, Donc, en cliquant sur ceux pour le point d'angle, cliquez et faites glisser pour une courbe. C' est les bases. Mais je ne vais pas passer par là, et tu as mis un signe de dollar dedans. Ce que je pourrais faire, c'est juste en trouver un. En utilisant nous avons examiné ces actifs membres antérieurs Credit Cloud s son marché. Et ici, je vais mettre de l'argent ou prix beaucoup une montre. Alors maintenant, c'est une sorte de décision. Est-ce que cela ressemble à la tarification, ou est-ce que cela ressemble à la tarification de la petite étiquette ? Je pense que c'est probablement de l'argent plutôt que des prix. Donc, vous êtes à la recherche de l'icône. Parfois, tu as besoin de travailler avec le Cinquième Saurus et de travailler sur différentes façons de dire la même chose parce que j'ai l'impression que ça va probablement mieux marcher pour moi. Ok, donc je vais télécharger ça dans ma bibliothèque d'instructeur H Q. Une chose que vous devriez également noter membre SPG est bonne parce que c'est des graphiques vectoriels évolutifs et je peux changer les couleurs facilement. Ouvrez mes bibliothèques Sesay et mais, euh, ok de la bibliothèque et commencez à H Q vous concédez des améliorations que vous avez à des éléments non supportés. Donc, cette version de X d 2018 ne vous laisse pas avoir de s p G mais vous devriez être en mesure de simplement faire glisser. Donc on va passer par illustrateur. Donc ici, un illustré. Voici mon instructeur. H Q. Je vais juste traîner ça, ok ? C' est probablement oui, McGee, mais une grosse copie aide et collez-la. Donc, c'est un peu de travail autour d'entrer pour obtenir le bon membre ish de taille travaillant à 100% tiède autour de vos Cherokees. Si vous vouliez le faire sauter de gros morceaux pendant que vous travaillez, maintenez la touche Maj enfoncée pendant que vous utilisez vos touches Eric sur votre clavier, accord ? Et en tant que femme et moi pouvons double-cliquer dessus et ensuite je pense à ça. Si je vais à l'intérieur de cela, continuez à double-cliquer Qué jusqu'à ce que vous voyez le Phil. Et je peux dire que je veux vraiment que vous remplissiez celui-ci DoubleClick, DoubleClick. Vous n'avez peut-être qu'un seul groupe. Cela pourrait fonctionner tout aussi facilement. D' accord. Et celui-là, il y a à peu près le même genre d'accident vasculaire cérébral. Attendez, ce que vous pourriez avoir à faire pour ce genre de chose, c'est que vous pourriez ajouter une très petite bordure à l'extérieur pour l'engraisser. Si tu avais besoin de le mentionner, mien allait bien. D' accord. Une chose que je veux te montrer avant de partir, et j'oublie, c'est que ce gars, il est un peu comme une forme créée. Et la chose cool à ce sujet dans X jours que c'est non destructif. Ce que je veux dire par là, c'est que si vous continuez à double-cliquer dessus, vous pouvez voir que les formes réelles sont toujours là. Ok, donc si je double-clique sur ça, voilà mon cercle. Ok, donc je peux ajuster ça, revenir, et c'est toujours comestible. Toutes ces parties travaillent en quelque sorte pour travailler ensemble, mais elles sont totalement irritables. Ainsi, vous pouvez passer par et supprimer des pièces et les ramener. Ok, alors défaites et arrangez mon petit gars parce qu'il était probablement juste un peu sous le coin ici. Maintenez le décalage. Rétrécit un peu. Attrapez ces gars. La ligne de mon horizon est Lee. J' ai l'impression que c'est mieux. Il a une taille proportionnelle maintenant. Ouais, donc tout est non destructif, ce qui est génial. Une dernière chose que je vais faire avant de partir est que je vais créer une sorte de vague pour briser cette colonne supérieure ici. Ok, donc je vais prendre le crayon et une petite fois par ici pourrait une fois dans leur coin, cliquer sur ceux dans ce coin et par ici. Donc, en cliquant une fois vous donne des coins avec cette douleur de se souvenir et les fesses ici et cliquez maintenant glisser parce que je veux ce genre de truc comme, ah, peinture de style drippy ici. Pourquoi ? C' est juste que je l'ai vu avec mes tableaux d'humeur. J' aime ce genre de transitions non carrées. C' est celui ici. Ok, j'aime ce genre de goutte de peinture. Je ne veux pas que le mien soit aussi extrême donc je vais jouer avec quelque chose comme ça. Gay double-cliquez dessus pour l'ajuster. Et je vais vous dire, mais vous pouvez ajuster ces petites poignées aussi. Ok, une sorte de truc ondulé. Et nous allons lui donner notre couleur de remplissage pour le moment, pas blanc. Ko. Donnez-lui une grande couleur rouge et je vais vous montrer dans le prochain tutoriel comment faire le radiant. Faisons ça maintenant. 26. Comment créer un flou gradient dans Adobe XD: Dans cette vidéo, je vais te montrer comment travailler avec Grady et bouger. Dans cette vidéo, Choisissez des couleurs, ce genre de truc génial. Allons-y et faisons des ingrédients. Ok, donc dans la dernière vidéo, on a dessiné cette forme avec des lignes squiggly sur le fond. J' aimerais y ajouter un Grady. Ils cachent Grady dans un peu. Ok, donc si vous cliquez sur Phil où c'est sa couleur unie en haut, c'est là que vous arrivez à rayonner, accord ? Et il y a beaucoup du genre d'options de notation typiques que vous pouvez saisir une extrémité et jouer avec la rotation. Et il y a la première extrémité de l'autre côté. Donc, vous pouvez juste vous jouer avec les différents côtés, Évidemment, il était de retour à une sorte de son remplissage normal sur. Ce que je veux faire, c'est que vous devez travailler sur la ligne en cliquant sur cette petite icône, puis assis la couleur. Ou vous pouvez cliquer dessus ici dans cette petite option en haut ici. Donc je vais avoir ce genre de couleur en couleur. Juste pour que pas de blanc, juste un peu plus sombre, ok ? Et probablement un peu plus chaud. Donc je vais aller aux jaunes et je vais le faire Je vais le traverser tout simplement ou tout petit , mais je veux être assez chaud peut-être même pas autant. Donc, mec, c'est dur de choisir avec une petite tuile. Vous pouvez jouer avec votre teinte et la saturation et la luminosité. Même ceux-là sont un peu durs pour le moment. Et cette première option, il va juste jouer sur ce qui se passe. Tu te traînes au coin, et c'est ce que je cherche. Comme il pourrait être difficile de voir sur votre écran juste une lumière vraiment subtile. Grady int. J' aime faire ça. Cela ajoute un peu de richesse, je pense, à l'arrière-plan, et c'est juste un peu tendance pour le moment. Je vais me débarrasser de la frontière. La prochaine chose que je veux faire est que je veux qu'elle ait un peu d'ombre portée parce que je voulais couvrir les choses en dessous, juste comme si c'était un peu soulevé du sol. Donc tu fais de l'ombre et tu joues autour des séances. Amusant 0 13 et 50 pour le Flou, X et Y signifie simplement que X ne va pas soulever l'air K. Pourquoi ça ne fait que tomber. Ça descend un peu. D' accord. A Et en termes de B, c'est bleu. Comme c'est bleu. Si tu as atteint 150 montre, ça devient vraiment floue. C' est à vous de voir qu'on arrive à 99 ans. Il s'avère que je vais descendre à 50. Et si vous n'êtes pas satisfait de la force, vous allez cliquer sur cette petite icône ici et la manivelle jusqu'au noir plein. Je vais mettre une image en dessous d'eux. Probablement ajusté comme j'en ai besoin. D' accord, c'est tout pour Grady INT et un peu d'une goutte Shadow Blue 27. Les accessoires pour travailler avec des images dans Adobe XD: d' accord. Dans cette vidéo, nous allons examiner l'importation d'images, les avantages et les inconvénients et pourquoi vous avez besoin d'avoir de très, très grandes images pour prendre en charge toutes sortes d'appareils plus tard. On exporte. Bon, allons regarder les images maintenant. Ok, donc l'un des inconvénients est que vous ne pouvez pas apporter Pae ST ou AI Files. Lequel des fichiers natifs pour la boutique photo et illustrateur vous avez besoin pour enregistrer des fichiers illustratifs est S P. G et les fichiers Photoshopped doivent être enregistrés est J porcs ou PNG. Puis ils entrent. Très bien. Ok, donc les amener est facile. Vous pouvez utiliser l'importation de fichier K ou souvent. Ce que je fais, c'est juste les trouver et juste les traîner dedans. D' accord ? À partir de la recherche d'une fenêtre sur un Mac ou un PC, vous pouvez simplement faire le même genre de chose avec une fenêtre. Ok, donc il y a mes dossiers ici. Une autre façon de travailler est retardée poule. Il se connecte aux bibliothèques du cloud de crédit. Ok, alors disons que dans la boutique photo j'ai cette image. Je le fais glisser dans ma bibliothèque H Q d'instructeur et ici dans X T hunt a ouvert mes bibliothèques et je peux le faire glisser. Et ce qui est cool, c'est qu'il y a un lien entre les deux. Ça veut dire que quand j'ai traîné ça, ça, c'est une taille géante ? Je vais le rétrécir. Et je voulais en quelque sorte dans le et je vais l'envoyer à l'arrière, mais le sien ici ne veut pas en quelque sorte le retourner parce que vous pouvez voir ici c'est lié si je fais des changements dans la boutique photo. Alors je nous ai traînés ici. Ce n'est plus ce type. C' est un peu un Ranger solitaire. Si j'ai une fenêtre et que je vais dans les bibliothèques et que je m'ouvre, ce type peut cliquer avec le bouton droit de la souris et le dire. Si je dis sélectionner tout et je vais y aller, c' est et je vais transformer et retourner horizontalement. Je peux frapper, sauver ? Regardez ce qui se passe au cours de la prochaine E. Vous pouvez le voir retourner ici aussi, donc c'est pratique, surtout si vous utilisez des ressources à travers comme, disons, disons, dans la conception et l'illustrateur et après les effets ou à l'aide de cette bibliothèque partagée, vous pouvez commencer à utiliser un 60 afin qu'ils soient tous connectés. Donc, quand vous apportez des modifications à un, ils vont tous changer. L' autre chose à considérer lorsque vous travaillez avec des images à l'intérieur de X'd est les yeux de thèse. Ils doivent aller bien. On travaille avec une sorte de taille rugueuse. Souviens-toi que c'est dans ce gars à l'arrière et ce gars, même pour le dos. J' utilise ma commande de raccourci, équerre. D' accord. Ou contrôlez l'enregistrement carré à Duthie arrangeant. Mais rappelez-vous ici était d'environ 1400 pixels. Donc, nous savions qu'ils cueillaient des images dans la boutique photo. Vous devez vous assurer qu'il y a environ le double de la taille. Tu en as besoin. Il a largué un magasin de photos. Donc ici, je peux aller à l'image et je peux aller à la taille de l'image et vous pouvez le voir là-bas. Ce n'est pas tout à fait le double de ce dont j'ai besoin, mais assez proche pour moi. C' est aussi grand que je peux l'avoir. En ce moment. Pourquoi essayons-nous de faire des tailles doubles ? Est parce que la plupart des ordinateurs montreront juste là 1400 version. Mais si vous avez affaire à, écrans de Grande-Bretagne sont venus donc écrans Rigler à 72 points par pouce. Mais en disant que mon MacBook pro sur lequel j'enregistre en ce moment, c'est en fait à 144 Ok, donc c'est une double résolution. Vous avez juste besoin de vous assurer que vos images pour un site Web ce genre de double la taille dont vous avez besoin. Parce que lorsque nous exporterons ceci à la fin du cours, nous aurons une option qui dit : Voulez-vous enregistrer une version à double résolution ? On peut dire oui. Si vous commencez avec de très petites images, cela doublera la taille d'entre elles. Mais ils seront pixelisés pas l'air très agréable. C' est avec des images de bonne qualité ? Quand il s'agit de téléphones mobiles, c'est encore plus grand. D' accord, certains téléphones Android atteignent jusqu'à quatre fois la taille. Ils doivent être des cas si vous voulez soutenir ces super gros téléphones haute résolution, que vous devrez vous parler pour la développer. Ok, avec vous allez soutenir ça, ou juste deux ou trois fois vous pourriez devoir commencer avec des images très grandes d'abord, et vous pouvez les mettre à l'échelle en X très bien et 60 ferait tout le travail dur. Lorsque vous exportez le média. La fin pour toutes les différentes tailles. On parlera de ça. Une autre vidéo. Donc, la règle empirique est le double de la taille. Vous en avez besoin principalement pour fouetter tout droit sur la prochaine vidéo 28. Travailler avec Illustrator Photoshop InDesign dans Adobe XD: Salut là. Dans cette vidéo, nous allons voir comment utiliser Illustrator dans Design et Photoshopped avec 60 plus. On va faire des trucs cool de la boutique photo où on le transforme en version super longue et dire avec elle, OK, elle passe à travers la version longue. Je te promets que c'est de la magie photoshoppée. Allons et faisons-le maintenant. Ok, donc travailler avec Illustrator dans le design et la boutique photo sont tous assez faciles Les magasins de photos vont avoir des friandises spéciales des extrémités. Reste dans le coin pour ça. Mais en travaillant avec l'illustrateur, on l'a déjà vu, non ? Nous dessinons tout ce que nous aimons un illustré Copier et sauter dans 60 et coller. Je l'utilise juste copie. Et puis ça a rythmé. D' accord. Et ce qui est cool, c'est qu'Illustrator, c'est Victor. Je peux double-cliquer honoré arrêter de casser les choses, Une partie qui joue avec son de sorte que certaines des belles photos avec illustrateur ressemble exactement même manière avec dans la conception. Disons que je veux un tiroir. Je sais comment dessiner stab ist dans la conception beaucoup mieux que je ne peux dessiner près du programme, donc je vais utiliser l'outil polygone. Donnez-lui une largeur élevée Côtés de 50 et pourcentage de 10 et vous obtenez ce genre de remplir avec de la couleur. Prends ce genre de forme Starburst. Tout ce que vous avez à faire est sélectionné avec le noir, notre copie it. Et puis et voilà va coller. D' accord. même principe, c'est qu'il vient de son vainqueur. Donc, selon vos compétences, accord, vous pourriez utiliser l'un ou l'autre de ces programmes. Vous ne les utilisez peut-être pas du tout, et c'est bon. Mais si vous savez que vous pouvez copier et coller à partir de ces programmes Super facile maintenant, travailler avec photo shop, vous pouvez toujours copier et coller. Donc ici, je peux ouvrir quelques fichiers et ouvrir à la fois ici un et image de héros à et Aiken malade. Ça va copier dans l'annexe D. Il suffit de le coller , d' accord, et ça arrive. Donc c'est un moyen facile. Une petite chose de bonus que je veux vous montrer est que ce graphique ici souvent quand vous avez affaire à des sites Web, vous voulez un très long mince parce que je voulais un peu d'être seulement sur je vais vous donner un genre d' exemple que je voulais être sur ce Un peu large à droite, mais je dois le rétrécir sur le problème est d'un psy lui pour s'adapter à ce genre de hauteur que je veux est que je veux tout son corps là-dedans est venu. Le problème, c'est qu'il me reste des espaces blancs. Non plus. Side case, je veux être encore plus petit. D' accord ? Donc, malheureusement, il vous reste un peu ce qu'il faut faire de cette zone ici. Tellement cool, petits trucs dans la boutique photo. Ok, le 1er 1 va s'occuper de ce type. La première chose que je veux faire est de faire un tout tranché et ensuite y aller. Copier et coller. Vous pouvez totalement utiliser vos raccourcis lui. OK, donc je l'ai sur sa terre. Je ne suis pas vraiment inquiet pour cette couche en dessous. Et ce que je veux faire, c'est que je vais zoomer un peu amusant, commandant. Moins sur mon clavier ou contrôle moins sur un PC. Ensuite, je veux que cet outil ici s'appelle l'outil Recadrage. C' est à propos du cinquième outil vers le bas. Obtenir une barre d'outils et ce que je veux que vous fassiez est de maintenir enfoncée la touche d'option sur un Mac ou la touche sur le PC saisir l'un de ces côtés, et cela signifie simplement tenir cette touche d'option signifie juste qu'il ne fait pas seulement un côté. Ok, maintenir Ault en option signifie qu'il fait les deux côtés en même temps. Je ne veux pas. Un peu à peu près ce genre de taille et de retour de frappe. Juste me donner un peu d'espace supplémentaire maintenant remplissant cet espace ici, il y a un tour magique. Ok, Ce que vous pouvez faire est que vous pouvez aller à l'image et aller au contenu conscient. Désolé. Bien, non ? échelle de prise en compte du contenu a pris cela. Tu peux avoir une petite boîte de délimitation ? Et toi vraiment ? Pour la magie. Ok, on va cliquer, tenir et glisser de cette façon sur votre, genre, pas moyen. Et je suis genre, oui, façon Amour contenu échelle consciente. Ok, tu vois, ça a rendu les seaux plus gros. Je ferais mieux de le soulever intact. Retourne quand tu auras fini. C' est une échelle sensible au contenu. Maintenant, au Canada, où l'échelle ne fonctionne pas sur toutes les images avec particulièrement bon avec celle-ci. Regardons un autre cas d'image que c'est regarder ce gars ici et je vais faire le sexe. Même chose que je vais aller pour sélectionner tout, puis copier et coller des sites sur sa propre couche. Zoom arrière un peu. Prenez mon outil de recadrage, voit le raccourci. Maintenez l'option enfoncée Faites en sorte qu'il soit de la bonne taille maintenant. Une autre bonne technique est parce que vous pouvez voir ici est comme un léger rayonnant en arrière-plan. Donc si j'ai attrapé pour dire que je tombe, ça va saisir ça et j'ai essayé de remplir l'arrière-plan. Vous remarquerez que comme si c'était trop élevé parce que le Grady était là, et vous savez, ce n'est pas juste une couleur unie en arrière-plan. Donc ce que vous pouvez faire en travaillant sur la couche supérieure ici, j'attrape ma magie 12 qui est le quatrième outil vers le bas. Je peux maintenir l'outil de sélection rapide enfoncé jusqu'à ce que vous trouviez la magie. Vous voulez cliquer une fois sur le côté ? Maintenez la touche Maj, cliquez sur le cas latéral que vous avez sélectionné les deux côtés, puis allez-y et allez à remplir. D' accord. Et il sera par défaut à celui-ci ici. C' est leur contenu secret d'arme de remplissage conscient. C' est un peu comme du contenu à une échelle. C' est comme, OK, accroche-toi à tes chapeaux. Cliquez sur. Ok, OK. Allez. D' accord. Aile dans un de select k sélectionné, sélectionnez. Et regarde cette magie. Regarde ces mélanges. Tellement bien. Ok, donc ce sont les deux mesures genre de potions quand vous voulez ces images vraiment allongées , K. Donc Phil Kaye va par défaut au contenu, remplissage conscient ou l'échelle sensible au contenu ne fonctionne pas à chaque fois, mais c'est certainement la première chose à essayer. D' accord, donc je vais dire ces deux et les importer. Souviens-toi, on ne peut pas utiliser PST, donc je dois faire un économiseur de fichiers, et je vais faire des cochons J pour les deux choses. Et je vais les changer pour étendre l'image aux quartiers, super haute qualité. Et nous nous souvenons aussi, parlé avant. Taille de l'image. Ces choses de la joie. Énorme. Maintenant, c'est beaucoup plus grand que nous en avons besoin, qui est bon gay et fermer celui-ci. Et la même chose pour ça, l'épargne était un cochon J. Ce type va être froid à l'image étendue. Belle fermeture. Je ne vais pas les sauver. Et dans 60 ans, je vais te dire au revoir, mon pote. Toi et toi étiez partis. Je n'apporte pas mon mandat. INGE est juste en les faisant glisser image étendue un en deux et nous dio génial. Alors, vous êtes là-bas ? Tu es probablement plus grand que j'ai besoin de toi maintenant. Peut-être fait trop de panneaux. Je pourrais y retourner et refaire ces bots. Est-ce que je veux savoir ? Hey, avant de faire ça, envoyez-le à l'arrière. J' aurais dû les retourner aussi pendant que j'étais ici, ce qui va le faire maintenant. D' accord. Et c'est la transformation. Vous pouvez voir que je ne peux pas le faire, mais je dois d'abord aller sélectionner. C' est la transformation de Toronto. Fermez le et revenez dans 60. Comme ce type, si vous savez, en utilisant les bibliothèques, ils ne se mettent pas à jour. Elle va lire, les traîner et à chaque fois. Ok, c'est pour ça que les bibliothèques sont pratiques. Il est à propos du genre de ce que je veux faire maintenant. D' accord ? Et la fille qu'elle est ici. Une chose que vous remarquez est celle qui est que si je mets cela juste sur le bord ici Maintenant, cliquez off disparaît. OK, mais si je l'ai mis tout le chemin, cliquez dessus. Viens ici. Vous allez jusqu'au bout. Un peu de reste plein. C' est parce que ça ne fait plus partie de ce hors-bord. Vous pouvez voir ici si je cuisine en arrière-plan, mais rien sélectionné j'ai. Ah, page d'accueil hors-bord. Et puis j'ai un passeport, qui est tout ça. Ok, alors c'est allumé. C' est un peu comme un hors-bord séparé. Vas-y et tu vas aller à leur sujet pour celle-là. La dernière chose que je veux te montrer avant qu'on finisse. Ce n'est pas vraiment un super duper triper et supprimer. C' est souvent ce que je veux faire, c'est que je veux arriver ici. Je veux avoir un texte sur le top case. Je dois le laver, certains saisissant l'outil Rick Tingle. Et je vais dessiner un rectangle qui va comme oui, ok. Assurez-vous qu'il s'enclenche en bas. Ça pourrait être coupé de ce côté. Je vais le remplir de noir. Je vais lui donner une frontière, aucune à cocher. Et ce que je veux faire, c'est que je vais le faire reculer jusqu'à ce qu'il soit sous ce truc. D' accord, mais pas derrière l'image. La façon la plus simple de le faire est que vous pouvez faire un clic droit et dire, voyant à l'envers encore et encore jusqu'à ce qu'il arrive au bon endroit. Mais vous voyez le court arriver ici sur un mac, c'est la commande ouvrir les crochets sur PC. C' est le contrôle Ouvrir des enregistrements carrés. Ok, donc je vois mon temps taper sur le clavier. Vous m'entendez probablement arriver. D' accord ? Vous pouvez également le voir dans votre panneau Calques ici. soucie quand je suis juste à propos de cette image. Mais en dessous, ce que je vais faire, c'est réduire l'opacité, OK ? C' est juste une belle façon de l'étouffer, King. Juste pour que vous puissiez ajouter du texte ou, dans mon cas, quelques icônes. Ok, donc ça travaille avec l'illustrateur dans le design et des trucs super géniaux dans la boutique photo. Oh, oui. Note de côté. J' ai des cours sur tout spécifiquement sur et design et illustrateur et boutique photo. Vous pouvez donc les consulter aussi si vous voulez en savoir plus sur la vidéo suivante. 29. Comment masquer dans Adobe XD: Salut là. Dans cette vidéo, nous allons chercher à faire des masques, comment les créer, et ensuite les avait terminés après. Dragon, reviens. Les droits de vieux masques entièrement irritable . Va les faire maintenant. Ok, donc il y a deux façons de masquer. C' est assez facile. J' ai une image qui ont importé tôt m saisir le cercle tour. Je vais traîner un cercle parfait en tenant le décalage, le faire glisser à travers Slick. Les deux sont venus en tenant le décalage et en cliquant sur les deux, puis aller à l'objet et aller faire masque avec une forme gay. Ou il y a la commande de raccourci. Déplace-le ou contrôle. Déplace-le, mec, ça masqué. Et la bonne chose à ce sujet est que vous pouvez double-cliquer dessus et vous pouvez voir que je peux déplacer mon image séparément de mon masque. Ok, si je dois cliquer dessus et que la mosquée rentre gang et défaire, c'est comme ça que je veux mourir. L' autre façon de le faire est de dire que j'ai un cercle pour commencer, et si je fais glisser ce graphique dedans, donc il y a mon image étendue, en fait, je peux juste utiliser mon image de héros. Un. Si je fais glisser ça directement dans X'd. Ok, vous pouvez voir qu'il devient dans la scène à l'maintenant. La différence est que celui-ci utilise maintenant, comme, comme, une option de couverture où il va se développer et se contracter pour remplir à l'intérieur de ceci avec cet original ici est Aiken. Séparer le masque en différentes choses avec l'image de la forme du marais. Où est celle-là ? Ce genre de fusionné ensemble que pour faire avec le Phil, vous pouvez l'ajuster à l'intérieur d'ici et le faire glisser autour. Vous devez utiliser cette méthode. Vous pouvez le supprimer de là en allant simplement remplir et en choisissant simplement une couleur de remplissage, et ils le remplaceront. Ok, donc deux formes font des ordres dragon à l'intérieur d'une, et ils ont des propriétés différentes. Je suppose que je vais supprimer ce type ici, et c'est tout pour les mosquées. Je vais juste finir un petit projet ici. Je vais dessiner quelque chose qui couvre leur remplir avec ma couleur, envoyer à l'arrière. Compte tenu de notre frontière, je vais saisir ici et juste passer à travers un peu, avoir une image réelle et la faire glisser un peu, et je vais apporter un tas d'images et dessiner quelques erreurs pour que vous puissiez sauter le long maintenant parce que ça va devenir ennuyeux. Importez toutes les manques que vous suivez et vous voulez voir à quoi cela ressemble. Si je vais avoir des fichiers d'exercices, on a des images, et je vais apporter tous ces logos ici. Ok, un peu est apparu de différentes tailles. Amusant, k ultra force vers le bas. Donc ils sont sur le plateau de rythme et traînez-les tous comme j'en ai besoin. Et le truc cool à propos d'eux étant la victime Kors, P G, c'est qu'il est évolutif. D' accord. Et je peux double-cliquer pour entrer à l'intérieur d'eux suppose facile à zoomer. Double-cliquez. Kevin. Attendu sur un peu là. Donc j'ai tout sélectionné maintenant, et je vais t'avoir. Ça va être mon 1er 1 C'est ce que tu as peur d'être blanc aussi. Maintenir le décalage pour s'assurer qu'ils vous échelle proportionnellement à moi. Ce que je pourrais faire pour l'in est de le grouper et de le regrouper. D' accord. Finit de le regrouper. Parfois, vous devez le faire quelques fois et donc je peux supprimer ces balançoires. Je veux juste l'icône. Je ne suis pas fan de ton nouveau débarrassé. Euh, tu veux dire que je t'aime bien ? Personne de cette couleur rouge. Peut-être que c'est moi. D' accord. Fou avec ce type qui ne va pas soigner les temps chargés. Je vais t'attraper et lui faire quoi ? Et vous verrez que ces deux parties ici. Ok, je veux qu'il y ait un trou au milieu, donc on l'a fait avant. Je vais tenir le quart de travail, cliquer sur les deux, et je vais utiliser celui-ci ici. Le 2ème 1 moins avant. D' accord. Pour y couper un trou. Et on fait des icônes. J' ai 100% pour m'assurer que je leur donne une belle taille. Et je ne le suis pas. Tout est un peu gros en ce moment. Je peux chanter une chanson. Vous continuez le panneau des couches juste pour vous assurer que vous avez assez d'espace. Ce que je vais faire, c'est que je vais attraper tout ça et je vais le réduire considérablement parce que j'ai travaillé trop gros,en supposant que c' parce que j'ai travaillé trop gros, est trop loin maintenant. 100%. C' est ce que je cherche à faire. Vous les avez, assurez-vous de mentir. Vous obtenez de cette façon, trouvez toutes mes icônes qu'ils ont en mesure de monter et obtenir la bonne taille ish essayer de travailler une sorte de mise en page pour eux de ressembler à ce genre de zoom dans les partages de compétences là-bas. Ceux qui n'ont pas de Nikon, ils le font. Mais c'est vraiment méconnaissable. Donc tu dois aller de ce côté. Pourquoi ? Parce que je veux dessiner quelques erreurs. Cas. Je vais utiliser ça. Les outils de ligne. Plus facile. Dans ce cas, j'allais avoir une ligne blanche, peut-être trois. Si vous vouliez une erreur vraiment sympa, vous devrez peut-être vraiment sauter et trouver une vision Nikon. Il est que j'ai volé une remorque. Celui-ci ne vole pas le poids strict. En fait, ce que je pourrais faire au lieu de faire un peu pointu quand je vais faire un bon petit triangle, j'ai senti des blancs à la frontière hors du golf pique-niquer sur Get tout ça. Le grand membre en fait étant 100% maintenant, l' un des raccourcis pour obtenir 100% est la commande un, ok. Ou contrôlez un qui sautera à 200% parfaitement. Donc tu ne décales pas le crabe. Être en face, vous ne changez pas. Attrape-toi et je veux un couple de ces gars. Je veux que tu vois, enlevé. Faites le tour de ce cercle là-bas. Je dois jouer avec ça plus tard parce que tu ne veux pas me regarder taper sur ce truc. Donc ce que je veux faire, c'est quelque chose comme ça. Alors j'avais la tête dedans. Au moins, vous avez totalement sauté à la prochaine vidéo. Vous avoir, Dan jouant avec les lignes. C' est un peu ce que je voulais. Ce n'est probablement pas tout à fait correct. Surtout ces Huns rejoignent Presque la petite chose que je ferai avant d'y aller, c'est que je veux encercler à100%. Surtout ces Huns rejoignent Presque la petite chose que je ferai avant d'y aller, c'est que je veux encercler à Je veux avoir une bordure de blancs, peut-être deux k sur quelques icônes que vous pouvez apporter dans les importations de fichiers afin. Et dans votre dossier d'icônes, il y en a un qui s'appelle muet. Ah, eh bien, tu es parti ? Oui. Bureau du volume. Celui que je veux que ça indique ça comme ça, lecture vidéo. Vous pouvez vous désagréger d'accord avec la caméra vidéo plus tôt. Mais double-cliquez dessus pour aller à l'intérieur. Changez la couleur blanche. Je vais ajouter un peu de texte boîte noire pour qu'il soit assis sur Phil Border None. Capacité réduite. Fais la queue avec ce type jusqu'à ce que ça dise qu'on a vu tourner. Ça va être une explication. Photo vidéo jouant avec mu activé capable de sorte que l'utilisateur sorte de savoir que. C' est la chose qui se passe souvent mis entre crochets pour que vous sachiez que ce n' est pas une sorte de marketing. Parlez que c'est une sorte de mawr juste là pour aider les tests de l'utilisateur à devenir gay se sent blanc artillerie . Je vais le laisser. Comment, Vereker ? Parce que je ne voulais pas ressembler à ça. Les designers actuels voulaient être comme un petit théâtre de pièces d'information pour le moment. Tu ne peux pas faire de vidéos à l'intérieur de X'd. D' accord, ça va être tout. Il y avait un gros vieux morceau de production à la fin de Ça va, mais oui, on a appris un peu de choses sur la façon de faire des mosquées au début. Souviens-toi, époque, c'est probablement il y a 15 minutes. Vous obtenez une étoile d'or pour regarder jusqu'à la fin. D' accord. Sur la vidéo suivante 30. Vidéo de production Ajouter des boutons de champs de texte dans Adobe XD: Hé, là. Et cette vidéo va être une vidéo de production. Donc on va juste passer et faire des trucs, et ce que je vais faire, c'est le truc du haut ici, où on ajoute des tics , des boutons, et on fait glisser ça un peu. Faire un moyen Il est en place détenteurs. Et nous regardons ça, ce qui est vraiment cool. Il est des demandes de fonctionnalité de voleur pour plus de vos bugs. Ok, c'est une façon pour vous de passer à travers avec l'utilisateur et de dire qu'il faut vraiment souligner et voter. D' accord. Et regardez les autres et ce que vous pensez parce que quoi que ce soit arrive au sommet de la pile de vote, Adobe 60 fera ensuite l'affaire. Gay. Si pratique petite chose pour aller et dire oui, nous avons besoin de ces fonctionnalités. Vite. Intelligent. Bon, allons-y en fin de compte. Ok, donc là-haut, je vais ajouter. Un peu comme un appel marketing à l'action et probablement des problèmes Fairplex. Vole-le. D' accord. Et celui-ci est rapide. Tous les drive king out facile sur l'embarquement. D' accord. Elle va quelque part au milieu de la page. Vous pouvez voir si vous le faites glisser et vous vous approchez du milieu. La prochaine est assez intelligente, d'accord ? S' assurer que je travaille à 100% aussi. D' accord. Et juste pour avoir une idée de la taille de cette chose pour se déplacer dans le document, vous maintenez enfoncé l'espace spot et vous pouvez cliquer en maintenant glisser. Bon, donc je vais construire un champ de tiques. D' accord ? Vous pourriez sauter à quelque chose comme les matériaux gay ou Microsoft ou certains des cadres de fil pour obtenir des idées de la façon dont les tiques cadre devraient ressembler. Mais en fait, la boîte par défaut finit par regarder tout à fait. marchandises ont eu le bon genre de ligne autour de l'extérieur. Ce que je vais faire est juste de changer le rayon pour être de deux pixels pour correspondre au reste du style de ce qui se passe à une simple ombre portée. Je suis content de ce que ça ressemble, et je vais attraper mon outil de type clic une fois, et cela va dire nom de votre cours. D' accord avec ça. Sélectionné sur Ouvrir mon panneau d'actifs et vous devez être mon 16. Joli. Ce que je pourrais faire, c'est parce que c'est un champ d'entrée. Ça a l'air de la loi, mais c'est sympa. Si on le change en gris ou qu'on abaisse le passage A. Donc c'est un peu comme s'évanouir là, donc, tu sais, tu peux taper sur le dessus. Ce que je pourrais faire, c'est Boris des trucs du cadre métallique. Il y avait la femme quand on a fait, euh, je t'ai eu. Je te veux. Oui, c'est des morceaux ici que je veux. Copie-le. Et amène ces morceaux. Principalement. Je veux juste que tu ailles à l'antenne. Tu vas aller quelque part avec lui. Alors plus, et qu'est-ce que ça va plus ? Je vais emprunter les clés Est le long du haut, si tu aboyes les bonbons et les garçons. Ok, une raison pour qu'il dise « uploader », téléchargez votre vidéo. D' accord. Je dois les faire aligner était bien quand il va en sortir avec ce gars. Celui-ci allait dire que je les disséquais avec un noir et que j'utilise ma garde en passant dans celui-ci, il va dire avant-première face un peu. D' accord. Et on va avoir une petite case à cocher. Vous pouvez cocher votre propre version. Ok, donc ce sera juste cette façon de tenir le décalage. Le dessin Rick Tango. C' est un carré parfait, donc downshift pendant que vous le faites glisser, comptez quand il est en fait change pour dire que vous échantillonnez bien et ça va nous amener à un point où, genre, genre, il n'y a pas de sous-jacent C'est vrai, donc il y a un texte assez basique. Les options manquent un peu, donc il n'y a pas de soulignement. Je dessine juste avec la ligne jusqu'à maintenant. Et quand il s'agit de ces fonctionnalités, il y en a qui sont super essentiels que vous voulez vraiment et vous ne pouvez pas croire qu'il n'a pas . Donc, ce que vous devez faire est que vous devez sauter dehors pour vous montrer que c'est le site ici. OK, donc c'est Adobe X'd point de la voix de l'utilisateur Dot com Aller au A, et c'est une façon de vous d'aller dans le classement des choses. Donc ici, si vous pouviez continuer à chercher vous taper et souligner OK dans une recherche, vous trouverez que les tiques sous-jacentes pointillés et les tiques Lyme. Donc, il y a quelque chose, c'est , vous savez nous devons être en mesure de le faire, OK, et vous pouvez voter gay pour que les développeurs de X D OK, ils puissent avoir une idée de ce qui doit être fait d'abord par le votes. Ok, Donc vous pouvez voir que ces fonctionnalités signifient commencé, ce qui est sympa. Cela signifie qu'il ya un peu de temps, Donc, il devrait être fait bientôt. D' accord. Et vous pouvez ajouter vos commentaires ici et en abuser pour ne pas le faire. C' est ce qui semble être pour gay. Alors sois gentil. Ensuite, vous les gars. Joli. J' ai rencontré certains des développeurs X d, et ce sont des gars vraiment gentils. Ils ont juste beaucoup à faire. C' est un nouveau produit. L' autre chose que vous pourriez faire est juste d'avoir un peu de temps à regarder à travers et juste voter les choses comme ici. C' est ce que je veux vraiment. Casey, il suffit de cliquer sur vote Edri, adresse postale ou signe et les médias sociaux. D' accord. J' ai voté pour des tas de ceux-ci jusqu'à présent, mais celui-ci voulait vraiment, donc vous pouvez, genre, avoir des , choses comme une navigation collée au sommet. Donc, quand vous balayez, il ne bouge pas. C' est vraiment bon pour APS, ok ? Ou se moquer d'une sieste. D' accord. Retour à éteint. Quelques choses que je veux ranger et un zoom arrière, c'est que je veux que ça fasse partie ça et je vais probablement juste ça. Peut-être qu'on peut ajuster notre roi masque. Donc je vais faire ça gros. J' ai juste double-cliqué sur la fille là-bas, et je vais m'assurer qu'elle est assez grande sur ma nouvelle place et qu'elle sera sur la place Nice. Et vous les gars, un petit truc quand je sélectionne quelque chose est un traîner une boîte autour de tout et ensuite non isolé les deux que je ne veux pas lequel de ces deux en maintenant le quart de travail. Ok, c'est juste un moyen facile de saisir toutes les affaires comme elles toutes, puis maintenez la touche Maj et cliquez sur les deux . Ensuite, vous avez obtenu le sélectionné. Et si tu t'accroches au milieu, on peut te faire porter des tas de choses en même temps. La prochaine chose que je veux, c'est qu'il y aura notre boîte ici. Cela doit sorte de listes similaires que nous utilisons dans le produit donné que le client veut que je ne vais pas faire ces juste pour l'instant. Je vais ajouter un petit endroit plus vieux, donc la liste des instructeurs est va aller ici. D' accord. Donc rien de spécial. Juste un peu d'espace réservé pour que je puisse continuer avec mon design. Une autre chose que je vais faire, soulager, saisir le bord de ça, obtenir le double. Cliquez dessus et faites simplement cela beaucoup plus longtemps. Très bien, si gentil. C' est facile. Continuons à construire notre tableau de bord des instructeurs. 31. Comment créer un modèle popup dans Adobe XD avec un arrière-plan flou: Hé là, dans cette vidéo, on va arranger ça, Page où le fond s'est fané dans le noir et ce petit modèle pop up apparaît. Allons et apprenons à faire ça. Maintenant, dans Adobe Extinct. D' accord, c'est la première chose, c'est que je vais dupliquer cette page ici. Il y a plein de façons de le faire. Vous pouvez sélectionner le mot copie et coller de la page d'accueil. Il en met un autre à côté. Vous pouvez maintenir le boulon et le faire glisser à travers. D' accord. Vous pouvez accéder à votre panneau Calques et cliquer avec le bouton droit de la souris sur la page d'accueil et dire les doublons. Tout mène à une nouvelle page. Merci. Éteint. D' accord. Je vais m'asseoir maintenant, juste parce que j'aime un peu de fossé chez les jeunes et renommer celui-ci ici. Ça va être ma décision pop-up. Ok, Donc ce que je veux faire, c'est que je veux que les gens cliquent sur ce bouton de prévisualisation et qu'ils aient nos options pour dire, options pour dire,Aimeriez-vous le voir en tant qu'étudiant ou instructeur ? Va ? Et ce que je voudrais faire, vous voulez commencer par le début là. Je veux trancher tout ça. Ne faites rien. En fait, ce que je veux faire, c'est saisir le rectangle. Ça va et Dropbox sur ça ira ? Je vais le dessiner sur tout ça. Vers le bas. Je ne vais pas avoir de frontière. Donne-lui une saleté noire et je vais aller à l'arrière-plan. Flou ce cas d'option cool, un flou d'arrière-plan. La technologie explose juste tout derrière cette boîte qu'on a fabriquée. Maintenant, c'était noir, et évidemment il a disparu. Maintenant, c'est ce que vous pouvez faire, Vous voyez, c'est sa capacité, juste un peu comme au moment où il est complètement vu à travers de sorte que vous pouvez le rendre un peu plus opaque et décider à quel point vous voulez qu'il y ait dans le brouillage de l'arrière-plan. C' est un moyen très rapide de faire comme ces petits pop ups vont juste, comme fonder l'arrière-plan et imiter un peu comme un pop-up Ajax. Donc ce que je vais faire, c'est zoomer un peu. Je vais tout dire maintenant, et je vais le verrouiller. Donc, le commandement Al est le raccourci. Tout est verrouillé de sorte que quand je travaille sur mon petit pop-up Motile. Ça ne va pas avoir d'ennuis. Donc je vais faire un petit pop-up en début, accord ? Ça va avoir une ombre portée. Il va probablement avoir une plus grande ombre portée. le cas normal, je vais faire six par six et un flou de peut-être 16. Vous voyez, c'est juste une plus grande ombre portée et pour le rendre vraiment évident et se démarquer en termes de croix, et je peux soit la croix, retirer de mon cadre métallique ou membre de la feuille d'autocollants du matériel Google . Ok, il y a des trucs vraiment sympa dans la partie supérieure gauche ici. Si j'allais l'attraper, le copier de l'autre côté pas à celui-ci. À celui-là. l'a rythmé. Très bien. Oui. D' accord. Et assurez-vous que je travaille à 100%. Ok, tu réalises que c'est un grand mode serait en gros. D' accord, je vais tirer quelques tiques d'ici de ce que les étudiants voient ce que vous voyez. Et mon gravier de cette copie était lisse et stylisé. Ok, donc notre texto va être nos 16 actifs garantis et nous allons passer à 16. Ces boutons vont être de lui voler. Alors je te veux. Peut-être que tu peux le faire. Il copie et lisse cet abattage aller il coller l'apparence. Maintenant, cela n'a pas fonctionné, parce que cela est en fait regroupé pour être non soigné et juste sélectionner la boîte bleue parce que j'avais à la fois le texte et je ne savais pas quoi faire. Apparence de pâte gay. Ok, sous la même chose que celle-ci. Ceci est déjà séparé. Apparence basée sur les pièces Changez ce 12 sur vert. Maintenant, je manque juste en alignant ça, essayant de les rendre jolies, donc il semble bien, peut-être, peut-être, mais plus haut mais plus petit. Et tu montes dans le coin, accord ? Et c'est tout ce que je veux. Pain, l'arrière-plan a fait une petite chose pop-up qui n'est pas tout à fait au centre. La bonne chose à ce sujet est, même si ceux-ci sont tous verrouillés et que je les ai sélectionnés On dirait que j'ai tout. Sélectionnez Si je commence juste à faire glisser ceci, vous pouvez voir qu'ils restent verrouillés. Ok, donc je vais regrouper ce truc si je regroupe, ça me donne, comme les options. Tu vois cette ligne violette qui est apparue, donc je sais qu'elle est au centre. D' accord. Et ça va être cette vidéo. Allons et faisons le tableau de bord pour la page de l'instructeur. 32. Créer 12 tableau de bord à l'aide de l'outil de répétition dans Adobe XD: Hé là, dans cette vidéo, nous allons regarder créer ce tableau de bord instructé basé sur une grille de 12 colonnes. On va l'éteindre pour qu'il soit joli. faire tout cela, puis va le transférer sur notre page d'accueil et faire des trucs amusants où nous avons soufflé l' arrière-plan et les boutons ed et faire des trucs cool avec des symboles. Beaucoup de choses à couvrir dans cette vidéo. Allons-y maintenant et faisons-le. Ok, donc c'est ce que je construis ici. Donc il y a vous cliquez sur ce bouton. Il vous montre la vue étudiante que nous ne construisons pas parce que le client est nous. Ce n'est pas trop. Ils l'ont déjà fait si instructif. Vous, ils veulent qu'on construise. Donc, ce que nous allons faire est que nous pourrions faire une nouvelle page, mais comme nous avons déjà fait la grille de 12 colonnes entrer dans ce 1er 1, nous voulons nous assurer que nous dupliquons cela. Donc, il n'a pas vraiment d'importance si nous dupliquons la décision pop-up parce qu'il a la SLA, la page d'accueil, des bits et des morceaux. Et donc ce que je vais faire, c'est regarder ce copier-coller. Maintenant, je veux qu'ils soient parfaitement séparés. Donc ils sont tous séparés dans le bon ordre sur Do ce qui se passe est que si je prends le titre ici et regarde ce dragon à travers, vous obtiendrez cette belle grande boîte magenta qui l'alignera vers le haut. Ça n'apparaîtra pas si, disons, je ne vois pas cet écart et je le traîne. Ça ne sait pas ce que je veux dire. Donc, vous devez être capable de voir l'écart. Est-ce que l'un des pas ici pour que cela fasse réellement sa magie ? Ok, donc trouver que ça ne marche pas, je dois zoomer un peu, Co donc on a nommé celui-là. Ça va être instructeur de sport. Cool. Donc ce que je vais faire, c'est que je vais tout trancher. Supprimer ce qui était leur OK ? Ce qui est mon seul mobile. On va tout découper et aller commander. L déverrouille, supprime. Et maintenant je veux aller à mon panel d'actifs et vous verrez ça parce qu'ils n'ont pas été vus semaines internes chaotiques. En fait, il est plus facile de sélectionner le haut. Weinhold shift a pris le bas un cas en haut d'un décalage cardiaque, cliquez sur la ligne du bas, puis appuyez sur commande semi deux-points sur votre gâteau de clavier. Donc maintenant, j'ai récupéré ma grille pour pouvoir commencer à l'utiliser pour construire mon tableau de bord. L' autre chose que je veux faire est que ma navigation sur le dessus soit un symbole. Ok, donc j'en ai besoin parce que je veux l'utiliser à nouveau, et je veux en tant que symbole, je voulais pouvoir être ajusté une fois à travers le symbole, et ils sont tous mis à jour sur les autres pages. J' ai donc choisi le centre commercial. Maintenez, Shift, cliquez sur ce gars. Donc, j'ai tout cela sélectionné. Je vais aller à ma c'est le panel. Et je vais dire que je veux que tu sois un symbole. Il y en a maintenant. Peu importe si je traîne ça, accord ? Et l'aligner ou juste copier ce gars maintenant, parce qu'il est un symbole et je clique sur cette page, le coller. Il va à l'endroit exact où j'en ai besoin, ce qui est génial. Alors comment je vais casser ça, je vais casser ce 12. Colin se brise en quatre sections assez facilement. Ok, alors, on va en faire trois. Ça va être la navigation de gauche pour l'instructeur et ensuite j'utiliserai les neuf suivants pour ma carte. Donc je vais construire ma carte pour qu'on puisse ignorer la première rue, parce que ça va être ma navigation. Je vais prendre mon rectangle et je vais arrêter de construire ça. Ok, je vais traverser trois maintenant. Assurez-vous que 100% d'accord. Et de quelle taille ces voitures devraient-elles être ici ? C' est à peu près juste. Je vais avoir une ombre portée. Pas de frontière juste parce que je vais prendre le talkto une fois. En plus, je vais en faire le vert. Mettez un petit cercle autour d'elle. Zoom avant, maintenez la touche Maj, Obtenez un cercle parfait. Non, Phil Green frontière en remorquage. Rien ne fonctionne si cela ne fonctionne pas parce que je l'ai sélectionné. Baisé le noir un clic droit sur ce gars, puis pas Phil et avoir une bordure verte. Et comment ? Pourquoi ? Je veux essayer de faire correspondre le plus. Donc peut-être que deux vont taper, taper, taper, taper. Cliquez sur. Tous les deux tenant le quart. Puis groupez-les commande g ok. Ou contrôler Geoana pc. Revenez à 100% qui est la commande 1. D' accord. Et tout est grand. Alors tu descends. Il est plus petit double-cliquez dessus pour aller à l'intérieur du groupe. Je vais cliquer sur lui etles les aligner au milieu. Et cela, j'ai décidé de changer d'avis et d'en faire un. Bon, donc il y a mon petit bouton plus juste pas tout à fait aligné. Donc je vais cliquer sur vous et vous et les deux dans sélectionné. Je vais m'assurer que nous avons vos lignes alignées et vos lignes. Le haut et le bas ne fonctionnent pas bien, car c'est en fait une police. Donc, il y a un peu plus de haut, mais différemment. Travail horizontal bien. Ok, donc 100% va prendre mon type jusqu'à ce que je m'assure qu'il est parfumé. Parce que si je ne le fais pas et que je le fais aligné, ça ira. Mais quand je commencerai à ajuster ça quand je le répète, je vais devoir continuer à bouger ça parce que je veux qu'on nous envoie son envie de cliquer sur un. Je vais m'assurer que c'est parfumé. Celui-ci sera le chiffre d'affaires mensuel récurrent. Ok, coller que tout clic sur notre robot qui fonctionnera au centre de ça va être mon genre de plus grande option. Ok, il semble toujours ce qui est bon. Et le soleil va montrer ce que sont mes revenus récurrents. Et ce qu'on va faire, c'est arrêter de jouer avec nous. Ça va être différent de tous ces autres. Donc, ça va commencer avec les effets importants sur. Mais je veux que celui-ci soit audacieux. Ok, pas audacieux va devoir être un livre, en fait, parce que je ne veux pas faire sauter mes polices. OK, donc il va être ça va être ma belle couleur. Super. Il va y avoir un peu de ticks explicatifs en bas ici, ou ça allait dire jusqu'à 9%. C' est le mois dernier. Ce que je pourrais si c'est juste le genre de salle de jeux avec le genre de hiérarchie de l'information que je pourrais juste faire comme une couleur plus claire sur ce que je veux juste déplacer un peu vers la gauche, parce que en fait, ce Je veux faire est de mettre un peu vers le haut ou vers le bas l'air , et en fait, je veux que ça Au lieu d'être gris, je veux qu'il soit vert si ça va bien et peut-être lire si ça va mal. Ça va toujours y aller. Eh bien, je vais attraper la flèche de peut-être coller une feuille Gay de Google a une bonne zone, mais nous pouvons réparer ça, collé ici et tourné autour de maintien de la garde. Quand vous tournez, il va s'assurer qu'il tourne et sorte de, Ah,des Ah, angles de 90 degrés ou 45 degrés sont venus en utilisant mon Eric Il est de pousser ça autour. Ce que je pourrais faire, c'est que, euh, ok quand il est sélectionné et que vous ne pouvez pas voir dans l'intérieur de ses moyens, c'est probablement un groupe ou c'est un symbole. Ok, donc tout ce que je vais faire, c'est aller m'opposer et aller à s'attarder. Maintenant, c'est un couple. Donc c'est que Plus est une ligne autour de l'extérieur. Je ne veux pas de ligne autour de l'extérieur. Je te veux juste. Je veux que tu montres vert pour de bon. Peut-être que le pont est d'accord, et je veux augmenter le pourcentage. Ok, décide encore. Vert plus léger. D' accord. Vous avez passé des âges à concevoir l'un d'eux, non ? Gay et tu sais, c'est trois colonnes. Donc, ce que nous allons faire maintenant, c'est multiplier cette chose sur ces montants. Voir toutes les colonnes que je vais lisser. Tout cela est arrivé. Je vais répéter le pont, et je vais traîner à travers, et je veux juste trois d'entre eux. Et combien en bas ? Et quatre d'entre eux ? Super. Donc je vais jouer avec l'espacement et un zoom avant et essayer d'obtenir l'espacement pour correspondre à l' arrière-plan assez proche. D' accord. Je vais avoir ça dans un malade et tu ne peux pas t'accrocher aux choses en arrière-plan dont on va devoir le faire manuellement. Mais pour être honnête, il doit être 12 colonnes, mais pas pixel absolu. Parfait. Parce que c'est quelque chose va être recréé dans le code plus tard. Ok, donc je vais les rendre aptes. D' accord. Donc vous arrivez à un point où vous aimez, vous pourriez maintenant passer à travers et dire, en fait, que je veux juste cliquer sur celui-ci et aller utiliser une chanson, accord ? Et le tour en ce moment est de 15%, mais c'est pour mes affaires. De toute façon. Nous utilisons une chance assez élevée, et nous allons arriver à un point où je dis que je veux changer ça pour être débarrassé parce que l'utilisation de chaînes va augmenter d'un peu le mois dernier a augmenté de 3% 3% en hausse basée sur le mois dernier. Mais c'est mauvais. L' utilisateur tourne comme mauvais mensuel. Le chiffre d'affaires est génial. Donc ce que je veux faire, c'est passer par ici. On va rencontrer un problème. Où ont sélectionné et je veux aller et changer cela à, disons, Big rouge vif état Lettre. Tout change. Ok, donc il y a des choses comme le texte que vous pouvez changer comme si nous avions changé la musique de l'utilisateur. Et ça ne s'est pas mis à jour. Mais vous trouverez rapidement que vous avez finalement besoin orteil non toilé eux ou les esquisser. La mauvaise chose, c'est qu'ils ne seront jamais en mesure d'être aussi gentil petite grille répétée. Vous pourriez être capable de traîner plus de pouce, mais maintenant avec eux sélectionnés, accord, je peux passer par, et ce sont toutes des parties individuelles. Et c'est ce dont j'aurais besoin. Maintenant j'ai besoin que tu puisses avoir une sélection sur lui. Ok, il est groupé. D' accord. C' est pourquoi je ne peux pas sélectionner uniquement sur le Spitzer, le groupe de rôles. Donc ce que je vais faire, c'est soit double-cliquer dessus, ok ? Ou vous pourriez le regrouper. Je vais aller au manteau Big Bright Rid Morning. Et même pour le remplissage de cela. Ce que je pourrais faire est d'ajouter ce débarrasser à mes couleurs réutilisables. Grand, rouge vif. Ok, je vais les remplir tous et je le ferai et je l'accélérerai. Ce que je veux faire, c'est travailler sur la main gauche jamais aussi souvent. Quand tu entreras , côté administratif, tu auras un top. Jamais gentil, simple, facile pour tout le monde. Et puis sur le côté gauche est, allez-vous potentiellement avoir un secondaire ? Jamais. Et c'est ce qu'on va avoir. Donc je vais prendre mon outil de type qui travaille 100% gay, fin et noir. Notre espace par drogue à travers. pris une fois, et je vais avoir en haut le tableau de bord. D' accord. Je vais utiliser une des choses. Ils l'ont aligné en haut de tout ça, et maintenant je vais passer en revue et ajouter les différentes options pour ce tableau de bord, et il n'y a pas de points de balle. Donc, ce que vous pouvez faire est de sortir pour utiliser une extrémité vocale dessus. Je t'ai montré une mise à jour. Il s'agit d'une fonctionnalité ou tout simplement maintenez enfoncée la touche d'option et tapez sur un Mac ou volumineux sur un PC et tapez huit. Ok, le numéro huit sur le dessus de votre clavier qui vous donnera une fausse balle. D' accord. Et je vais faire des usages, et je vais me débrouiller et choisir mes 16 pour ma copie corporelle. Et au lieu de lui remettre des retours et de mettre la prochaine, Ok, ce que tu veux faire c'est avoir des boîtes séparées, parce que si je fais ça et que j'ai plein de retours, je ne peux pas avoir ça. Quand j'ai obtenu un prototype est plus qu'un seul bouton pour aller à une autre page. Ok, donc toute la marine finit sur une page. Ce que je veux faire, c'est avoir beaucoup de design d'inspecteur. Je veux dupliquer ça. Et maintenant, je vais faire le prototype. Je pourrais dire que ce bouton va ailleurs différent de cette page. Donc le seul manuel qui n'est pas autorisé. Donc ici, je vais passer par le filet. Je vais demander à Jason d'accélérer ça. Merci, Jason. Casey, tu es de retour. Et ce que je veux faire, c'est si vous ne saviez pas si vous maintenez la flèche noire clic en maintenant commencer glisser. Et après que vous commencez à faire glisser la touche R enfoncée sur un PC ou une option Chiana Mac, vous obtiendrez comme un doublon. Et si vous le faites glisser assez près, vous verrez ces jolies boîtes magenta ramasser et dire, Vous voulez dire 16 ? 17 pixels et vous dites Oui, s'il vous plaît leçon facile. Il y a un duplicata, comme dans illustrator. Tu peux y aller. Il dupliquer la commande D. Ok, donc c'est probablement en fait la commande d'option plus rapide e pour faire glisser cela. Commandement E. Et il duplique juste le truc. Tu dois le faire glisser. Il ne fait pas exactement comme illustrateur, où il sort aussi. Mais vous pouvez dupliquer ou copier, coller ou faire glisser comme je viens de le faire. Je sais que ce genre de navigation d'instructeur va apparaître dans beaucoup de pages. Donc, ce que je veux faire est lisse que tout et assurez-vous que c'est un symbole ici symboles de sorte que lorsque je le mets à jour une fois, il se met à jour sur toutes les pages. Si tu as oublié comment mettre à jour pendant qu'on est ici, j'en ai deux maintenant, ok ? Ou même trois d'entre eux. Ça veut dire que si j'entre dans ce 1er 1 dire, en fait, on ne l'appellera pas. Les utilisateurs allaient appeler ça les gens gay, et rien ne change qui est tout à fait unique. Mais si je clique sur, cliquez sur retour à droite, cliquez dessus et dites mettre à jour tous les symboles. Vous voyez ça venir pour la balade. C' est pour ça que je défais maintenant. Et c'est pourquoi les symboles sont utiles pour, comme, la nature supérieure de cette chose ici. Ok, donc il y a quelques choses que je veux faire avant de partir. Et eso c'est un peu le cran principal de celui-ci. Fait. Je vais aller à travers et ajuster ces boîtes et un peu. Je vais les éteindre. Sélectionnez-les tous parce que je les ai utilisés pour obtenir nos jolies grilles de colonne. Nous savons donc qu'il pourrait être développé plus tard facilement. Mais j'ai sélectionné tous ces points dans la commande semi deux-points. Ils sont éteints maintenant, donc je peux voir à quoi ça ressemble et ce que je veux faire pour ces pages. Je veux changer complètement la couleur de fond parce que j'aime ce genre de boîtes blanches, mais j'ai besoin d'avoir un peu de contraste en arrière-plan, donc tout ce que vous faites est si vous cliquez sur le bord, vous sorte de propriétés de page qui double-cliquez sur l'âge. Vous voyez, l'apparence Phil signifie que la couleur de fond se remplit. Donc, je clique sur cela et juste choisir comme, un blanc cassé vraiment clair. D' accord ? Ma modification même à mes nuanciers ici pour que je puisse le réutiliser plus tard. Ok, juste pour retirer ça des affaires de fond, quelques choses que je veux faire avant de partir. Ce sont ces deux boîtes d'une sorte de combinant orteil une fois et Internet a explosé sur un seul groupe. Celui-ci, il va être double hauteur, accord ? Et c'est là qu'il sera Alistair comme des abonnés récents. Donc, si vous êtes un train et vous pouvez voir les gens qui viennent de s'inscrire abonnés si récents et vous voyez maintenant à quel point il est utile de s'assurer qu'il a été parfumé avant que je commence à travailler parce qu'il va toujours entendre de sembler autrement quitté la ligne de paiement la bombe. Ok, je veux que tu partes. Je veux que tu partes. Je veux que tu partes. Et maintenant, j'ai besoin de créer quelques abonnés récents. Un très bon truc pour ça, c'est si vous avez sauté sur un site appelé Il y en a beaucoup. Si vous tapez un générateur de noms aléatoires, vous trouverez beaucoup. Et c'est celui qui finit toujours et tu dis que je veux 10 noms ou des noms masculins et féminins . Je veux juste des noms vraiment communs K et générer des noms aléatoires. Et je l'utilise pour remplir des jeux de données pour mes simulations. Rend la vie vraiment facile. Donc je vais prendre tout ça, le jeter ici, et je vais les faire en fait juste un gros manuel parce que je n'ai pas l'intention d'être ces cliquables dans cette maquette. Ok, donc je vais prendre tout ça. Je vais m'assurer que 100% certains mélangés de la conception de ces, n'est-ce pas ? Et ce que je pourrais faire, c'est faire tout ce qui reste de la ligne, ces onglets et les mains. Pas ce que je veux, des espaces. Maintenant, vous pouvez jeûner un peu, Jason, à la fin de ce truc de design qui traîne autour pour après. Voilà Mawr. Des trucs intéressants à venir, mais allons-y, accord ? Mon dos et ce que je veux faire, c'est que je veux un genre de ceux-là. Ces deux derniers, nous allons télécharger l'application, et nous le ferons dans une seconde ici. J' aimerais être, genre, genre, un peu parce qu'il y a un nouveau produit. Je veux avoir une petite option qui dit, Ah, Ah, si tu as une bonne idée d'envoyer une affaire US, je vais me débarrasser de toi. guérir. Toi. Je n'ai pas besoin de ça. Un petit bouton supplémentaire pour celui-là. Je vais mettre un gros bouton, et je vais juste le voler sur cette page. Toi, en haut, tout est groupé sur vous. S' il vous plaît copier. Vas-y. Et tu es dans le ST Ah, gentil. Joli. Joli. Celui-ci va être des demandes de fonctionnalités. Demandes de fonctionnalités. Cool. Oui. Bien joué. Vieux pour la drogue d'un côté. quelque sorte va des deux côtés ou option sur le mac. Ok, ça va être mes petites demandes de fonctionnalités. Mais maintenant je vais mettre à jour le reste de l'utilisation de Jason peut les avancer rapidement, et je te verrai juste après un petit peu plus avant qu'on passe à autre chose. D' accord. Donc rempli les détails et ce que je veux aussi pour cela c'est que j'ai besoin que vous descendiez un peu parce que j'ai besoin d'un autre bouton en haut ici pour vous qui permet aux gens quand ils sont dans leur genre de prévisualisation, pour être en mesure d'enregistrer avec elle, nous allons commencer à faire leur propre cause, ce serait une démonstration. Donc, nous allons faire quelque chose comme créer votre propre création Plus à la fin. Parfois, j'ai un peu de temps avec ces boutons que ça ne va probablement pas passer à travers toi. Le test ne peut pas pour la vie de moi. Pensez à une meilleure façon d'écrire ceci maintenant. Les mêmes couleurs, en fait. Je pourrais choisir quelque chose d'un peu différent pour être un peu évident que sexuellement devrait être roboto. Ça veut dire que c'est roboto. Ça veut dire que ce n'est pas non plus. Toi, Oups. Un des boutons comme ça. Toi aussi, parce que je les ai copiés et collés du fil. Encadré ? Vous avez probablement vu ça s'est passé et je l'ai ignoré tout le temps. C' est bon. On l'a fait. D' accord. Eso a eu ça ? J' ai fait un petit message. Tu peux continuer maintenant. Je vais juste libérer des textos ici. C' est E. C'est des données réelles en direct. Et je voulais être familier. Donc, une raison en italique fait que tout se sent comme si c'était le mot parlé dans ma tête qui le fait . Au moins, ça va assez petit. Ça va enfreindre mes règles ici parce que ça va être quelque chose d'alerte ou différent. Oui. Ce sont des données réelles. C' est ce que tout le monde doit savoir. Et ce que je veux faire, c'est maintenant que j'ai ce genre de comment je veux que je veux utiliser ceci sur la page d'accueil. Donc je vais faire, c'est que je vais attraper. Je ne les veux pas tous, mais ça va suffire de ce dont j'ai besoin. Je vais les copier. Bien sûr. Ce que je veux faire sur ma page d'accueil. Je veux qu'il y ait un exemple. Ça va aller juste ici. Je vais le mettre dans une grande boîte qui étire le tout avec d'accord. Et je vais faire cette boîte de cette couleur, et je n'ai pas Phil. Je ne sais pas combien de temps ce sera un mon après juste dans une seconde, et je voulais aligner sur notre grille de maïs 12. Alors rappelez-vous, si je suis sur cette page ici, cliquez à l'intérieur. J' ai des couches. Je devrais pouvoir voir les colonnes ici, et je veux les allumer. On y va. Allez. Semi, Colon. Et je devrais peut-être les déverrouiller parce qu'ils ne sont plus assez longs. Donc je vais demander à l de regarder, et ensuite les traîner vers le bas et ils les ont à nouveau verrouillés. Vous allez commander élégant. Donc il y avait verrouillé. Je vais accélérer ça. Et je voulais m'aligner avec ces colonnes là-bas. D' accord ? Et je vais descendre. Oui, mais qu'ils en fait, je voulais être cette colonne ici. Dans ce cas, je vais ajouter un petit téléchargement d'application cool fera dans la vidéo suivante. Eso vous quelque chose comme ça. Et ce que je veux faire, c'est que je veux vous montrer comment le faire ressembler parce que je veux cette grande boîte et ici passer des 12 colonnes. D' accord. Je veux être la même que ça. Vous copiez ? Vous excitez généralement court court un peu de partage un long chemin. Rappelle-toi, mais commande tout le OK, donc je copie la commande V. C'est juste un moyen très facile d'attraper exactement les mêmes couleurs de ces gars. Et cela n'a totalement pas fonctionné parce qu'il a regroupé le groupe udon dans et ensuite sélectionné cette partie. Ok, fais-le. Ces Michelle coupe commande voir, contrôlera Vienne PC, puis commande tout le rythme à travers l'ombre portée. Le Phil se débarrasse de la frontière. Joyeux jours. Ok, Suivant. Ce que je fais, c'est que je veux que ça ressemble à s'estomper, alors on va regarder flouter un peu. Donc tout d'abord, je n'ai pas besoin de ça. Et ce que je vais faire, c'est que je vais juste couper ces gars, juste les laisser. En fait, tous. Au revoir. Ok, donc ce que je veux faire, c'est que je vais attraper l'outil rectangle, et je vais dessiner quelque chose en bas ici. Je ne veux pas disparaître ça. Je veux juste dire que, écoute, ça écoute, disparaît dans le fond, comme je t'ai montré dans l'intro. Donc, ce que nous allons faire est que vous vous sentez bien, ne lui donnez pas de bordure et de fond bleu avec des vues, mais nous pouvons simplement utiliser le flou d'objet. D' accord. Et vous pouvez voir que j'ai une sorte d'obtenir un bord fané là-bas pour ressembler à il est probablement voulu à faisceau ou combien quelque chose comme ces jeux. Déménager à travers maintenant, décoloration n'est pas pour tous les coins du moment. Ok, donc tu dois être peut-être juste traîner ça à travers, puis le faire vibrer et l'amener à l' avant. Donc, le décalage de commande près, crochet carré serait juste l'amener à l'avant où vous pouvez faire un clic droit au membre et aller à l'avant, parce que j'ai eu ce genre de comme disparaître. Donc il y a, genre, on dirait qu'il y a Mawr à utiliser. Alors maintenant, je vais prendre ce bouton. Ce que je devrais faire c'est avoir ça sur ces deux gars Dragon dans ma bibliothèque de symboles. J' ai donc mes boutons facilement accessibles. D' accord. Je l'ai déplacé là-bas. Il suffit d'appuyer sur le bouton plus sur les symboles. J' ai mes boutons. Je ne veux pas mettre à jour un et les mettre à jour tous, Mais je peux les utiliser de cette façon. Regarde ça. Il suffit de l'utiliser comme un début pour que je puisse le traîner dehors. Et il fait partie des symboles, mais il n'a pas soigné le changement de commande G ou le changement de contrôle G sur un PC. Ça veut dire que je peux les déranger. Plutôt aller trouver une page qui les a déjà. Maintenant, il est déconnecté si vous possédez les groupes, ils sont déconnectés des symboles. D' accord ? Et ça va être comme un Seymour. Tu vas l'inventer pour qu'il y ait plus de choses à faire et que tu puisses vérifier. Lorsque vous cliquez dessus, vous finirez sur cette page de discours. Nulle part. Cette page ici. Ok, le tableau de bord co cola choc est si je clique sur cette boîte ici et il y a, commande trois ou contrôle trois sur PC. Il va zoomer juste sur cette zone spécifique. C' est un bon moyen de se déplacer si vous trouvez qu'il est un peu difficile de passer d'une page à l' autre. C' est en ce moment et X'd. Ok, ils avaient besoin d'une sorte de pages de navigation faciles, panneau ou commande j comme dans la conception, une sorte de moyen de sauter d'avant en arrière très rapidement. Ok, la dernière chose que je veux faire avant de passer à la prochaine vidéo, c'est une longue, juste longue. Donc, vous allez garder une trace de vos manches peut. Ce sera un gros robot, et je vais faire en sorte que Sansom traite correctement la taille de la police et vous. Ok, donc ça va être lui. Il s'alignait là-haut. Ce qui pourrait faire, c'est que je veux l'utiliser et l'utiliser en blanc Tous les droits dans la prochaine vidéo , nous allons construire ce clic ici pour le truc de l'application. Et ça va être assez cool parce que nous allons regarder les marchés CC et comment utiliser les conceptions P ST et Folsom dans un PST fonctionnel pour le marché. Ça a l'air déroutant. Ce n'est pas le cas. Faisons-le dans la prochaine vidéo hissée. 33. Comment créer une maquette pour téléphone mobile avec Adobe XD Photoshop: Salut là. Dans cette vidéo, nous allons simuler notre tableau de bord sur un téléphone portable. On va utiliser le marché Theodore B qui nous permet d'être irritable. PST est de lui et aussi utiliser des objets intelligents afin que nous puissions faire des choses cool quand nous mettons à jour choses comme le logo qui ont été faites en fait, va juste détruire il avait sauver signifie que le balisage Photoshopped se met à jour automatiquement. Et si j'ai eu un 62e et 60 mises à jour aussi, rend super utile quand vous êtes un peu à mi-chemin à travers des choses comme la conception de logos comme je suis pour cette règle des bibliothèques Sisi produits. Allons apprendre à l'utiliser maintenant, à fois dans X'd, boutique photo et illustrateur. Ok, donc la première chose qu'on veut faire est de trouver un téléphone à utiliser. On pourrait en dessiner un. Ça a été pour toujours. Hum, et donc on va utiliser l'application Creative Cloud. Et soit vous pouvez obtenir un stock et trouver un iPhone près, mais ce sont ceux qui vous sont facturés. Donc, les actifs , cependant, ont quelques bons ici s sa recherche de marché. Je cherche l'iPhone. Je recherche iPhone six et sept et six équipes qui ont la plus grande variété d'options. Mais je serais en fait à la recherche d'un iPhone X ou X ou quelle que soit la version qu'il est pour vous maintenant, OK ? Et puis tu choisis ceux qui, selon toi, pourraient marcher. Eh bien, en raison de dans ce cas, je vais télécharger celui-ci à mon instructeur, bibliothèque H Q. Et il y en avait un autre que j'aime ici. Celle-là. Nous regarderons ces deux choses quand vous cuisinez dessus, recherche de PST. Ok, donc tu veux quelque chose soit de l'air que je dépose ou un PSD ? Nous ne voulons pas vraiment des J cochons, principalement parce que nous voulons qu'ils soient tous déjà cliqués. Donc, j'ai téléchargé ces deux. Si vous n'avez pas accès à ce marché d'actifs, ils sont déjà dans vos fichiers d'exercices. Il y a de nouveaux dossiers d'images et ils sont appelés balisage iPhone un dans vous pourriez ouvrir ces . Pourquoi ? J' ai appelé celui-là PST PST. Non. Bien sûr. OK, alors ouvrez les deux et Photoshopped. Ou si vous utilisez les bibliothèques de cartes de crédit et la boutique de photos, vous pouvez obtenir une fenêtre, ouvrir des bibliothèques, vous assurer que vous êtes sur votre instructeur H Q et qu'ils devraient être ici. Vous pouvez simplement double-cliquer sur eux. On va le faire d'abord parce que c'est simple. Sur sa première chose que je veux faire, c'est que je veux passer, assurer qu'il y a plein de parties. C' est la bonne chose. Tout pourrait être allumé, désactivé et ajusté, en voulant que l'arrière-plan soit éteint parce que je n'ai pas besoin de lui et ce que je voudrais faire est apporter quelques graphismes de 60. Donc apporter des graphismes est en quelque sorte deux façons. Est la façon de l'homme de la caverne et la bonne façon. Donc je veux que ces trois fassent partie de mon tableau de bord. Ce qu'il peut faire si je viens de copier jusqu'à la commande, voir ou contrôler voir sur un V p. C, et a collé dedans juste l'amène à travers, mais ce sont des pixels. Ok, donc ce n'est pas comme de beaux trucs de Victor, et vous pouvez voir qu'il est trop petit pour se déplacer. Ce que je vais faire est parce que je vais pour un OK rapide, bon marché et joyeux, je vais juste les rendre plus grands. Copiez les sous-sol. Ok, maintenant ils sont de taille assez grande. Je peux les convertir en un objet intelligent d'une des nouvelles super sérieuses. Il transforme K pour le ramener à la bonne taille. OK, donc c'est la façon de l'homme des cavernes. C' est Rasta. Ce que vous pourriez faire si vous vouliez être super officiel, c'est les gens les victimes, c'est qu'avec ces gars sélectionnés, vous les regroupez en premier. Pour commander jail sur un Mac ou le contrôle J sur un PC est toujours qu'ils sont un groupe, vous pouvez faire un clic droit sur eux dans le clic export. Nous examinerons l'exportation plus tard correctement. Mais ce sont les bases. Et ici, je peux choisir xvg ou PDF qui conservera le vainqueur. Ensuite, vous pourriez les amener dans la boutique photo et ceux-ci seront charmants. Victor. Mon Dieu, si vous n'avez aucune idée de ce que signifie la bonté de Victor, faites-les grand et copiez-les et collez-les à travers. Ok, donc ce que je veux faire, c'est que deux choses vont s'aligner sur écran et je veux l'avoir pour voir que c'est la chose que je veux. C' est l'écran, et je ne voudrais pas faire est de l'avoir juste au-dessus de l'écran. Et il y a un moyen facile et des photos achetée pour masquer ces deux-là ensemble. Alors assurez-vous que le graphique que vous avez apporté est entendu et renommé juste pour être officiel, ça va être mon ex d mark, ok. Et assurez-vous qu'il est au-dessus de l'écran. Et puis si vous maintenez enfoncée, option sur votre clavier ou si vous êtes sur un PC, maintenez l'okey enfoncée. Vous verrez si je passe ma souris juste entre ces deux gars, ok, ok, sont à la recherche de cette icône. Si vous cliquez dessus, le haut est masqué par celui et aujourd'hui vous voyez, il est agréable et facile là, vous pouvez vous déplacer séparément. Ok, juste une façon agréable et facile de faire des masques dans la boutique photo et avec l'écran. charmante personne qui a construit ça a soulevé sa victime pour que je puisse double-cliquer sur l'icône. Et je pourrais aller changer la couleur. Et en fait, je veux utiliser la couleur que j'ai utilisée en 60, ce que je sais c'est si, aussi, si deux sur deux Ok, genre de couleur géniale et ce que j'ai travaillé aussi sont pour le client. Je leur ai construit un logo. Ok, donc vous avez probablement vu le début. On avait ce logo tapé. Ok, ça s'appelle un type plus long de juste un peu de tiques stylistiques. Mais ils voulaient un logo. Et c'est là que nous en sommes maintenant. Ok, donc nous ajustons ce petit peu et agréable, moyen facile pour que cela fonctionne nécessaire. Le flux de travail que j'utilise est que dire, c'est comme ça qu'on va traîner dans mon instructeur. H Q. Je suis illustrateur, ce qui est souvent que vous construisez des logos. Ok, je vais illustrer le cours. Vérifie ça. Si vous voulez en savoir plus sur Illustrator Donc c'est là. C' est Victor, c'est génial. Et Photoshopped, vous verrez qu'il est apparu ici aussi. C' est la bonne chose à propos des bibliothèques qui traînent dans une. Vous pourriez le traîner ici. D' accord ? Dans les esprits. Je vais juste être au sommet. Retour rapide. Zoomez un peu et je l'ai cassé. Comment a fait une pause ? Rappelez-vous que j'ai dit que ce marché extrême devait être juste au-dessus de l'écran, et j'ai fini par apporter un travail entre eux. Donc je vais aller là-bas, d' accord, accord, et m'assurer que ces deux-là sont juste au-dessus de l'autre et ce gars ici. Mon logo n'interfère pas avec ce petit type de structure que nous avons construit. Impressionnant. Donc le truc cool à ce sujet, si j'avais sauvé maintenant c'est des coupures claires. Et si j'avais dit : Pouvez-vous voir ? Parce que je l'ai acheté dans mes bibliothèques. Il se met à jour ici aussi. Vous pouvez simplement dire que c'est un morceau D ou un PNG, parce que vous voulez un arrière-plan transparent à vous, puis vous pouvez sauter dans X et soit important ou utiliser votre bibliothèque. Donc raccourci commande time shift l pour la bibliothèque va bien, ou vous pouvez aller déposer leur dedans. Je suis instructeur. C' est Q. Maintenant, vous semblez voir les avantages de ces bibliothèques. Je pourrais le traîner en gay et le fermer. Ok, donc j'ai ce petit gars maintenant que je veux traverser et tu le rétrécies pour être peu dans cette petite histoire d'application, tu es un peu le début. Tu vois aussi la petite tique verte ? Cela signifie qu'il est lié à la bibliothèque. Vous pouvez, contrairement à cela, dire que vous ne voulez pas le connecter à la bibliothèque. Arrogant. Il suffit de cliquer dessus et il se déconnecte, ok ou quoi ? J' aime cette connexion. Donc je vais l'amener ici, le mettre quelque part pour saisir cette option. Et toi, mon ami et capuche non soignée. Donc je peux voir ça, Phil, ce tueur, c'est comme ces deux équipes de maintien, et ensuite on va aller à l'objet il y a. Masse avec forme, pas de commandes. Même si vous êtes de l'illustrateur. Ok, donc et en fait, ce que je veux faire c'est que j'aimerais copier ce copier-coller, et je voulais être devant, donc je te veux. J' en ai deux versions maintenant. En fait, ce que je veux faire est de copier ce copier-coller. Il y en a deux versions maintenant, et je veux choisir le téléphone qu'il contient. Je suis venu et puis aller au commandement. Déplace-le ou contrôle, décale-le. Ok, parce que maintenant c'était ce rectangle, ce genre de rectangle de pêche pour le masquer. Et je reste avec un fond aussi. Alors pourquoi continuer à utiliser les bibliothèques ? C' est là que la magie se produit quand vous avez un peu enfilé un logo qui est la moitié et le développement avec une maquette et boutique de photos. et ça a été ramené à 60. Alors Pompier Illustré ici, je peux double-cliquer sur le logo dans ma bibliothèque, ok ? Et ouvre-le et décide ça. En fait, ce truc dit est changé. Je ne sais pas. Je ne sais pas pourquoi. Et, tu sais, ça va changer. Je sais que c'est juste une sorte de travail en cours. Cette chose ici, vous changez les fermes, vous changez les couleurs, tout va et change et regarde. Que se passe-t-il si je frappe le fichier en toute sécurité ? Ok, ça met à jour le logo dans la bibliothèque. Et parce que les boutiques de photos utilisant ce même élément de bibliothèque, vous pouvez le voir mis à jour ici. Et si je sauvegarde ce document et aller à la journée des oeufs, vous remarquerez Parfois, il faut un peu de temps pour 60 pour une sorte de re lier. Si cela se produit, vous pouvez ouvrir votre bibliothèque. Il suffit de cliquer sur cette petite icône se lever pour moi déjà. Mais si ce n'est pas le cas, vous pourriez appuyer sur ce bouton. Ce genre de rafraîchit pour que vous puissiez voir Eh bien, c'est du travail en cours. Vous pouvez définir ces chaînes et cela se mettrait à jour si j'utilisais le logo ici dans ma partie supérieure aussi bien bien, ce que je ferai dans une seconde. Donc, je vais revenir en arrière et faire ça avant qu'il ne casse sa sauvegarde ses premières mises à jour disent que l'annexe D obtient une seconde et va s'opposer. Il y a donc une des versions. Jetons un petit coup d'oeil à la façon dont cette option fonctionne. Alors j'appelle la maquette à Okay. Je veux vous montrer cela parce que certains d'entre eux viennent à lui comme un style légèrement différent. L' autre qu'on a fait. Nous utilisons simplement leur masse simple pour que cela se produise. Ce qu'ils ont fait dans cette option château point co bonnes minutes. Une ressource gratuite qui a eu deux téléphones. Ok, un blanc et noir quand je veux le blanc. Mais on les couvrira tous les deux pour le moment. Il voit sa place, votre image ici. Ce qu'ils veulent dire par là, c'est que si vous double-cliquez sur cette option, les mains courent un objet intelligent. Tu vas à l'intérieur, donc on va double-cliquer, aller à l'intérieur, et ce qui finit par se passer c'est que c'était le dossier qui était correct. Et nous avons ouvert cette chose supplémentaire appelée écran un point PSB. Ce sont des objets intelligents. Ça va demander ça à propos des polices ? Ça ne me dérange pas. Je ne veux pas de ces fonds. Donc ce que je veux faire, c'est que je vais tout couper ici sauf l'arrière-plan et que j'ai supprimé, accord ? Et avec l'arrière-plan, je vais à Phil. D' accord. Quelle couleur nous voulons utiliser ? Nous utilisons le F deux ef pour avoir à nouveau. Ok, si bien. Ce genre de gris cassé, tout coller cette chose à nouveau à partir de 60 ans. Où es-tu, mon pote ? L' inversion du tirage au sort. Appelle B en se basant sur lui la grande transformation vers Nice. Quelque chose comme ça. Et le logo tourne pour le compléter maintenant. Donc je suis dans ce super document. J' ai été frappé en sécurité. Alors je peux le fermer. Et que se passe-t-il ? La magie l'avait fait pour toi. Ok, donc si vous trouvez des trucs à travers le marché Adobe souvent, X a séparé de cette façon et des choses comme ça. Écrans ou simulations pour un livre, un sac ou un T-shirt. On aura cette chose où il est dit de placer votre énergie et que vous regardez cette icône là . Double-cliquez sur eux. Allez à l'intérieur, faites des changements, enregistrez-le. Vous n'avez pas à le fermer, mais revenez à cet original et vous pouvez voir qu'il est mis à jour ici. Kate en dessous de ça. Sauvez-le à nouveau. Fermez-le. Belle petite maquette, et ce que je vais faire, c'est de le retourner, tout éteindre le truc noir, éteindre le téléphone, sauver. Vous remarquerez ici dans mes simulations, c'est comme là et je pourrais décider maintenant lequel de ces éléments je veux utiliser. Je pourrais essayer juste une autre option ici. Vous dans les options B. Donc pas toi. Je vais l'apporter. Allez, décalez Al pour les bibliothèques. Vous, mon ami, train de vous mettre à jour. Donnez une seconde. C' est beaucoup plus grand. Classez celui-là. Très bien, Ici, il est parfois de prendre un peu de temps. La connexion avec X T et les bibliothèques n'est pas encore génial à 100%, et c'est donc un gros balisage. Ok, je vais faire le sexe. Les mêmes choses que je faisais pour ça il a baissé 1% 100% et trouver quelque chose qui fonctionne. Je n'aime pas vraiment cette version. Je voulais juste avoir une autre option. Option plus compliquée pour vous montrer comment cela fonctionne. Donc maintenant je dois faire, c'est que je dois te prendre une copie, le coller, trouver ce genre d'endroit où je voulais. C' est comme si tous les deux le commandent vaisseau et j'ai un joli petit balisage. Mais parce que ça fait partie de la bibliothèque, ça va se mettre à jour. Si je mise à jour et photo shop, vous pourriez juste enregistrer le morceau de et l'apporter, ou Jake Pig ou PNG. Si vous voulez garder ça super simple. Je n'aime pas l'usage. Je vais l'effacer. Ok, donc c'est comment travailler avec ces beaux objets intelligents et les besoins de paix. Maintenant ce que je vais faire, c'est juste un peu de remplir les détails pour que je veux qu'ils soient . Si vous allez télécharger l'application de tableau de bord, qui va se moquer dans une vidéo bientôt, ok ? Et on reviendra à mon panel de soeurs, je vais utiliser celui-là. Les vins de fabrication passionnant maintenant et Tim est hors des logos k pour les magasins APP et les mettre là dans des icônes. Et il y a le téléchargement App Store et Google Play Store. Ils ont des tailles très différentes, donc je vais juste les mettre à l'échelle, les avoir ici. Pourquoi les différentes tailles ? C' est là que je les ai téléchargés depuis Google et Apple. Ils nous donnent des tailles différentes parce que sa victime n'a pas d'importance Next échelle. Les dirigeants sympas ont besoin d'obtenir ces choses la gamme et BU à peu près la même taille. Impressionnant. Donc je vais refuser d'infirmer une slick qui va la copier et la prendre sur la page d'accueil dentée, qui est toi. Regardez sur la commande Big Box trois ou contrôlez trois pour zoomer, art collé. D' accord. Et je vais utiliser le plus de ça. Ce qu'on va faire, c'est avoir des morceaux par ici. Um, groupez-les. Donc j'ai ça. doit être beaucoup plus grand. Vous pouvez voir à nouveau si c'est un objet intelligent et il est lié en commençant à l'utiliser encore et encore sur différentes pages. Ça veut dire que quand je le mettrai à jour, ça va circuler dans tout le document. Je dois aller le trouver et essayer de le changer. Alors quoi, vous image d'arrière-plan pour être le vert juste parce que vous savez, c'est comme ce Copier et coller. Donc, deux options, comme les deux de la m commercial utilisé double-cliquez dessus parce que je veux que cette image soit un peu et entendre des arrière-plans. Tous les deux vous en commandez un ou contrôlez un sur un PC pour zoomer sur 100%. Certains obtiennent ces choses. Ce genre de bonne taille sera un peu plus grand sur le bureau. Et je te veux, s'il te plaît. Mm. Moins font plus. Merci. Allez, trois. D' accord. Ça va être mon petit cliquable. En fait, ce que je veux faire, c'est que tu sois un peu là-haut. Il y a le golf de fond sur les boîtes vertes. Et bien, pour être juste un peu plus haut là-bas. Bon, mes amis, c'était une autre longue vidéo. Mais il vous montrera comment utiliser des choses comme Adobe Market pour tirer le meilleur parti de la boutique photo et connecter tout avec les bibliothèques C C. J' espère que ça a été utile. Tu apprends quelques choses. Passons à la prochaine vidéo où nous nous moquons de l'application 34. Créez une version APP de votre projet Adobe XD UX: Hé, là. Dans cette vidéo, nous allons construire la version APP de l'Instructeur X Q. Nous allons construire un système d'embarquement simple, puis style, yeux ouverts, système d' inscription, et ensuite jeter un oeil à notre tableau de bord dans le cadre de cela aussi. Nous allons examiner les logos et certains des avantages et inconvénients de l'utilisation de X, d, P et G SPG es Grady INTS est un peu de bonté au début. Et puis on va juste se construire jusqu'à ce niveau. Bon, allons-y et faisons-le. Maintenant, dans le cas suivant, d' abord, prenons le crochetage de l'outil hors-bord. Et l'iPhone allait utiliser la taille six et sept. Ok, buvez ici. Il s'est retrouvé entre ces pages. Un vrai problème. Mais si vous avez toute la commande hors-bord sélectionnée, trois se rapprochent et en commande, on vous obtient au moins 200% quelques choses que je veux faire directement. C' est souvent là ? Ça va être mon application, et ça va être l'embarquement. Il va y avoir un petit message sur l'embarquement qui arrive. Donc ce soit notre 1er 1 et et on change les couleurs de fond que si pour eux utiliser est là, je veux apporter un logo et je veux montrer que votre logo est juste parce que c'est, euh, quelque chose que vous allez probablement rencontrer. Donc, si j'ai eu une importation de fichier et que je peux voir ici quand j'apporte un fichier I nativement encore, cas où ce que vous pouvez faire est juste d'ouvrir la même chose dans Illustrator Stick que tous les copier et coller dans. Et la plupart du temps ça marche. Ça ne marche pas pour moi pour le moment parce que j'utilise des INT Grady complexes. Ok, ça laisse tomber le top, mais ça fait bien pour le morceau du bas rayonnant que j'ai. Donc je n'ai aucune idée de pourquoi ça arrive. Donc si, vous savez, laissez ça dans les commentaires, j'aimerais savoir pourquoi, mais regardez ça. Si je double-clique dessus, vous pouvez voir qu'il dit a un grand remplissage. Ok, vous pouvez le voir. Il y a forcément Grady remplissage, mais pour une raison quelconque, il ne s'affiche pas, donc je ne suis pas sûr si je vais être utilisé ingrédients dans la version finale de classement sérum. Ils gentil autre, Pas tant, mais pour contourner cela, accord est qu'il va illustrateur et l'enregistrer comme PNG. Il y a deux façons de le faire. Vous avez l'exportation de fichier correct et l'exportation ainsi Work. Vous pouvez simplement choisir P et G en bas à proximité ou il y a une option dans le panneau d'actifs Exportation d'actifs. Tu peux juste faire glisser tout ça, d' accord et ensuite décider. Je voulais être PNG, et c'est une façon de l'exporter aussi. Tu vois, il n'y a pas beaucoup de morceaux. Vous devrez peut-être le regrouper en premier. Donc groupe, puis Libellule s c'est panneau. Quelle que soit la méthode que vous utilisez, vous pouvez maintenant exporter un PNG. Je vais exporter ceci et le mettre dans vos fichiers d'exercice afin que vous n'ayez pas à le faire. Mais sachez juste que cela peut être quelques complications. Je pense que c'est juste radiant dans les spg es qui ont les problèmes de sorte que vous pouvez apporter l'option que j'ai faite est dans vos images et il est appelé est un PNG et SPG et un fichier IR. On veut la PNG. Dans ce cas, c'est assez Biggs et sa quantité et son échelle vers le bas un peu de cela est quelque chose qui ne sera pas un problème dans un peu de temps. Juste un zit. Les moments, une fin de cercle EC au milieu. Ok, je vais utiliser cette ligne, la ligne autour de l'extérieur, mais je vais la remplir avec une de mes couleurs. Lequel ? Social. Je pourrais avoir des ennuis à travers eux entre les différents messages d'embarquement. Je veux utiliser l'un de ceux-ci est un exemple sur celui-ci. Copie-le. Je veux juste donner aux gens une idée de quoi ? Ce qui se passe réellement dans ce camp. D' accord. Avant qu'ils, vous savez, juste un peu sur l'embarquement. C' est comme ça que c'est cool. Donc ça va être un peu un message marketing ici est bien parfumé. Merci. Message marketing. Quelque chose comme ça. D' accord. Et en bas, je veux qu'il y en ait. Donc, quand on est en train de le marquer, il y a un peu comme un prochain et arrière et un petit point ici ce genre de montrer où vous êtes dans ce processus, c'est ce que je veux, c'est des options. Et je viens de tirer ces images sont y. Vous pouvez les voir ici, sauter ensuite, et ces points vont les attraper. Et à l'origine, si vous ne l'avez pas vu, cependant, tiré de cela, vous l'aimez pour le matériel Google. Ok, donc je vais juste les attraper, le faire passer. Je ne les ai pas copiés. D' accord ? Ils ne se copieront pas au rythme. Si j'ai un outil de type sélectionné, prenez la flèche noire, puis collez le jeu. On aurait quelque chose. D' accord. Eso ces morceaux de tiques vont maintenant être audacieux retour 100% va être mon vert. D' accord ? Et la raison pour laquelle j'ai ce genre de boîtes en arrière-plan ici va le rendre facile à cliquer. Ok, qui utilisera plus tard. Tu trouveras ton amende, mais je veux les faire de la même couleur. Vous ne pouvez pas vraiment les voir, mais cliquable certains de ces points vont aller dans Dieu sur les groupes eux. Toi, toi et toi. Donc ces deux-là en fait, commençons par être plus verts, et ensuite nous aurons lavé le vert pour ces deux-là. Donc vous savez que le premier point Très bien, dupliquez facilement ce gars. Je vais tenir Bolt, faire sortir gay, et ça va être mon message d'embarquement. Numéro deux. Je vais extraire d'autres données d'ici et ce que je fais. Juste pour gagner du temps, c'est que je ne vais pas changer ça pour le moment. Gaol que je vais faire est d'ajouter les détails parce que vous ne voulez pas me regarder changer la copie basée fixe. Donc ce que je vais faire, c'est toi mon ami, encore une fois d'être jeune et d'utiliser le « JE Drop ». Ça vous plaira. En fait, non, je ne vais pas juste augmenter la capacité parce qu'il y aura, en fait, la même couleur. Alors, quelle est la capacité de ce 36 86 ? Et l'autre chose dont il aura besoin que le 1er 1 n'a pas fait, c'est une flèche arrière. Ok, parce que tu es arrivé ici, tu es allé de l'avant. Si vous voulez revenir en arrière et vérifier, vous avez besoin d'une petite flèche pour tirer ça de nos cadres métalliques aussi. Je vais le faire. D' accord. C' est tout le groupe de chant saisi. C' est allumé. Prends juste ces deux morceaux pour moi place et puis bâton. Alors fais réfléchir ce type. Couleurs, arrière-plans, Et souvent, lorsque vous effectuez un zoom avant, il est juste plus facile de découper des objets individuels. D' accord ? Et ça allait être une petite erreur verte dupliquée à nouveau. Est-ce que celui-là va être la troisième option pour la prochaine partie ? Je veux vraiment voler les cadres de fil parce qu'il avait une très bonne option que j'ai volé sur les écrans d'ouverture de session de matériel Google. Je vais copier ces deux. Maintenant, si vous cliquez sur les deux noms tenant le décalage, d'accord ? On dirait tous les deux. Et nous pouvons apporter tous les hors-bord. Ce que nous avons fait auparavant, c'est que nous n'en avions que des éléments. Donc je vais traîner ces gars pour qu'ils s'alignent bien. Je pense que ces deux gars et lui sont à McCullough. Ils doivent être au même endroit. Donc, malheureusement, il y a différents. J' ai en quelque sorte déplacé ça dans des espaces ici, donc je veux m'assurer que ces air exactement au même endroit sont le dernier endroit. Belle façon de le faire est au lieu de faire glisser et simplement de les copier. J' ai donc pris sur ce tableau une copie de ces gars regroupés en groupe de poing. D' accord. Split sur l'aéroport. Donc tu sais, tu es à droite à bord. Cliquez sur lui sur la copie d'erreur noire. Donc, il une copie Cliquez sur cela et allez coller, et nous allons le mettre exactement à droite. Place Donc maintenant je peux passer par. Et donc, en fait, tu dois être blanc. Double-cliquez dessus pour entrer dans le groupe, ou vous pouvez le détoiler. Ok, peut-être avec toujours saisi et maintenant dans une copie, euh, allez à ce post. Il va revenir en arrière ainsi et un joli petit tour. Maintenant, il faut tout changer de l'affaire Helvetica. n'y a pas de bon changement, Font. Ce que tu peux faire est un peu sournois. Trick, c'est dire que je veux changer tous ces types bleus. Je vais posséder tout le groupe pour que je puisse vraiment trancher ce truc ici. OK, donc c'est bleu et c'est la mauvaise police, donc je veux la changer dans une grande boîte. Ce que je peux faire, c'est qu'il s'agit d'un style de personnage. Je dis qu'il co alors je peux aller dans ce style de personnage, beaucoup de ça et dire, En fait, je voulais être noir. Et tu vois de la magie ? Il les met à jour tous. Et je voulais être mon robot. Ok, tout ce que tu pourrais faire différemment au lieu de le manger ici. Lequel est-il ? Il était celui-là, ce 14 K a transformé le nom tiré de l'avant et parce que j'ai changé le fonds, vous pouvez voir qu'il est en bas ici, et je ne veux pas celui-là, ok ? Je les utilise juste pour gravier de la seconde juste appuyer sur supprimer. Et rien ne change vraiment. Donc, vous avez droit, cliquez sur obtenir une suppression et il ne supprime pas l'option. On va faire la même chose pour ça, donc je vais les déglacer, faire de lui un style temporaire, non ? Cliquez-le, allez-y et dites-vous, mon ami. Roberto et vous alliez être noirs et vous verrez, même s'ils ne font pas partie du style, c'est plutôt cool. Roberto et vous alliez être noirs et vous verrez, même s'ils ne font pas partie du style, Et donc robot, un point de 10. Si vous voulez le garder, je pourrais garder celui-ci maintenant et de travailler sur mon application Si vous ne le voulez pas, vous pouvez juste faire un clic droit dessus et le supprimer. Donc je veux dire ce gars, en fait, ce que je pourrais faire pour lui, c'est juste changer de vitesse. Cliquez sur les deux et choisissez parce que j'ai un fonds qui correspond réellement à ces deux-là déjà. Donc pas grand instructeur de théâtre, H Q. Ce que je vais faire pour l'instructeur H Q est mal adapté pour le logo ont fait une version blanche . Donc, dans vos images, il y en a une et elles s'appellent Informer le logo. Version deux boîtier PNG blanc. On va le ramener et le rétrécir trop gros. D' accord, on va faire ça. Le gars Akopian a glissé sur ce type. Colle-le. Il va au bon endroit, en fait, avant de le coller. C' est comme ça ? C' est tous les fonds sont mis à jour. Ce style de ligne doit être mis à jour. Mais les groupes pour un groupe eux. En fait, je veux juste les boîtes parce que je devais prendre sélectionné aussi bien. Et ici, je veux que la bordure soit que j'utilise cette couleur ici pour mes lignes. La couleur d'arrière-plan pour ces deux APS va être une couleur complète si à la même chose avec celui-ci et oui, a besoin de changer. Ce truc fait des informations personnelles. Je vais juste te choisir. Eh bien, c'est mis à jour. J' ai besoin de toi. C' est toi qui répète encore des grilles. cool, c'est que si c'est un groupe, il y en a d'autres. Celle-là est encore en train de répéter la note. Tu sais, c'est parce que tu vois ce truc ici. D' accord ? Il y a, genre, deux petites poignées étranges. Chaque côté signifie que je peux continuer à faire glisser plus d'options. Donc c'est un peu pratique quand ils sont toujours là. signifie que vous pouvez double-cliquer pour aller à l'intérieur du ciel sélectionné. Et si je change l'un d'eux sur le quai Oh, vert, vous verrez le vieux Change Co. Quoi que ce soit d'autre, ce petit type de couleur devrait être, il va être le vert foncé qui va être blanc dans le groupe. Quoi que ce soit d'autre, ce petit type de couleur devrait être, Il est venu ici. Bouton blanc. Joli. Ok, alors comment ça a l'air ? On y est presque. Tu y vas. Tu ne le fais pas. Venez pour le tour va. On y arrive. Je veux plus de pages pour ce genre de simuler exemple prototype et n'a pas vraiment d'importance. Je vais commencer par le début. Je n'ai pas besoin de tout ça, alors j'ai juste double-cliqué. Il l'a déplacé. Donc, lorsque vous vous connectez à cette inscription dans Logan, la prochaine que je veux sera le tableau de bord, parce que c'est la fonctionnalité principale de cette application. On s'est moqué de ça. Avant que je vais faire est été tout. La couleur de fond va être aussi grise. Quand a été la division du logo que vous Legos ? Celle-là. C' est juste trop grand. Vole-le de mon cadre métallique. Je veux cette option ici. J' allais le colorer. Pouvez-vous voir si je ne l'ai pas sélectionné pour juste le placer au milieu de mon port de vue ici. Cas air droit au milieu de l'écran. Mais je clique dessus, il le prend d'où l'on l'a obtenu. Donc je vais aller le chercher et le faire entrer en groupe, aller au Phil. Étant donné que Phil, en fait, il y a évidemment beaucoup de la boîte en arrière-plan de celui-ci. Zoom avant. Regroupez-le encore, ces trois gars, et vous allez être cette option verte. Je vais aller aux tableaux de bord que j'ai faits et prendre un exemple. En fait, je vais attraper um, la SLA. Ok, sauf ces deux-là, ils ne veulent pas qu'ils fassent partie de mon application mobile. Et je vais juste les remonter ici. D' accord ? Donc je les ai copiés et collés, et je vais arrêter le groupe dans des trucs. Vous trois vous engagez groupés pour que vous puissiez passer sous la même copie de distance, en fait vous savez, les regrouper, puis faire tomber ces gars, et ensuite je vais dormir tous faire le mois, le groupe les obtient. D' accord. Et ce que je vais devoir faire pour cette application spécifique ici va devoir rendre ça super long, donc je vais le coller ici. La notation fédérale est très pratique. D' accord ? Il y a quelques choses que cette chose doit faire. Tout d'abord, mettez l'extérieur. Tout le nom est le montant de sorte qu'il descend et vous pouvez tout voir. D' accord. Et je veux m'assurer que cette chose ici est à base de plantes défiler de sorte que lorsque les gens, parce que sinon il suffit de l'effondrer vers le haut. Ici. On veut pouvoir faire défiler à base de plantes dans notre prototype, et je veux continuer à faire d'autres trucs. Mais vraiment, je suis juste en train de des choses fairedes choseset tu n'apprends rien de nouveau. Vous avez probablement déjà abandonné maintenant, donc nous allons le laisser là. On a nos AP et il y a une chose que je viens de remarquer cette petite ligne bleue. J' irai faire ça une fois que j'aurai fini cette vidéo et la sauverai. Espérons qu'il y avait quelque chose qui vous aiderait. D' accord, passons à la prochaine vidéo 35. Fonctionnalités cachées pour Adobe XD Repeat Repeat Grid: Hé, là. Dans cette vidéo, nous allons utiliser la note de répétition pour faire des répétitions faciles. Mais nous allons aussi faire des trucs amusants. QC se répète avec des images séparées dans différents bits de texte ou automatiquement. C' est plutôt cool. Allons et apprenons à le faire maintenant, dans Adobe X'd. D' accord. La première chose est de ne pas être surpris par cette page. Je l'ai fait entre les vidéos de toi tombant avec le tutoriel. Vous irez d'où vient cette page. Je viens de le faire maintenant parce que je veux que vous cliquiez sur cette option et que vous puissiez aller à quelques séances dans l'application. Ok, donc la première chose que je veux faire, c'est que je veux construire mes cours. Page, je vais commander zéro pour voir tout ça. Zoomez un peu et je vais commencer avec cette option ici. Je les ai juste remarqués. Nous, mais les tiques laissés à partir d'une autre page montrant. Ah, commande je les déverrouille ou contrôle Elena PC. Ce que je pourrais faire, c'est commencer à cuisiner là-dessus juste pour le ranger un peu trop longtemps et attraper celui-ci Copier et le coller, se déplaçant avec les mêmes distances, tous ses copains. Et ce ne sera pas le tableau de bord. Maintenant, ça va être la page des cours. Non, il n'a pas besoin de la page là-dedans. Alors j'ai des cours. Parce que ce que je veux faire, c'est que je veux que la navigation vienne pour la gauche et la droite, ce qui est des symboles. Ok, donc ce que je veux faire, c'est que je veux juste des morceaux. Je veux que tu disparaisses. Nous devons remettre nos colonnes en marche. Donc je vais aller dans mon panneau de couches, trouver ces 12 gars et aller commander des virgules. Il va les rallumer pour que je puisse voir qu'ils étaient en fait une couleur drôle maintenant. Donc, je vais les déverrouiller et juste les faire une couleur plus foncée afin que je puisse les voir pour le moment pour les verrouiller à nouveau, commander l ou contrôler sur un PC. Et ce que je veux faire, c'est que je veux construire ma page de cours. Donc, cela va maintenant dire des cours, et je veux aller jeter en premier. Donc ce menu que j'ai décidé chevauche trois colonnes, donc je vais m'assurer de ne pas utiliser ces trois colonnes. Je vais mettre une image pour les deux de Cheryl dans ma grille de 12 colonnes que je vais avoir une boîte à cocher. Ça vaut environ cinq ans. Juste deviner. Maintenant, en regardant mon imprimé, pourquoi cadre à côté de moi ? D' accord. Et j'ai été mis dans un texte d'espace réservé. Ce sera l'un des secrets ou des choses que je te montrerai dans une seconde. Donc je vais retourner à mes biens. Je vais choisir le style que j'ai utilisé. Maintenant, je travaille à 75 ans donc c'est trop tôt. Trop tôt. Doutes vont commander un pour s'assurer que 100% gay ou contrôler un sur un PC. Et ça a l'air trop grand maintenant va le laisser parce que je n'en veux pas. Orteil. En fait, faites 1,5 colonnes. Ça ira. Mais on a la chambre, donc on va l'utiliser, donc il y aura mon texto. Il a laissé les lignes qui vont aller là-dedans. Je vais ajouter une petite chanson de bouton Chiklis dans un membre de la barre de mes boutons pour mes symboles sur les groupes. Décidez de ce type. D' accord. Et celui-là va vraiment me donner trop petit s'il n'est qu'une colonne, alors je vais le faire un dans un peu. Celui-ci va dire Chiklis, donc une grande partie de ce truc ici, c'est Chiklis pour les cours. Vous pouvez donc savoir où l'Europe plaide. Je vais utiliser un petit bouton de liste de vérification. Donc, dans mes cadres de fil sont déjà en quelque sorte la plupart du temps fait cela. Donc je vais attraper ces deux gars. Double-cliquez dessus pour entrer dans le gravier. Trois d'entre eux maintenant décalage au signal. Copier le mouvement. Croisez les coller. Mettez-les dans cet endroit que je veux. Ok, je vais éteindre mes colonnes maintenant en les sélectionnant toutes, parce que maintenant ils font juste obstacle. C' est la commande semi-deux-points ou le contrôle. points apparents sur un PC. Tu en as marre que je dise ça, non ? Vous savez ce que c'est sur un PC et ce qu'il est sur le cou. Je dois continuer à le dire, donc mon bateau va être vert. Ma case à cocher sur un double clic. Il est entrer dans le bord pour faire que le vert est aussi et ma petite poubelle peut rester Grande. Ok, donc ce qui rend ce super génial et super caché. Donc, la première option que vous pouvez ou ne pas avoir déjà vu. Donc tu vas tous les glisser et aller à la grille de répétition. C' est la chose super magique qui arrive. J' adore ça. Ok, donc ça veut juste dire que c'est vraiment facile à y aller et que ça génère beaucoup de ces options. Combien avons-nous besoin ? Je vais faire cette réunion pour le moment. L' un des secrets super duper génial fonctionnalités cachées est si je prends quelques images. Ok, donc à l'intérieur de mes images de cours à l'intérieur de vos fichiers d'exercice et des images de site et comme des images de cours , je peux saisir tout ça. J' ai beaucoup d'entre eux qui attendent de l'argent que j'ai besoin. Eh bien, 16. Et les a traînés dans ce premier, comme sur. Et ils vont se peupler. C' est une option super cool, génial. L' autre chose est que vous pouvez faire avec du texte aussi. Ok, donc il est ma place ou pour envoyer des textos. J' ai un fichier texte dans mes fichiers d'exercices. Ok, c'est là. Là, il doit juste y avoir un vieux fichier txt. Ok, donc rien. Pas de formats de mots spéciaux. Juste pas de pad sur un PC ou prend sur un mech. D' accord. Et il suffit de dire que c'est un fichier txt point et de les avoir tous sur des lignes séparées. D' accord ? Et ce que vous pouvez faire, c'est juste faire glisser la même chose quand nous avons fait ça. Alors faites-le glisser là-dedans. Mais un texte ici et une potion magique. Regarde ça. Kate va les remplir tous à travers cette liste. J' adore ces caractéristiques de cigarette. D' autres petites choses qui ne sont pas si secrètes. J' ai cette grille sélectionnée. Vous pouvez ajuster l'espacement entre eux. D' accord ? Et vous pouvez éventuellement le pouce non soigné. Ok, qui va briser ce genre de jolie petite grille répétitive. Mieux look signifie que vous pouvez les éditer individuellement. Le moment, beaucoup de choses qui sont liées ensemble. Si je déplace ce type, tout se déplace. D' accord ? Quelques choses que je veux finir avant de passer à autre chose. Vous pouvez sauter maintenant si vous voulez. Je vais y aller. Il est dit ajouter cours voulait être un bouton de cours ed. Je peux parler des murs. D' accord. Et en vous, je n'ai pas besoin de ça. Ce que je pourrais faire, c'est que ce bouton regarde qu'ils cherchent à certains de la même taille. Vous devez en quelque sorte, comme trop cuire un pour qu'ils se sentent comme des tailles différentes. Et puis je ne suis pas content de ce que j'ai fait là-bas, donc je vais probablement jouer un peu plus tard. Et je veux que ça soit aligné avec ce bord ici, et tu pourrais voir si tu n'en es qu'un. Ils s'ajustent tous. Comment puis-je entrer là-dedans pour les ajuster, suffit de double-cliquer dessus. OK pour entrer dans la grille de répétition. Donc, ces deux gars l'ont tapé dessus. Ils viennent tous. Love Europea cred. Petit. Une chose que j'ai oubliée. D' accord. Est-ce que j'ai eu cette page des causes, mais je viens de réaliser que je n'ai pas réellement c'est une option dans ma navigation comme. Alors vous allez au tableau de bord. Tu es genre, je vais ajouter, bien sûr. Oh, il n'y a pas d'options pour le faire. Vous pouvez avoir des utilisations, donc j'ai besoin d'ajouter ça. Donc ce qu'on va faire, c'est qu'on va faire ça plus tôt en symbole. Si ce n'est pas le cas, vous devrez passer en revue et ajuster manuellement les deux pages. Ok, alors quoi ? Je vais faire ça et double-cliquer pour aller à l'intérieur. Tu as fini ce genre de bar vert. Je suis à l'intérieur de mon symbole. Maintenant. Ce que ça veut dire, c'est qu'Aiken a tranché tous ces gars tenant, déplaçant le clic de tous. En fait, je ne veux pas de ce premier gars en double. Cliquez dessus pour aller à l'intérieur. Attrapez ce premier gars. Je vais tenir l'option Olt sur le Mac. Donc j'ai ce supplément quand il a appelé les cours. Quel genre ? Bien sûr, c'est aujourd'hui. Je ne suis pas sûr de gay. Et je vais changer d'endroit. Ces gars veulent les déplacer vers le bas. Cas. Et maintenant avec cette option supplémentaire Ce que vous remarquez si je clique sur ce gars n'a pas mis à jour. Ok, alors qu'est-ce qu'on a besoin de faire ? On doit cliquer sur lui, non ? Cliquez sur lui et dire mettre à jour tous les symboles et magiquement il met à jour ici aussi bien. Et il y a une sorte de pratique avec le vous n'en avez que deux. Mais quand tu as commencé à répéter cette chose encore et encore, comme notre logo en haut, accord ? Ce sera un peu plus un gain de temps, donc je vais faire la même chose ici. J' ai un logo que je veux apporter. Où est-il ? Il est en bas. Je ne peux pas les trouver. Est dans mon application. Il y a un PNG aussi amusant. Ok, copiez-le. Et je veux aller apparaître Navigation de page. Si oui, c'est un peu douloureux et extrême en ce moment. Espérons que le panier avec une bonne méthode pour réparer cela. Donc je vais le mettre juste là pour la seconde. Je vais lui couper un double clic pour aller à l'intérieur. Je vais le coller. Maintenant, il fait partie de ça. Tant que j'ai encore cette ligne verte autour de l'extérieur, je travaille dans le symbole. Ok, donc en fait, je l'ai aligné là-haut pour vous le déplacer vers le haut. C' est le même endroit qu'il y a quelque chose avant qu'il ne soit pas parti. Une mise à jour Vous pouvez faire un clic droit dessus et dire mettre à jour tous les symboles. Mon affaire avait déjà les cheveux sont gentils sur tous. Super. Vous pouvez voir ici que nous développons le logo pour cette entreprise. OK, nous pouvons aller dans un juste parce que nous utilisons des symboles plus tôt. D' accord ? Je fais défiler rapidement sans raison. Ce sera la fin de cette vidéo. Allons dans le prochain 36. prototyping avancé avec des menus à dérouler des boutons dans Adobe XD dans: Salut là. Dans ce tutoriel, nous allons examiner les moyens de simuler des interactions en faisant des choses comme ça Sans un petit menu déroulant K, nous pouvons fermer tout bien faux dans X'd. De plus, je sais APS nous pouvons avoir une poussée de navigation dans poussé en arrière et nous pouvons avoir une belle petite boîte de recherche est de cliquer en arrière out. Et enfin, nous pouvons ajouter des choses à Carter et elles apparaissent dans le petit chariot ici. Allons chercher, maintenant, comment les faire en utilisant Adobe X'd cas prototype. Le 1er 1 que je vais faire est comme un menu déroulant. Nous allons utiliser ce petit bouton de compte ici, à droite Lorsque vous cliquez dessus, il va apparaître avec différentes options pour vous connecter. Donc ce qu'on va faire, zoomer. Je veux attraper les trois et je vais les traîner. Il y a un peu d'espace Prends celui-là, Will a dragon. C' est donc j'ai cette option ici donc ils ont l'air exactement le même. Et la seule chose qui va changer, c'est le menu déroulant. Et puis il s'agit de la transition en utilisant les options du prototype. Donc d'abord, construisons un petit menu déroulant sur la deuxième option. Donc je vais attraper le rectangle quand je vais dessiner, genre, genre, un petit truc qui s'ouvre peut marcher à 100% pour que je ne conçoive pas une taille étrange. Pensez à attraper la douleur aussi. Et juste un tiroir comme une petite sorte de truc pop out citation. Donc, je vais me débrouiller ce type. Je voulais être tout. C' est la sortie. Je voulais avoir une ombre portée. Ok, alors et puis je veux prendre ces deux regards. Je clique sur ce type, le bord, et puis ce gars et ce que je vais faire, c'est aller ici. Je veux avoir Ah, Phil. D' accord. Et donc je vais les coller tous les deux. Et là, dans mes petits opérateurs booléens, K mon Pathfinder, je vais utiliser cette première option. Joignez-vous à eux. Ok, donc ça va être mon petit menu déroulant. Donc rien de trop excitant. On va construire ça chez un malade et je veux te donner la structure. La première chanson Zoom out, c'est qu'on va passer au prototype. Et ce que je voudrais faire est de cliquer dessus parce que c'est un symbole. J' ai besoin d'un double clic dessus. D' accord, pour entrer dans ces plusieurs. Tu sais, tu es dedans parce que tu es dans cette boîte verte. Je vais vous dire que je veux aller sur cette page. D' accord ? Donc, quand on clique sur ce bouton, j'aimerais passer à cette page. Et tout est au sujet de l'affaire de transition. Si je clique dessus et se dissout, ça va bien marcher. Je vais utiliser ça dedans et dehors. Pour être honnête, il pourrait s'agir de n'importe lequel d'entre eux. Vraiment. C' est difficile de faire la différence. D' accord. Et donnons leur précédent jeu à l'avance, OK ? Et quand ça sera magique, on va descendre, accord ? Maintenant, ne retourne pas en arrière. Donc, ce que j'aimerais faire est de fermer l'aperçu et de dire quand il est cliqué à nouveau. Il est vraiment courant de cliquer dessus et de dire, Retournez au jeu hors-bord précédent quand il est cliqué, descend lorsque vous faites cuire à nouveau, il apparaît en arrière, les enfants à vous Comment vous voulez que cette chose fasse la transition si vous Je veux juste changer ça, OK, juste pour être un saut, je pourrais juste faire ça. Donc il n'y a pas de dissolution ? Pas rien. Juste une nonne. D' accord ? Et puis il a juste ressemblé à ceci Cliquez une fois, et il semble juste aller le coller. Il y a sur le retour. Oui, allons-y. Et quand j'ai dit que j'ai commencé à se dissoudre sur le retour au début parce que j'utilise revenir à l'hors-bord précédent, pas revenir à la page d'accueil. Si vous utilisez précédent, cela ne vous donne pas la possibilité de choisir la transition. Il va juste utiliser ce qu'il a utilisé pour accéder à cette page. Ok, ça va juste l'utiliser pour revenir maintenant, au cas où ce n'était pas le cas. Alors j'ai sauté parce que j'allais ajouter des trucs ici. Et je vais demander à Jason d'accélérer ça parce que tu n'as pas besoin de me voir faire cette petite boîte . On va passer au prochain prototypage avancé, d' accord ? Et on est de retour. Et je vais juste déplacer mon bouton là, prévisualiser et ensuite aller ici. Fermez la sauvegarde. D' accord ? Ainsi, les gens seront en mesure de se connecter à cette option. Donc cela pourrait Ceci est un menu déroulant de juste un Nikon. Évidemment, ça pourrait être un menu déroulant. juste est facilement de Dites quelque chose comme ceci est un bouton et il a plus d'une catégorie. Vous pouvez facilement faire un bouton ici ou une navigation déroulante gay. Alors non, remplissez ça. Désolé. Pas de frontière. Donnez-lui un remplissage, donnez-lui du texte. Et cela pourrait tout aussi facilement être l'option de cours un. D' accord. Et de Wides. Impressionnant. Et les questions Europea grille à passer et avoir, comme, un menu déroulant. Maintenant, soyez grille. Faites glisser le vers le bas. D' accord. Je veux dire ces nombreuses options. Je peux compter cinq k sur le chevauchement. Et quand c'est collectionné, il suffit de sauter à cette page ici. Donc, il va faire exactement la même chose quand on clique sur ce bouton. J' ai un prototype. Cela va aller à cette page. Côte. Peu importe si c'est un menu déroulant qui ressemble à ceci ou un menu déroulant comme un bon menu déroulant. Ok, pour l'aperçu de la navigation, c'est génial ou cliquez sur ce bouton, vous pouvez voir un menu déroulant et ensuite vous pouvez avoir Quand il est cliqué, aller à une autre option. Alors je vais y aller. Merci beaucoup. Et ce que j'aimerais faire maintenant est de regarder la prochaine option où nous nous sentons potentiellement comme un panier d'achat avec différentes choses. OK, alors revenons à notre page d'accueil et faire un petit bouton maintenant sous décider que je fais est pas vraiment c'est un site d'abonnement. Ce n'est pas vraiment un site de chat shopping. Je vais juste ajouter des trucs ici juste pour vous donner un exemple. Anciennes nouvelles. J' ai une image à apporter et le vélo de l'école la franche, en tenant le quart de travail au coin. Peut-il dire que l'utilisateur a décidé que oui, ils veulent acheter Ce vélo est un bouton ici qui dit, ajouter au panier Vous avez eso et de couper gentil vous tenant Olt, faisant glisser un côté médicaments, les deux à la même le temps. Bien sûr. Quand ils cliquent dessus, je voudrais qu'il y ait une icône de panier. Ce genre de remplissages. Donc ce qu'on doit faire, c'est d' abord, on a besoin d'un panier comme sur. Ok, donc j'en ai déjà un. Je l'ai téléchargé du marché. Je viens de taper, souviens-toi de son marché. Je viens de trouver Un est descendu, l'a jonché dans ma bibliothèque C. Puis, avec un illustrateur ouvert que vers le haut, copié son dos Txt, le coller. D' accord. Et je veux qu'elle corresponde à ma petite icône en chantant double clic Vous voulez que vous soyez vous, vous êtes tous cette couleur verte Rétrécir et je vais l'ajouter à mes symboles. Ça veut dire que ça va ? Donc je vais le couper, double-cliquer dessus pour entrer dans le symbole, coller, déplacer dans un endroit approprié et probablement ajouté CO Now, j'espère qu'il devrait être ajouté à tous les menus parce que c'était un symbole, D' accord. Et si vous n'avez pas fait de symboles, allez voir leur vidéo précédente. Donc nous l'avons maintenant, et ce que j'aimerais faire est de dupliquer cette page. Nous avons donc fait notre page de menu déroulant. Je veux avoir un peu plus d'espace. Je suis comme si vous arriviez par ici. Quoi ? On fait des menus, et je vais prendre cette page d'accueil. T' as déjà vu le texto ? Vous, euh, vous ne pouvez pas tenir le vieux dragon à travers et vous obtenez donc la page d'accueil de celui-ci, c'est en fait un orgue de page d' accueil. Wow. Orthographe et dactylographie. Ça va pas bien, il va y avoir une coupure de page d'accueil. Tu n'as pas vraiment besoin de celui-là. Mais je veux vous montrer comment ça marche. OK, alors on va y aller. Et quand on cliquera sur le bouton, on aura une petite liste déroulante. Donc on va voler des morceaux de cette dernière chose. D' accord. Vous avez perdu en toutes sortes de morceaux, une copie. Et ici, basé sur ce que je vais faire, est de former usage apparaissant. Et il y a donc mes petits chariots. Tu veux que ça descende ? Je veux utiliser le vélo ou un vélo. Pas celle-là. Tu pourrais être bien, glissant autour de la pâte. Il y a une petite version de ça. Et ici voir les notes dans votre panier il y avait Cliquez dessus parce qu'ils ne sont pas joints. Vous pouvez double-cliquer sur eux et faire un peu d'édition, ce qui est vraiment cool. Et celui-là sera à la maison. Mangez. J' ai un de ces incidents. Mon chat. Alors tapez jusqu'à, comme une fois. Et je vais m'assurer que ce film est noir pour que vous puissiez le voir. La taille de la police sera de 18. C' est facile à voir et pas audacieux pour des cas sans raison valable. Donnez-moi à l'un de ceux-ci en cours d'ajout. Je n'ai pas vraiment besoin de ça. Je veux juste un peu de Texas, um vous casquettes pour que les gens puissent cliquer dessus. Je vais utiliser. Utilisez cette option, cu d'accord, vous construisez un graphique, n'est-ce pas ? Et ce que j'aimerais faire maintenant est en fait une dernière petite chose. Euh, comme une petite chose ici. Ça dit que tu en as un. Donc Phil Wise fera maintenant ça. Pas de frontière. D' accord. Emel a mis une chose dans moi, c'est une. Donc j'étais sage d'être que tu devrais accélérer tout ça. Désolé. Très bien, donc c'est juste le relier maintenant. Donc, c'est très similaire à cette liste déroulante, sauf que nous utilisons juste un bouton différent parfois. C' est sympa à voir ? Je trouve parfois que je suis genre, comment ça s'est passé ? Et j'ai juste besoin de le voir de quelqu'un d'autre. Donc, il est mon truc utile où vous pourriez continuer et faire un clair sur ces deux choses. Va au prototype. Et je veux dire quand on clique sur cette chose. D' accord. Si vous en avez plus d'un, cela ne fonctionnera pas. Vous avez un groupe eux. OK, alors commandez G ou contrôlez PC Guyane. D' accord. Et je dirai quand on aura cliqué. Je ne veux pas de transition. Je veux juste sauter à ma coupe. D' accord ? Oui. Alors allons-y et prévisualisons les œuvres. Et il va y avoir un petit problème avec ma démo ici, c'est que quand je clique dessus, ça marche. Mais il apparaît en haut de la page. Donc je suppose que c'est une façon maladroite potentiellement. Donc ce que je vais faire, c'est que tu peux bouger les choses et que le prototype de moteur n'a pas d'importance. Disons juste que c'est là-haut. Et c'est l'une des options d'achat ici afin que nous puissions le voir, l'intérêt qu'il et ensuite nous pouvons aller de l'avant pour couper. Et c'est un peu plus agréable. Nous devons aussi probablement faire est de retour ici. Je veux que vous soyez ici et vous soyez sur nos deux conseils. Copiez-le et d'ici coller, qui fera probablement une meilleure démo. Donc, Ed Cart ou alors nous apparaissons juste là. Ou vous pourriez utiliser un fondu cette fois comme fatal. Soyez approprié. Maintenant, prototype toi et une dissoudre. Quelles chaussures ? Il est sorti. Aperçu ajouter au panier. Un peu plus gentil. Ok, alors ça se passe trop vite. Je te le promets. Je vais passer à la prochaine maintenant. Donc la durée, ça arrive à une folie malade. Jouez alors. Comme ça. Ok, regardons un faire quelques simulations pour APS. Retournons ici et je ne veux pas de ça. Ok, donc je vais faire un mot à dire, il y a et il y a des fichiers remplis pour chaque vidéo, non ? Vous pouvez les télécharger une partie des fichiers d'exercice. Et ce que vous pouvez faire, c'est que je vais mettre un spécial ici qui a un chariot dedans, OK, juste pour que vous ayez une version qui l'a, parce que maintenant je vais passer par et supprimer. Alors attendez là. Pourquoi le supprimer ? Gay Boom ! J' ai retiré mon panier Et donc ce que je voudrais faire maintenant, c'est que je veux travailler avec l' abside et faire un peu de glissement cool à travers parce que sur le 1er 1 je veux faire est que j'ai décidé à l'origine que quand j'ai cliqué sur cela allait juste glisser sur à cette page. Maintenant, c'est bien, mais vraiment pas typique de beaucoup de nouveaux styles AP. Ok, donc ce que je vais faire, c'est que je vais faire une autre version, donc je vais le dupliquer. D' accord ? Il va être mon ancienne version au cas où je veux y retourner. D' accord. Ça va être les réglages que je veux. Donc ce que j'aimerais faire, c'est tout ça. D' accord ? Et vous voulez faire, c'est construire une petite carte de côté, et ce que je vais faire, c'est rien de fantaisie, donc je vais demander à Jason d'accélérer ça, sorte que ça se rencontrera à l'autre bout. D' accord. Vraiment ? Dit construit. - Ok , on est de retour. Si vous avez regardé cela et rapidement en avant remarqué que c'était un peu douloureux. J' ai fait quelques changements de conception. Ah, Stone est content de ça. Ok, Donc ce que nous allons faire, c'est que nous avons construit cette navigation qui va glisser de la va glisser de ce côté. D' accord. De gauche à droite, ce que nous voulons faire pour rendre cela crédible est que nous attrapons cet instructeur h Q, Mais copiez-le. D' accord. On va l'amener ici. Et ce que nous voulons faire est léger. Donc, il est sorti du bord ici. C' est toujours dans cette application. Paramètres. Tu sais, si c'est comme si tu finis par aller trop loin, ça finit par être ce que ce chiffre ici, ça ne fait pas partie de tribord. Ok, donc si je pouvais partir, tu verras qu'il se cache, et c'est un peu ce qu'on veut. Et le romantique se passe ici maintenant est que quand j'ai ce bouton recueillir ? Ok, alors allons au prototype sur toi. Et quand on clique sur ce bouton, j'aimerais qu'il appuie. C' est pour ça que je voulais aller juste traîner. Je veux aller ici. Mais je voulais pousser vers la droite, d' accord ? Et ça devrait marcher. Et quand on clique sur ce bouton, je voudrais revenir à l'hors-bord précédent. Je pourrais utiliser Apple précédente, mais il utiliserait toujours push droit sur. Ce que je veux faire est de le faire pousser à gauche, avoir utilisé hors-bord précédent, rappelez-vous, il veut juste faire exactement la même chose sur. Donnons-lui un petit aperçu. L' autre chose est, nous sommes en train de prévisualiser ça va revenir au jeu de la page d'accueil avec de la peau, prendre un certain temps pour arriver à cette page particulière. Donc nous allons faire est que nous avons un type plus important. Vous pouvez cliquer sur le nom pris sur la maison I Collins. Lorsque vous prévisualisez, cette page est chargée. Une chose que je dois faire quand je prototypage de cette page parce que c'est si long. K est là dans la conception. Obtenir avec elle sélectionnée. Je dois m'assurer qu'il a un défilement vertical, mais la taille est juste une taille d'application régulière du moment. Ça me montre tout où est sa vue Port. Ça veut dire quelle est la taille de cet écran au départ ? Ok, donc dans les instants devrait être Simmons. Désolé. 667 Donc je peux entrer ici et dire que vous devez être 667 est venu et vous voyez la ligne pointillée qui va à la vue initiale. Il est toujours évolutif. Ta page devrait toujours être à cette hauteur, , mais maintenant si j'ai un aperçu, ça va se révéler très avant-première. La bonne taille, même si c'est la bonne vue. Port Aiken s'accroupi. Et quand je clique sur ce, c'est la canne magique a pris sur que pour revenir en arrière a été organisé sentiment hors de cette poussée pull . D' accord. En outre, ce que nous pourrions faire, c'est que nous n'avons peut-être pas besoin de cette flèche. Je vais avoir besoin d'avoir un petit coup d'oeil à d'autres applications skate que cette option peut juste fermer aussi bien, parce que je me sens comme je veux cliquer sur lui, accord. Pas totalement satisfait de la conception, mais la mécanique de cette chose fonctionne bien et semble bon pour les tests sur EPS. Bon, allons sauter dans le dernier arrêt. Les options impressionnantes pour le prototypage va à la tige cas de cette option sorte d'utiliser cerci. Par conséquent, bureau ou ancien ballon que nous allons utiliser mes porte-balles ouvrira l'un des U Y. Kits qui vous ont donné ainsi dans les fichiers d'exercice. J' ai un gabarit. Ouvrez. Nous utilisons du matériel Google. Vous pouvez utiliser IOS théâtral parce que nous utilisons la version de l'application de ce sur la feuille d'autocollants . Et ici il y a quelques options de recherche quelque part il y en a une là parce que sur cette chose . Ok, donc je vais dans le groupe et j'espère que tous ces morceaux sont ce que je veux engager, Cubby. Et je vais l'amener ici et je vais déplacer un espace. Mettez-le dedans. Ok, ré-le. Juste un peu. Donc il y a de la place. Il s'inscrit dans mon design. Quel mois je pourrais faire, c'est d'ajouter un peu de frontière à l'extérieur. Ok, bâtiment. D' accord. Donc on a une sorte de boîte de recherche maintenant, et ce qu'on va faire, c'est quand il sera collectionné, on va faire en sorte que ça que çadonne l'impression que ça marche. Donc c'est un peu faux, Rooney. Et donc je vais glisser ces deux, et je vais les traîner dessus. Ok, je vais attraper celui-là. Dupliqué tenant Alton traînant. Ok, celui-là, tableau de bord. Celle-ci est d'autre. Je suppose que quand ils cliquent dessus, ce que j'aimerais arriver, c'est que d'abord je voudrais que l'arrière-plan grise. Ok, donc je vais cliquer dessus, faire glisser, tout couvrir. Je vais lui donner un peu de noir,je ne lui donnerai pas de frontière. Je vais lui donner un peu de noir, Et je vais utiliser ce fond bleu, d' accord ? Et Buddy Volts, qu'est-ce que ça fait ? probablement trop bruyant. Tu y vas. Donc, mais pour flouir et peut-être l'a passe, il facilite juste un peu. Je le pense. Tu te souviens de la dernière chose avec laquelle je jouais ? Donc, je vais baisser ça jusqu'à ce que tu te dises comme si c'était toujours éligible. Juste mélangé en arrière-plan. Ok, donc tu peux jouer avec toi. Ceci avec la capacité d'obtenir l'obscurité, en fonction de la façon dont vous vouliez être lavé. Et c'est le jeu de flou. Ça brouillera tout ce qui est en dessous. Donc, ce que nous devons faire, c'est que nous devons reculer. Eso que sa recherche de retour de moi chanter Donc nous allons faire est avec mon erreur noire gay clic off comme erreur est de cliquer sur cette grande boîte et utiliser la commande ouverte crochets pour revenir arrière Si vous êtes sur un PC, il est briquettes de contrôle effrayer Vous êtes des crochets et un pic supplémentaire que j'allais continuer à descendre jusqu'à ce que tout se présente communisme à 100%. Et ça a l'air juste. Alors que je veux aussi faire est de donner ce faux look où il est mis en évidence. Cas. Donc en nous entendant comme le texte, Ugo, augmente la capacité pour qu'il soit complètement noir et je veux faire comme, une petite boîte bleue. Tu sais, ce genre de truc comme la boîte sélectionnée à l'envers. Donnez-lui une couleur bleutée. Tu sais, celui que je veux dire, , tu as les bonnes couleurs qu'il y avait. Ça ne marche pas. C' est comme une sorte vraiment laid, bleu bleu de bébé délavé et tous les droits en essayant de saisir son nouveau et de donner à la frontière ce genre de chose où il se sent comme il est sélectionné. Est-ce que ça a l'impression que ça a été sélectionné ? Vous devrez peut-être partir et faire une capture d'écran de réellement sélectionner quelque chose et obtenir la bonne couleur s. Je suppose que je veux que cela se produise. Et donc ce que je dois faire, c'est relier ces deux-là. Donc, quand quelqu'un clique sur ce bouton sur un prototype, je peux aller à cet écran ici. Qu' est-ce que je voudrais faire ? J' aime qu'elle ne pousse pas à gauche. Je voulais me dissoudre. D' accord. Et ce sera parfait. Espérons. Et puis, si vous cliquez ailleurs dans ce document, il revient ici. Ok, donc pas la boîte de recherche complète, mais vous donnant l'illusion d'une boîte de recherche interactive qui frappe le jeu. Ok, on a pris la boîte de recherche, et on dirait qu'on a un texte en surbrillance. Tu aimes ça. C' est un autre truc. Maintenant, 60 est un produit assez nouveau. Donc ce genre de trucs, ou juste des trucs que j'ai vu d'autres personnes faire ou que j'ai compris moi-même. Donc, si tu en as un pour qui j'aimerais, découvre. OK, non plus. Prenez une capture d'écran Simi txt fichier. J' aimerais voir des façons de vous fausses choses que je n'ai pas montrées ici parce que je viendrais pour construire son dépôt de façons de simuler dans 60. Espérons que dans les nouvelles versions de Xdd sera une sorte de MAWR. Hacks et plus réel genre de choses définies plutôt que d'essayer de le simuler pour le faire fonctionner. Nous sommes tous mes adorables amis. Ça va être tout pour cette vidéo. Ce que je vais faire maintenant hors écran, c'est juste passer par une conférence. Le type de base a cliqué sur le passage du bouton autableau suivant au . Il y a beaucoup de simplement traîner le long des tests, boire le long des tests était utile, et ce que j'utilise c'est que j'ai un malade et un moniteur branché sur mon ordinateur portable pour que je puisse avoir le prototype ouvert tout le temps, et vous ne doivent en quelque sorte le réactiver pour que les changements se produisent. Donc, vous pouvez juste avoir sur un écran en direction sans vous assurer que cela fonctionne. Et sur l'autre écran, avoir X t ouvert et juste faire les ajustements. Ok, donc il y a un peu de procès, procès, une époque qui évacue la cuisine sur les choses. Ai-je besoin de pages supplémentaires ? Ça va suffire pour un test d'utilisateur, donc je vais laisser ça à l'écran. Venez. Je te verrai dans la prochaine vidéo. C' était un super long. Cela aurait pu être la plus longue vidéo jamais faite. Um, ouais, j'en ai une longue. Quelques bonnes choses et l'autre. J' espère que je vous verrai dans la prochaine vidéo maintenant. 37. Un plus autre astuces de prototype pour la maquette: Hé, là. Dans ce tutoriel, nous allons regarder une autre astuce pour le prototypage et allons construire cette liste. En fait, je l'ai déjà construit, mais je veux vous montrer comment faire ce genre de perspective. Flou la goutte d'arrière-plan, chose de type ombragée. Bon, allons-y et faisons-le maintenant, dans ce tutoriel. Bon, donc j'ai ajouté beaucoup de mon prototypage et fait quelques tests. Et Michael, ce que tu peux faire, c'est que tu peux être sur le prototype au-delà de tes cheveux noirs et frapper la commande A ou le contrôle A sur un PC, et ensuite tu peux voir tous les fils. Parfois, j'aime juste prendre des captures d'écran de ce inclus dans la proposition. Juste pour que ça semble vraiment impressionnant. D' accord ? Et vous pouvez voir tout à la fois. On se connecte tout. Et peut-être que nous, vous avez été payés, n'allons pas ça nulle part comme celui-ci ici, Lone Ranger. Alors pendant que je faisais ça, j'ai construit une des pages que j'avais l'impression d'avoir besoin d'être là. OK, c'est ce truc de marketing de Chiklis ici. Donc je vais utiliser ça d'un utilisateur qui teste l'une des autres choses que je veux vous montrer pour le prototypage est et disons ça, et j'ai truqué ça. droite. Donc je clique dessus dans ces boutons, aller tableau de bord denté disant avec ce bouton, c'est quand il va au Yep. Vous pouvez le voir courir chien sur le fond là-bas. Mais j'ai deux de ces pages, donc je dois le faire deux fois. En ce moment, c'est électoral et le grouper. Il y a un truc si je copie dans des endroits en vue du design, ok ? Et je l'amène à travers, ça n'apporte aucun de ces fils. Ok, ces connexions, mais si je fais exactement la même chose dans le prototype, alors je vais vous sélectionner comme chaque chose là-bas. Copie-le. D' accord. Et allez-y, vous supprimez. Va-t'en, avait de la pâte. Vous remarquerez que tous les fils viennent et cela peut vous faire gagner beaucoup de temps. Surtout quand tu es en bas. Comme je l'ai trouvé comme, ici avec mon application. Tu cliques sur le suivant ? Celle-ci va ensuite. En fait, Skip Skip va la même page. Ignorer va la même page. Skip, il y a la même page, et vous pourriez avoir des tas de ces Casey est de les copier et de les coller. Assurez-vous que vous êtes en mode prototype. Ok, donc c'est pour ça qu'on a fait avant le prototypage. La prochaine chose que je veux te montrer, c'est que je vais le faire. Alors je me suis dit que je te montrerais. Et j'aime faire une sorte de faux tremper les trucs sur le terrain que je t'ai montré au début. Donc j'ai ce type. Ok, rappelez-vous, c'est la chose qui a fait que je vais saisir la vue du design, en la mettant en copie. Et ce que je pourrais faire, c'est juste faire une version plus grande pour la boutique photo. Je vais juste faire une fosse non soignée. Et qu'est-ce que c'est ? Si je commence à le faire sortir, tu vois qu'il fait encore des trucs bizarres. C' est parce que j'ai sont grille de répétition avec l'intérieur de ce Ropy Cred. J' ai donc fait ce genre de job Demi news comme la première grille de répétition. Puis j'ai tout regroupé et je finis par une autre répétition. Excellent pour faire tout le module. Donc, ce que vous pourriez avoir à faire est de grouper plusieurs fois un changement de commande de moulage G, qui est sur le groupe ou le contrôle. Décalé. Et je suis juste en train de l'écraser quelques fois, donc je sais que tout est en groupe maintenant. Il se redimensionnera bien. Il fait une plus grande qualité, donc je peux le copier. Sautez dans la boutique photo. Maintenant. Je veux qu'on soit gros ? Je vais le mettre sur la page d'accueil. droite. J' ai décidé de ne pas vouloir ce genre de scission. Je veux juste de l'espace pour aller à peu près de cette taille. Ça va mettre une de ces petites tuiles. Quelle est la taille ? A peu près si gros. Donc ça va être 9 20 sur 700 ish. En fait, je voulais être 900 par 7 20 mais je voulais en quelque sorte plonger dans les âges, Telenet avec tout le reste. Donc, dans Photoshopped, de nouveaux documents. Je vais faire 9 20 par 700. D' accord. Et je vais faire quelques choses avant de coller ça. J' allais mettre une grille en arrière-plan sans raison est le Grady jusqu'à via gay, et il prend juste votre premier plan et la couleur de fond. Donc, si vous voulez faire Maura photo shop, j'ai un cours sur la boutique photo. Va vérifier ça. Je fais juste une sorte de je ne sais même pas ce que je fais. Une sorte de Grady et quelque chose. Et pas une différence assez grande. L' amour de la tente. Un peu de l'éclat qui va le coller dedans. OK, et ce que j'aimerais faire, c'est utiliser le mien qu'il a transformé. Distorser. Ok, ils sont toujours là. Ça me permet juste de simuler un peu trempé, OK ? Ou je suppose que la perspective est les lots de montage en supposant beaucoup. D' accord ? Et je veux juste quelque chose qui ressemble à un zoom. Je ne sais même pas où vous avez l'idée de ce que je veux faire. Alec Locataires. On avait forcé la perspective. Ok, donc je veux quelque chose comme ça, peut-être un peu plus petit pour que je puisse voir toute la ligne suivante. Et j'étais en quelque sorte en train de le cacher parce que je veux que ces âges s'alignent sur tout le reste. Donc je vais faire ça sur quelques choses pour rendre ça agréable et facile. L' une est de le dupliquer. OK, c' est ça. Cliquez dessus dupliqué ou simplement glisser sur cette nouvelle fenêtre ici. Ça va être l'ombre, ok ? Et je vais juste lisser cette commande tout en cliquant sur les vignettes. J' utilise beaucoup de raccourcis. Il, je suppose, n' est pas un cours de Photoshopped. Je vais juste vite. Donc commande Click vous donne une sélection autour de toute cette chose et je vais aller ou contrôler clic sur un PC, obtenir, Phil, et je vais le remplir avec de la couleur. Remplissez-le de noir. Bon, maintenant j'ai ce truc noir. Je vais juste le déposer en dessous de ma couche. Je vais le flouter quand ils ont l'impression qu'il y a une ombre portée en cours sur Filter Flou Gallery . Tout le monde utilise du calcium Blair. C' est probablement mieux, mais tout le monde va qu'un k m sorte de floue les bords sur allait abaisser le passage A il e un peu. Donc, ça ressemble à ça en poussant un peu la page et la dernière petite chose que l' on fait c'est la profondeur du champ. Donc, avec cette couche sélectionnée, ce que je vais faire est aller filtrer aller à la galerie de flou et le flou irlandais est un bon pour cette cause vous permet de déplacer le centre autour. Ce que je pourrais faire c'est, ouais, c'est que je veux que ça soit principalement au centre, et ensuite tu pourras attraper ces âges et tourner autour de la drogue dans et dehors. Je pourrais rendre le mien un peu plus long ici pour ajuster le flou. Vous pouvez simplement saisir ce cadran ici, traîné en arrière, ou vous pouvez utiliser cette diapositive là-dedans. Co Lorsque vous avez terminé, cliquez sur. D' accord. Et j'ai ce genrede genre fausses profondeurs de champs. Il est en train de venir en avant. Ah, c'est ce que je cherche de toute façon. Bon, donc je vais sauver ça en J cochon. La façon la plus simple d'exporter des fichiers comme d'accord, assurez-vous de mettre J Piggott en haut ici. Qualité coulissante Je vais laisser mes 100 % et nous laisserons tomber X D. Étudez-le plus tard et je l'enregistrerai dans l'exercice. Le feu s'appelait Ah, liste. Profondeur de champ. Impressionnant. Je dirai que c'est un PSD là-dedans aussi, si tu veux y jeter un coup d'oeil. D' accord, je vais apporter ça, et tu le mets sur cette page, alors amène-le. Exercice fichiers, images. Allons voir une petite liste. Fais le champ. Vas-y, mon pote. Maintenant, je devrais être parfait. Charmant. Combien ai-je ça ? Oh, je ne suis même pas sûr que ça me plaît plus. Bods. Hey, on a appris une nouvelle chose. C' est dur de faire ces tutoriels et ensuite, Ah, d' Ah, essayer d'être créatif pendant eux aussi. Je vais probablement sortir et faire quelque chose d'un peu différent avec eux, mais c'est tout pour celui-ci. Nous avons réparé tremper le champ. Nous avons appris un peu plus sur le prototypage et passons à l'exportation. 38. Tests utilisateur UX dans Adobe XD: D' accord. Donc, nous avons construit notre prototype qui va utiliser un test maintenant. Nous avons donc fait fonctionner les interactions grâce à une partie des outils de topping. Nous avons construit tout le graphique, donc ça ressemble à un projet qui fonctionne. Donc, nous sommes vraiment pour les tests utilisateur. Et dans ce projet, je vais faire quelques uns seulement de l'utiliser de base. On va faire des tests modérés, aussi connus sous le nom de tests dans le couloir ou de tests sur l'épaule. Et ce que ça veut dire, c'est que les clients nous ont donné un nom de, Ah, deux personnes qui seraient vraiment bonnes correspondances potentielles avec une personne allaient les rencontrer pour un café et les faire tester avec notre ordinateur portable. Ok, et on la laissera au téléphone aussi. Donc on les a juste regardés. Donc c'est modéré. Donc on les a regardés. Nous leur donnons quelques tâches de base à faire, et nous prenons simplement des notes et voyons comment ils fonctionnent avec elle maintenant. Et nous allons aussi invoquer des tests modérés pour cela pour l'instructeur h Q. Et fondamentalement, cela signifie aller aimer un site Web et recruter des gens. Test de l'utilisateur dot com semble être l'endroit le plus populaire pour l'obtenir et l'école. Vous pouvez entrer en détail et dire que je veux que je veux des hommes ou des femmes à cet âge avec les compétences de ces intérêts et ils les trouveront pour vous. Et pourtant, vous les payez là, entre 50 et 200 dollars par pop, selon ce dont vous avez besoin. Maintenant spécifique. Tu dois être rapide, facile. Ils se vidéo et ils vous le renvoient sur les deux ont leurs avantages et les inconvénients en personne tester son différemment. Mieux, parce que tu vois tout ce genre de maniérismes et que tu vois des gens filment des vidéos, tu n'as qu'à voir le casting de l'écran. Donc, les deux un utile Maintenant, nous ne allons pas couvrir les tests utilisateur spécifiquement dans ce cours était coller à Mawr Adobe. Éteint, je suppose. Eso rappelez-vous, j'ai eu cet autre cours pour savoir comment devenir un concepteur UX qui passera par des tests utilisateur et beaucoup plus de détails. Très bien, il y en a pour cette vidéo. Désolé d'avoir parlé trop vite. J' ai réalisé, euh je veux dire, mon mode de parole rapide Ah, maintenant 39. Comment exporter le code d'images d'Adobe XD pour les développeurs: Hé, dans cette vidéo, nous allons exporter des images et tout notre code et tout ce dont nous avons besoin pour que notre site Web ou notre application soit construit par un développeur. C' est super cool. On peut cliquer sur les choses, obtenir des mesures. Tout est basé sur le Web, donc votre développeur n'a pas besoin d'une expérience 60 qui pourrait simplement aller sur un site Web et extraire tout ce dont il a besoin. Allons-y et apprenons à le faire maintenant, en utilisant Adobe X'd. Ok, alors on l'a fait. J' utilise les tests, et maintenant il est temps d'envoyer cela à un développeur car extase un outil de prototypage . Mais ce n'est pas une application ou un site web construire un orteil. Cela va nous donner beaucoup d'informations dont nous avons besoin pour les construire dans une sorte de plan à suivre. Mais ce n'est pas l'application réelle ou le site Web lui-même. Donc, nous devons le voir à un développeur ou si nous sommes eux-mêmes un développeur comme je suis un concepteur Web. Donc, j'utiliserais tous ces éléments pour la conception de mon site Web. Mais j'ai travaillé avec APP. Je vais obtenir de l'aide avec quelqu'un qui sait comment utiliser le code X. Ok, donc ce que je dois leur donner, c'est beaucoup d'images et de la CCS, des dimensions, des tailles des polices et tout ce genre de choses. Donc, en termes d'images, il y a quelques choses que nous pouvons faire pour dire que nous voulons leur donner ou des hors-bord K, nous n'avons rien sélectionné. Assurez-vous de cliquer sur l'arrière-plan, aller à l'exportation de fichier OK Ou commande E K ou contrôle E. Je vais utiliser ce chargement ici. Donc, ce que je peux faire, c'est que je peux dire, en fait, je veux étendre les pdf. Et le truc cool à ce sujet, c'est qu'il leur enverra un PDF avec tous les hors-bord dedans . J' ai mis le mien dans les fichiers d'exercices pour que vous puissiez les vérifier aussi. C' est un nouveau dossier et ce sera mes exportations. Ok, donc si je mets ça dans un seul dossier, regardons rapidement ce qui sort. Ok, donc, dans les exportations, il y a mon pdf ouvert. Il est obtenu tous mes différents hors-bord tous plus tard bien. Il y a donc une façon de le partager. Vous pouvez évidemment, avec rien d'exportation sélective de fichier, jeter un oeil à non seulement pdf être mon exportation un tas de porcs J. D' accord. Et peu d'exportation tout ça aussi. Mais c'est un que je veux juste voir dans un hors-bord dehors. Ce que je dois faire est de cliquer sur le nom. Ok, donc je suis rentré à la maison, je veux juste voir dans l'application sur certains d'entre nous dans celui-ci. Et puis si je vais exporter, Ok, je peux décider. Dis que je veux les voir. Cochon Ajay. Je peux décider de la qualité. Oliver. Vraiment haut. Tu verras. Il tire le nom de mon hors-bord en économisant dans leur peasy facile. Regarde. Hey, tu veux la prochaine chose que je veux faire est d'exporter des éléments individuels. Ok, donc vous avez quelques options, c'est, disons, une exportation de tous ces K. Et ça dépend si vous voulez que ce soit une grosse affaire. Si je les sélectionne tous, j'ai tout sélectionné. Et si je vais exporter, les sauver, c'est un cochon J. Et voyons ce qui se passe. Ok, regardons un peu. Hey, il a fait tout, tous séparés. OK, donc c'est peut-être ce que tu veux, Kayal. Les lignes k. Toutes les différentes icônes, la mer Blanche ne va pas vraiment les voir, mais pourtant ils sont tous des éléments séparés. Donc ce n'est pas ce que je voulais. Ok, donc, au revoir, les gars. Il sait aussi qu'il a utilisé la convention de dénomination de mon panneau de calques. Donc, pour rendre une vie personnelle un peu plus facile si je clique dessus, vous pouvez voir ici qu'il s'appelle Rectangle 25. Si je double-clique sur cette icône, donnez-lui un nom est venu qui sera l'exportation. Disons que je veux envoyer C'est une grande image découpée il va et ce que vous faites est juste de le grouper et vous remarquerez que maintenant c'est un groupe. Je pourrais donner ce nom à un groupe, et ça pourrait être ma tirelire. Assurez-vous d'utiliser des traits d'union ou des traits de soulignement K juste pour gagner du temps pour le développeur de l'autre côté. Mais je veux des fichiers qui ont des espaces en eux. D' accord ? Et puis je peux cliquer sur cela et avait l'exportation. Vous pouvez également cliquer dessus avec le bouton droit de la souris dans votre panneau Calques. D' accord. Et cliquez sur Exporter en bas. Ici. Tu ne peux pas le voir. Que n'a pas vraiment d'importance où vous allez. Tu vois, ça s'appelle Tirelire J cochon. Jetez un petit coup d'oeil. Maintenant, il est juste un fichier, et une chose que vous remarquerez est que c'est un petit bug avec qui était une image recadrée dans leurs enfants exportant tout, y compris les dommages de récolte. Et je ne peux pas trouver un moyen de réparer ça pour le moment. Ok, donc c'est juste quelque chose que vous pouvez voir, le cercle caché en arrière-plan. Même s'il est recadré, il est toujours inclus dans les exportations. Donc, vous devriez couper cela avec quelque chose comme Photoshopped ou Gimp ou illustrateur, selon que vous utilisez. Maintenant, quand il s'agit d'exporter, OK, on a un peu sauté si je dois exporter cette image à nouveau et disons que je veux chez P et G, ok. Et ici, je peux décider sur quelles tailles je veux. Il y a ce truc qui s'appelle un x deux x trois X . Tellement conçu. Ça veut dire que je vais le faire sortir. La résolution a été faite. Web souvent avec les développeurs, Vous voulez des tailles. Il en veut ceux pour les écrans réguliers et un pour plus élevé est élevé. Dp j'ai écrit un écran. Ok, donc il vous donnera une version de taille régulière plus un. C' est le double de la résolution automatiquement. D' accord. IOS veulent trois options soins. Ils veulent le triple de la résolution. Et Android, ils ont un énorme xx xxx h d p i Ils vont en faire un massif. Ok, donc vous aurez besoin de savoir si vous allez pour IOS ou Android. D' accord ? Et jetons un coup d'oeil à, disons, le web parce que nous avons affaire à cette page ici si je frappe les exportations. Ok, j'ai la tirelire PNG. Et puis il y a piggy Bank P et G a eu deux X êtres. C' est le double de la taille. D' accord. Et si vous n'êtes pas un web designer, ne vous inquiétez pas. Si vous êtes, c'est la solution pour le moment pour faire face à des écrans rétiniens plus élevés ou réactifs . D' accord. Il rend le navigateur double le travail, ce qui est super utile. Ok, une chose que vous pourriez trouver est exporté occasionnellement J païen et juste avoir un peu d'un floue. Disons que je veux exporter ces deux types, donc je vais les sélectionner tous les deux. Tenez le chef en les saisissant tous les deux et par ici. Ok, je vais leur donner un nom. Ça va être mon trait d'union muet. En fait, je vais commencer avec des icônes toutes mes icônes ensemble. Un peu facile à utiliser. Maintenant, si je veux les explorer, c'est juste. Cliquez-lui par ici. OK, cliquez sur Exporter. Et vous pourriez trouver ça de temps en temps. Heavens, écoutez moins maintenant. Mais vous pourriez avoir des bords un peu bleus avec un PNG. Ok, juste un soupçon de flou comme, mec, c'est Crispin ici. Pourquoi ce n'est pas là ? Les deux options pour y contourner sont l'exportation. D' accord. Et nous allons explorer si vous exportez un PNG. Ok, le gilet le plus facile. Je sais que c'était Victor. Il était évolutif. A tout son point d'ancrage. C' est charmant. Ok, S P G est un graphique vectoriel évolutif. On n'en a jamais entendu parler avant. C' est vraiment à voir avec ça, c'est comme les nouveaux E.P . C' est un format facile, interchangeable que les navigateurs aiment et nous allons charger sur les sites Web, donc ce n'est pas seulement cadeau. PNG et J cochons. Maintenant, vous pouvez utiliser SVG. C' est un logo reconnaissant évolutif qui fera en sorte qu'il n'y a pas de flou. Mais disons que vous devez aller en PNG. Ce que vous pouvez faire est avant de faire cela, vous pouvez faire un clic droit sur vos objets et aller en ligne sur la grille de pixels. Et il pourrait juste que vous puissiez le voir là-bas. Il garde un peu décalé. Je défais de faire, défaire. faire a un peu déformé mon vainqueur. D' accord ? Juste pour que se aligné sur la ligne de pixel parce que et cela va juste lui donner un bord croustillant . Ok, donc tu pourrais faire si tout, comme vérifier d'abord. Comme si vous pouviez passer éternellement à travers et aligner tout représente la grille. Il se déforme un peu. Zoom un peu plus sous Dépend de la façon dont, comme avec les polices, je trouve que vous ne pouvez pas le faire parce qu'il détruit la police dans la police. Exactement. Que bods alignés grille de pixels pourrait juste Heidi jusqu'à l'un de ces problèmes, mais vous pouvez voir qu'il ne change un peu. Donc peut-être pas pour le logo. Peut-être pas pour le texte, mais pour des choses comme celui-ci qui sont des icônes de soutien qui allait remarquer la différence vous pourriez être assis en allant. Oui, je remarque la différence, mais oui, c'est un choix. Fuzzy ou pixels ou une ligne à la grille de pixels K la prochaine chose. Donc nous avons exporté toutes les images que nous avons traversées. Tout exporté. Maintenant, nous voulons envoyer des choses comme des mesures, des codes de couleur et des polices. Ok, donc ce qu'on peut faire, c'est surtout pour des choses comme les boutons sont boutonnés. Ne devrait jamais être un véritable désir physique de JP. Fidji. Il sera créé avec du code. Il y aura un peu de code qui est conçu aussi haut de cette largeur, et je suis rempli de cette couleur. Il se charge très rapidement et il est évolutif et vous n'avez pas besoin d'une image trop basse. C' est juste mieux de le faire comme ça. Ces gars ici devront être des SPG ou des peintures. Ok, mais disons que nous devons donner toutes les dimensions et les codes et jusqu'où c'est vers le bas et au-dessus de celui-ci. Donc, vous obtenez tout aligné bien et il n'y a pas d'excuses de votre développeur. Ce que vous pouvez faire, c'est que vous pouvez cuisiner là-dessus. Je parle très vite. Je me rends compte. Désolé pour ça. Vous pouvez aller à l'option et dire ralentir beaucoup de café ce matin, et je suis excité par ces fonctionnalités. Ok, ce nouveau lui Quand tu regardes cette vidéo, ça ne sera peut-être plus dans le batteur. C' est juste une nouvelle révision. Ok, vous pouvez cliquer sur publier les spécifications de conception, même donner votre nom. Cas. Je vais appeler le mien l'instructeur HQ. Prototype H Q Fermez un V et on va cliquer. Créer un lien public maintenant est un couple de choses que vous devez faire avant de cliquer sur ce ou vous pouvez le faire après est que je vais vous montrer ici. Vous devez vous assurer que si je l'ai fait quand je faisais ça, si j'avais ça, j'ai un prototype. Et demandez à ma maison de s'asseoir à cette application ici. Ça va exporter quelque chose. Jetons un coup d'oeil. C' est le design ***. Ouvrons le lien pour voir ce que le développeur voit en ce moment. Il n'exporte que quelques tableaux d'art. Ok, donc ce que je dois faire, c'est que je dois retourner ici et que je dois m'asseoir. Ceci est la page d'accueil des maisons. Vous êtes la page d'accueil, et elle va parcourir l'ensemble du document et exportée. L' autre chose, c'est que j'ai eu quelques problèmes quand je n'ai pas vraiment prototylographié ce truc cas. Parfois, tu pourrais avoir besoin de te dire, en fait, en fait, j'ai besoin de toi. D' accord ? Il y a cette planche pour rejoindre ce hors-bord. D' accord ? Sinon, il se laisse en quelque sorte s'ils ne sont pas connectés d'une manière ou d'une autre. Et ça semble être un sac. Je ne peux pas arriver à chaque fois. Donc, sachez juste que si vous avez des problèmes, assurez-vous qu'au moins ces gars sont liés les uns aux autres d'une manière ou d'une autre en utilisant l' outil prototype . J' ai donc ajusté ça. Et disons que nous avons fait des changements peuvent aller ici, et je peux aller aux spécifications de conception, et je peux dire soit lien de mise à jour. Donc ce premier lien que nous avons vu celui-ci ici, Kay sera mis à jour. Ou disons qu'on fait une version deux. Ok, on pourrait alors faire un nouveau lien pour que tu aies une sorte de progression. C' est à toi de décider comment tu veux travailler. Je veux juste le mettre à jour parce qu'il était cassé, reculez, détendez-vous. prend un peu de temps pour générer tous les actifs, ok. Et les a publiés. On va l'accélérer. On y va. Je vais sauter dans notre maquette, rafraîchir ma page. Tu verras ici. Ok, maintenant. J' adore ça. Ça rend la vie beaucoup plus facile quand on travaille avec un développeur. Si votre concepteur, vous ne faites pas les entraîneurs veulent l'envoyer, Ok, Vous devez envoyer les images séparément. J' ai vu un prototype de quelque chose de très similaire où vous pourriez simplement cliquer sur les choses et télécharger les images. Donc au moment où vous devez les faire séparément, accord. Et ce que ça fait est de retour ici. Ok, donc ça me montre tous mes tableaux. qui est cool, c'est que je peux planer d'ici là. Ça me montre les interactions. Ok, donc le développeur sait qu'on est parce que parfois je deviens vraiment compliqué, et c'est difficile de savoir comment tout ça va ensemble. Donc, cela leur donne une sorte de repère visuel. Et disons que je veux entrer dans certaines de ces choses. Je vais aller sur la page d'accueil et cliquer dessus. Ici, à droite sont tous les styles. D' accord ? Toutes les couleurs qu'ils s'habituent. Vous pouvez voir quand je passe au-dessus d'eux. Vous voyez, c'est qui les met en évidence dans le document qu'Israël pratique de savoir lequel est lequel. D' accord. Et tous les fonds qu'ils ont obtenus ont utilisé les différentes tailles et styles ici. De belles choses qui se sont produites et disent qu'ils veulent utiliser le style qui cliquent dessus et voit sa couleur copiée. Cela signifie que le développeur peut sauter dans le codé obtenir des produits de juste poster mineur. Pas de tampon. Vous pouvez le voir. Il suffit de coller ça. Il y a un moyen agréable, facile d'obtenir des informations dans le manteau si vous n'utilisez pas Hicks a. En utilisant RGB une même chose, il suffit de le changer. Cliquez dessus, sautez dans votre document, collez-le Super rapide, super facile. Dire avec cela par copie, Cliquez sur Roboto Collé dans rend juste le travail facile d'avant en arrière, ils peuvent changer de pixels à DP ou PT, en fonction de cela en utilisant une fonction de base. Si vous avez un grand document Katie, cliquez sur retour aux pages d'accueil. Vous pouvez rechercher les hors-bord K. J'ai travaillé sur des projets qu'il y a littéralement près de 100 hors-bord. Kate pourrait être plus ok, pour qu'ils puissent cliquer sur le marketing et qu'ils le réduisent à ceux qu'ils veulent cuisiner sur celui-ci. Maintenant, quand vous planez autour, ok, si je clique sur un objet, ça me dira qu'il est élevé avec ce qui est vraiment sympa. Mais ce que j'aime vraiment le gang et un zoom avant. Trouvez-le ici. Si je clique dessus et que je passe juste ici, pouvez-vous voir ? Il me dit en fait la position loin de lui, parce que souvent les choses sont relatives les unes aux autres. Donc, je sais que ce bouton a un espacement de 32 pixels entre lui. D' accord ? Vous pouvez modifier les cotes. D' accord. Ici, les points ou ces pixels indépendants de la densité. D' accord. Ceux-ci sont assez cool pour traiter, comme, comme, images super haute résolution. Cela dépend de vous développer qu'ils peuvent décider de ce dont ils ont besoin. Les images sont des pointeurs faciles. Facile. Ces gars ici souvent utilisé pour les appareils mobiles seulement. OK, donc c'est une interface cool. Vous pouvez leur envoyer un e-mail, être mis à jour très facilement, et cela signifie juste que vous la développez. Peut travailler très bien avec vous en tant que concepteur et s'assurer que tout est exactement comme vous voulez qu'il soit. D' accord. Ils savent exactement que vous avez passé 20 minutes à essayer de travailler les coins arrondis sur les boutons ou non. D' accord. Et je pourrais suivre votre conception. Exactement. Très bien, donc ça va être tout à propos de faire passer des images à votre développeur pour la construction. Passons à la prochaine vidéo. 40. Projet de cours pour Adobe XD: Ok, donc c'est un projet de classe. Le temps sur ça semble un peu intimidant, mais je veux juste vous donner quelques limites. Vous savez, il est difficile de faire un projet par vous-même pour votre propre portefeuille sans aucune sorte de restriction, donc vous pouvez en adopter autant ou c'est un peu comme vous le souhaitez. Donc, fondamentalement, la société apporte votre propre ordinateur portable a déjà un site Web, mais ils veulent redessiner. Il y a un lien ici. Ok, juste là. Je vais vous montrer la page. Il est d'apporter votre propre ordinateur portable dot com slash x d projet. D' accord ? Et il va l'emmener à la page qu'ils veulent utiliser est un exemple. C' est à ça que ça ressemble pour le moment. Peuvent-ils vouloir que tu le redessines ? Il vieillit, a besoin d'un coup de peinture dans des tours de couleurs, de polices et d'images, et aussi ils veulent voir ce que vous pouvez faire en termes d'expérience utilisateur. Ok, comment réorganiser ça pour en tirer le meilleur parti. Alors regardons les détails. Jetez un petit coup d'oeil. Ok, donc ce sont les clients. Ils veulent un nouveau projet dans vos fichiers d'exercices. Il y a un projet appelé « projet de classe ». A l'intérieur de Il y a le dossier que nous examinons en ce moment. Ok, derrière ici. Et ce sont des options de logo que vous pouvez utiliser Okay, tant que tout ce dont vous avez vraiment besoin pour utiliser tout le reste dépend de vous. Couleurs, polices, images à vous. Maintenant, en termes d'images, nous n'en avons pas reçu, donc vous pouvez utiliser tout ce que vous voulez. Ok, peut-être ce que le personnel de la bibliothèque Mac a eu une image gratuite point com. Il y a plein d'endroits où obtenir des images. Si vous ne voulez pas utiliser ce projet K pour, apportez votre propre ordinateur portable dot com, vous pouvez utiliser vos propres options. L' option B est juste d'utiliser votre propre client. Qui est pour les créatifs. Ok, c'est créatif. Les personnes qui ont besoin de perfectionner leurs compétences, leur technologie suffisamment averties. D' accord, mais ce sont peut-être des designers juniors. Il y a peut-être encore des étudiants, mais ils ont besoin d'apprendre Photoshopped ou illustrateur ou en design ou 60 comme vous êtes. Donc ce sont les gens qui ciblaient sa liste de fonctionnalités. Le lecteur vidéo est le plus important, mais il dit qu'il a l'hommage vidéo centré. Ok, donc tout a évolué autour de cette vidéo. n'y a rien de plus important que cette vidéo et dans le mouvement vers la prochaine vidéo parce qu'ils sont dans un boîtier de chaîne. C' est la navigation prioritaire. Il y a les choses qui devraient être incluses dans ces caractéristiques a juste besoin du titre du cours . Ok, donc c'est le cours général, comme l'essentiel de l'illustrateur. Mais il y aura des titres vidéo spécifiques comme The Introduction How to Get Set Up . Ok, donc le titre du cours vidéo intitulé The Thing You Regarder. Ces commentaires Transcription vidéo barre de recherche. Regardons un peu. Donc il y a la barre de recherche. C' est le genre de étaient à la hauteur du bouton suivant, ces fichiers téléchargeables air. Il y a des commentaires des utilisateurs ici, d'accord ? Et voici la transcription vidéo. Donc, c'est le nom de la vidéo, et c'est le cours qu'il vient du plus grand cours et tout le reste. Oui, il y a les principales caractéristiques. Laissez un peu lire cette liste de ce qui doit être inclus. C' est ça pour ça. Sur ceux-ci avec des concurrents. Ne regarde jamais ces gars et pour voir comment ils le font, trouver de l'inspiration. Les produits livrables. Fondamentalement, je veux des porcs J dans la section des commentaires J'aimerais que vous fassiez une option de cadre métallique et une option de haute fidélité si vous n'avez pas le temps et que vous voulez juste faire quelque chose rapidement, je suis là pour vous de sauter trop haute fidélité. Je ne vais pas te poursuivre pour les cadres de ta femme. Mais si vous voulez faire cela correctement pour votre portfolio, ne pas filer la version cadre et puis la haute fidélité, comme nous l'avons fait dans le cours, prendre une capture d'écran ou exporté J cochon et le mettre dans la section commentaire ou Lincoln. Un peu d'aide ici, j'aimerais voir un prototype de fils. Juste signifie que quand vous allez dans quelque chose comme 60 ouvrira un projet. Et si je zoom arrière un peu seconde voir le tout, obtenu un prototype, puis aller commande A sur un Mech contrôlera un sur un PC. Je veux juste voir que vous n'avez pas à autant de planches, mais je veux voir les fils pour que je puisse voir le flux de l'utilisateur. D' accord. Vous vouliez partir des différentes pages pour prendre une capture d'écran comme d'ici sur un PC ? Je pense que c'est l'écran d'impression, et vous pouvez coller dans la boutique photo sur un Mac. Vous pouvez maintenir le décalage de commande trois ou quatre, selon celui que vous voulez faire. Donc, il semblait juste une capture d'écran de cela juste comme et le voir et en termes de liens sur aller à 60 et partager un lien et est venu posté dans les commentaires. C' est là qu'il dit le prototype publié. Nous l'avons fait plus tôt, et vous créez un lien public copier et coller que pour que nous puissions voir, comme un indirect avec elle. Et d'autres utilisateurs peuvent laisser des commentaires Si vous regardez à travers les commentaires décrocheurs d'autres personnes . C' est vraiment sympa quand d'autres personnes commencent à ajouter une sorte d'image. C' est une critique constructive, mais vous savez, la critique. Aucun. La liste. Ce sera sympa de voir le flux de travail qui se passe avec les commentaires. Alors sautez et consultez les liens des autres personnes et ajoutez des commentaires vous-même. Vous pouvez vous connecter en tant que cadeau. C' est très bien. Onda a également téléchargé vos coeurs être, donc être mains est un endroit idéal pour mettre tous vos trucs de portefeuille si vous ne le faites pas déjà. Ok, alors mettez tous les J cochons que nous avons décrits en haut ici et mettez-les dans votre portefeuille Be Hance . Si vous n'en avez pas déjà et que vous avez un budget sur zéro visage souriant. Bon, donc il y a le projet. Sortez, faites-le. Jeter ces bols de livraison dans les sections commentaires et j'ai hâte de voir ce que vous venez avec. Assurez-vous de vérifier ce que les autres personnes font entrer en nom, leur donner des accessoires, poser des questions. Il pourrait être très utile pour les nouveaux arrivants de 60 ans d'obtenir une sorte de rétroaction. Et je vais essayer de sauter là-dedans autant que possible pour vous donner des commentaires. D' accord, passons au reste de cette série de tutoriels. 41. Raccourcis et fiches Shortcuts pour Adobe XD: d' accord. Il est temps de raccourci enseigner la bonté. Le 1er 1 est l'onglet de contrôle. Maintenant c'est Tab de contrôle sur les deux américains. Un PC comme le seul choc au monde qui est le même. Maintenez le contrôle nouveau clavier Tep Tab et vous sauterez entre le siège prototype en haut ici et le mode de conception de l'onglet Contrôle Super agréable et revenir en mode de conception en utilisant mon raccourci dandy pratique . Et la prochaine, elle sera l'Oakey sur un PC ou la touche d'option sur Amec K Black Error. Et ça fait quelques choses. Si j'ai ce bouton sélectionné et que je commence à faire glisser, je maintiens la touche d'option enfoncée. Il le rend dupliqué, pas super excitant, mais très utile. Cette même clé a une autre utilisation lorsque je clique sur l'objet et que je veux le faire glisser des deux côtés , pas seulement un. Ok, super pour les boutons. Si je tiens sur l'ancien ou l'option faites glisser l'un de ces côtés, il le fait des deux côtés. Joli. Toujours pas ce super duper. Le super duper un est que si j'ai le sélectionné et maintenez l'alky, vous me remarquez des mesures juste très pratique pour mesurer les choses qui est la distance entre les deux régler surgit 91 pixels les uns des autres sur ce gars. La hauteur et la largeur par rapport à la chose que j'ai sélectionnée. Je clique sur cela, puis il me donne une relation Trump de haut en bas tout simplement en maintenant la clé enfoncée . Je n'ai rien à faire d'autre. Ok, assez de l'okey. Ok , un peu de zoom. Si vous maintenez enfoncée la commande sur un Mac ou un contrôle sur un PC. Dans Tech, la seule clé sur le dessus va dans 100% de faire Lhotse Designer 100% va dans 10%. Je n'utilise jamais celle-là. La seule chose que je fais utilise la commande zéro k qui va dans le plein Tout sur votre vue de tableau de rythme et le dernier et probablement le meilleur est si je clique sur ce rectangle ici et si je vais continuer. Trois mérite dans cette chose spécifique et remplit l'écran. C' est une excellente façon de se déplacer. Commande zéro. Cliquez sur quelque chose aller ! Allez ! Trois ont zoomé un peu trop. Ils vont bien. C' est Amisi zoomant prochain super raccourci est que si je fais un nouveau document et que vous êtes une bonne personne qui aime votre développeur, vous allez travailler avec 12 colonnes. Et la nouvelle façon de le faire est juste de cliquer sur le nom de la page, cas, d'accord notre conseil sélectionné et cette nouvelle chose où il a dit juste utilisé pour avoir des carrés. Maintenant, il y a une mise en page. Allumez-le sur 12 colonnes. Vous pouvez ajuster combien ? L' espacement. L' espacement des bords est quelque chose que je fais un peu, juste pour affiner ma navigation au centre. Là, vous pouvez vous asseoir. Ce que vous aimez est une valeur par défaut, et chaque fois que vous faites une nouvelle grille de 12 colonnes qu'il y a, et il est vraiment facile d'activer et de désactiver plus pendant les rectangles avec Espaces. Le raccourci suivant est la commande sur un Mac ou un contrôle sur un PC, et la touche Y écoute juste ce panneau sur le côté gauche là. Cela ouvre en fait juste vos jambes, mais je l'utilise pour désactiver les couches de sorte que, surtout à partir de ce cas de vue pleine échelle, j'ai eu une commande. C' est vraiment dur pour mon Mac book pro ici de voir le trou avec ? Ok, avec ça en fait ouvert si je commande pourquoi encore ? Avec cette ouverture, vous consommez juste manque beaucoup de détails. Je veux rester à 100%, mais c'est dur. Ok, l'autre est le changement de commande. Pourquoi sur l'eau faire est peu sauté vos actifs ? Allez. Pourquoi les couches viennent en décalage. Pourquoi ? Comme c'est et soit eux deux fois et il les éteindra vraiment pratique si vous travaillez avec un écran plus petit comme le mien. Juste à côté, Roca. Ok, revenons à cet autre projet qui a beaucoup de mal. Si j'ai sauté un raccourci prototype est C'est vrai, Control Tab. Le seul raccourci est le même sur chacun d'entre eux. Pouvez-vous voir que j'ai en fait dans les directions ici. Beaucoup d'entre eux. OK, maintenant pour prévisualiser. C' est très bien. Appuyez sur le bouton de lecture, mais il y a un raccourci. Vous venez d'appuyer sur commande sur le contrôle Amec sur un PC et une touche A sur votre clavier. Mais regardez en dinde et cela va charger votre aperçu. Super. Fais des trucs, fermez-le. Faites quelques changements. Retour de la commande. Ils l'ont volé au flash ou à l'animation. C' est très pratique. Une chose facile à retenir si vous vous en souvenez. Bon vieux flash. D' accord, Nick. Coupe courte en arrière à la vue design. Cela peut être vraiment douloureux si vous voulez faire glisser les hors-bord. Vous cliquez sur le bord de notre planche, Tore. Tu essaies d'être officiel. C' est un peu bizarre. Utilisez juste gay les noms en haut. Si vous zoomez assez loin, ils se transforment en petits points. Peu importe si vous attrapez les points du nom, mais ce sont le moyen facile de les faire glisser. Je peux tenir Holt. D' accord. Et Dragon et moi en avons un nouveau. C' est juste le moyen le plus simple de sélectionner un hors-bord. Merci beaucoup. Droit. Ce raccourci est juste utile lorsque vous exportez un dossier. J' ai ces images ici. Vous pouvez les voir qui viennent d'appeler, les dupliquer et de les faire avec la grille de répétition. Ils ont eu le même nom tout le long. Ok, donc à l'exportation, ceux-ci et ils auront le nom hors cours un cours un cours un. Un cours. Une grosse douleur. Donc, si nous les nommons ici dans mon panneau de calques, cela signifie que lorsque je les exporte, ils vont exporter avec les bons noms. Ça pourrait être douloureux. Et celui-ci est pour Illustrator K. Et puis vous devez cliquer sur celui-ci, double-cliquer dessus et faire celui-ci un et deux en design. Ok, Ce que vous pouvez faire, au lieu d'utiliser la souris pour aller et double-cliquer sur eux, vous venez de cliquer sur l'onglet. La clé descend. Nous pouvons taper après l'onglet fix. Juste un flux de travail plus agréable, ok. Et plus vite à passer. Et cela signifie que lorsque je commencerai à exporter ces exportations sélectionnées plus qui auront les noms corrects quand ils sortiront. Super. Cette astuce fonctionne également dans la boutique photo. Lorsque vous essayez d'être étroitement avec vos couches, suffit de taper à travers eux petit mais utile petit triche de flux de travail là. Ok, donc le suivant est collé. Apparence est obtenu à des utilisations de pays, Dis, ont dessiné cette boîte ici. Mais je veux réellement correspondre à ce maintenant décidé. J' aime ce style de nous. J' aime la couleur, la ligne autour de l'extérieur ou l'absence de celui-ci. Et l'ombre portée. Ce que vous pouvez faire avec elle sélectionnée est simplement copier sa commande ou son contrôle. Tu vois, juste une copie Reguera. Et sur un Mac au lieu de simplement la commande V, vous allez l'option de commande V sur un PC. C' est le contrôle, Alfie et tout ce que vous pouvez voir. Il est là. Coller l'apparence. Ok, c'est très pratique pour travailler avec des boutons. Si vous décidez ici, vous avez quelque chose que vous pouvez dessiner un bouton que vous voulez contrôler ou commander copie de base , puis coller l'apparence. Vraiment pratique pour tout organiser cohérent. L' autre option agréable qu'il a est celle. Et lorsque vous êtes en mode conception, il fait l'apparence. Mais quand j'ai eu un prototype, c'est la même chose qui va dans la direction. Donc ce que cela signifie, c'est que je peux cliquer sur dire ce Marketing ici. Ok, j'ai cette indirection où elle glisse vers cet autre hors-bord ici. Mais je pourrais faire une copie comme avant, mais ici, je n'ai pas encore fait ça. Et je peux juste utiliser cette même option de commande raccourci V ou de contrôle multi. Et il colle l'interaction plutôt que le style. Juste un petit raccourci très pratique. J' ai trouvé qu'une torsion de langue pour aller choisir les raccourcis réels. Mais ils sont là. Ils sont tous les deux sur un Mac et un PC, et sur un PC est dans un petit menu stripey burger, leurs droits qui sont copiés et collés avec une touche. Le prochain Shaka est juste verrouiller et cacher que en. Disons que je veux à la navigation, le haut, le médaillon, sa commande l ou contrôle l sur un PC et vous obtenez cette petite icône de goût, vous pouvez cliquer dessus pour le déverrouiller ou tout simplement commander vendable. Activez-le et désactivez. Masquer Il est une commande semi-deux-points, qui sur la plupart des claviers est juste à côté de la touche L. Non, sur tous. Cela devient encore plus utile lorsque vous allez dans une vue de conception. Et j'ai tous ces types et je dis que je veux les enfermer ou les cacher. Et vous pouvez le voir, ici, ici, vous ne pouvez pas glisser vers le bas le moment où je veux, comme, comme, balayé vers le bas et les verrouiller ou les déverrouiller. Ok, donc quand vous les avez tous sélectionnés dans un grand groupe, vous pouvez appuyer sur le médaillon de commande alto ou le point-virgule pour le déverrouiller. Et quand je dis commande, c'est pour Amec et son contrôle pour un PC, Donc contrôle l contrôle semi-côlon. Je veux vraiment les balayer. Ouais, je ne peux pas. Très bien, ce suivant est converti au pouvoir. Donc voici un petit texte que je peux changer. Il a donné un Disons que je veux le détruire ou le changer ou ou ah, se transformer en un type de logo. Si je maintiens la commande enfoncée sur un mech ou un contrôle sur un PC et tapez la huit touche à côté de sept et 98 k A. Et cela va détruire. Ce n'est plus une police, mais je peux double-cliquer dessus pour y entrer maintenant et vous pouvez voir une bouteille. Les beaux points d'ancrage et je peux totalement détruire ce fonds pour quelqu'un. France ne semble pas rencontrer de problèmes le lendemain, mais je sais que j'aime parfois avoir la possibilité de les convertir en chemins, juste coz, donc c'est convertir deux parties la suivante. Votre coupe est l'outil de sélection directe. Si vous venez d'autres produits Adobe, nous avons l'outil de sélection. On n'a pas la flèche blanche. Où est-il ? Maintenez simplement la touche de commande sur un Mac ou la touche de contrôle sur le PC enfoncée. Pourquoi est-ce utile ? Cela signifie que disons, cette chose ici est un grand groupe. Je pourrais soit un groupe, soit il y a une sorte de mauvaise herbe, double action pour entrer dans les choses. Mais ils disent que ces groupes dans des groupes comme je veux changer la taille de la police ici. D' accord ? Et je le sais parce que je l'ai fait. C' est un groupe double-clic encore à l'intérieur d'un groupe. Ok, je le donnais directement là-dedans. Que vous ayez une plongée dans le mode d'isolement, tout ce que vous faites est de maintenir la commande et de cliquer sur lui, et c'est une sorte de plongées juste là. Je peux aller ici et décide que plus audacieux ne sera plus léger Revenez dehors. C' est encore un beau groupe peut être vraiment utile pour ces gars aussi. J' ai un zoom sur ce type. Je l'ai fait avec les outils de bowling le long du haut Ici, il est un peu fait de formes irritables, ce qui est cool, mais je dois le faire un peu mawr. Je sais plus large. Pour une raison quelconque, quand j'ai pris ce cercle au lieu d'avoir à doubler, cliquez et essayez de le trouver seul là, tirez la touche de commande sur une touche de contrôle Mac sur le PC. Et je vais le rendre un peu plus large. Tenant l'okey vers le bas. Regarde dehors. Je suis allé droit dans leur lui réparé et totalement rectum. Cela fonctionne également pour les symboles. Si tu as créé un symbole comme mon méchant, tu es en haut, K. Ça fait partie d'un groupe plus grand. Il suffit de commander un clic et d'aller directement à l'intérieur. D' accord ? Je ne sais pas si elle est utile, mais la suivante que tu aimes. C' est le dernier et dernier raccourci le tenant à la rançon. Cette vidéo particulière. Ok, je vais partager partout. Social YouTube, sur tous les marchés. Apportez votre propre ordinateur portable. Je voudrais que vous révisiez les goûts prescrites tout ce qui est possible dans cette plate-forme . J' adorerais ça. Cela m'aide à continuer à faire des vidéos à temps plein. J' adore ça. Et c'est le dernier à sélectionner ces gars ici. Maintenant, c'est une sorte de combinaison de semaine. Si vous êtes sur Mac, c'est la commande et le contrôle. Cette clé que vous n'utilisez jamais sur un Mac. Tenez ces deux-là. C' est plus facile pour un PC. Maintenez juste le quart de travail. Touchez par lui-même, puis Tep ces clés. On cherche les touches fléchées K sur ton clavier. En haut, en bas, à gauche, à droite. Donc, en prenant la flèche droite. Droit ? Alignez ! Génial, hein ? Flèche gauche la ligne Sexuel Ces mêmes clés. Une brouette vers le bas. Erreur de doublure. Donc c'est facile sauf pour les touches de contrôle de commande bizarres que nous ne maintenons pas enfoncées. C' est un peu plus facile sur un PC. Maintenir le quart de travail devient mieux. Ok, si je maintiens encore ces deux clés et si on le frappe pour le milieu ? D' accord. Pourquoi est-ce que c'est pour le milieu ? Parce que celui-ci ici pour les compter verticalement, est C K. C ne le fait pas verticalement et m les fait horizontalement. Je ne m'en souviens jamais. Je fais toujours ça. J' y vais. ferez Vousferezla même chose. Last but not least, est de distribuer les sens. Vous pouvez voir les lacunes sur tout à fait juste ici. Il est difficile de faire un E suivant car il ne veut vraiment que les orteils les séparent uniformément. Ça arrive tout le temps. Non, ces deux mêmes touches Commande dans le contrôle sur un cou maintenez le décalage sur un PC et ces facile Rappelez-vous , parce qu'il est h pour horizontal et V pour l'amour vertical ceux. Une chose avant que j'oublie est que j'ai fait une version pdf de ceci que vous pouvez imprimer. Sautez pour apporter votre propre ordinateur portable dot com. OK, allez à la page d'accueil. Je pense que j'ai une ressource est Et ici, un tas de feuilles de raccourcis que j'ai fait pour toutes sortes de produits différents d'Adobe. Ok, ce n'est pas encore là, parce que je suis sur le point d'y aller après cette vidéo. Ce sera juste. Le vous pouvez le télécharger. C' est gratuit pour tout le monde. Télécharger un imprimé collage à côté de l'ordinateur être mawr. Génial. Bon, ça va être tout pour les raccourcis. On va passer à la prochaine vidéo dans les Siri. S' il se trouve que tu regardes ça hors contexte, OK ? C' est comme la vidéo 40 sur un cours X d plus long. Va vérifier. C' est génial. Il y aura un lien dans la description ou sur ce pdf téléchargeable. Vous pouvez le vérifier, inscrire et faire le cours. Si vous êtes pendant le cours, nous approchons de la fin. A A Tout droit, nous allons terminer les dernières vidéos maintenant 42. Conclusion pour le cours d'entraînement Adobe XD: D' accord, on est à la fin. Tu l'as fait. Je suis là. Étaient tous les deux ici les années 60. Impressionnant. Donc, nous avons fini maintenant. Quelques choses sont des commentaires ? Utilisé les commentaires sur l'une de vos pages et assez bon pour répondre. En outre, les projets vont et font le projet de classe. Laissez le lien, euh, laissez les cochons J et venez sur ceux d'autres. Ce genre de rétroaction aide vraiment tout le monde à mieux s'en sortir. Et les autres choses sont d'autres cours que vous pourriez faire. J'ai cours est probablement le principal est comment devenir designer UX et aller voir ce cours qui passe par beaucoup plus de la théorie ah hors du cours, Gay ou Buicks. Il passera par la recherche des utilisateurs et utilisera un test. On a fait le milieu. Les mains sur les outils basés X d u I cours de conception, mais le a k a. L'autre cours passera par plus que la théorie. D' autres cours qui pourraient être utiles est qu'il existe un illustrateur et une option Photoshopped pour faire un genre de choses similaire. Donc vous j'ai conçu pour illustrateur et Web design pour Photoshopped. Va voir ceux sur. Si vous êtes intéressé à faire un peu plus de design Web ou à faire des études, nous avons conçu beaucoup de cours Dreamweaver, vous permet de prototyper le lendemain et ensuite d'aller construire le site Web du cas final il y a. Vérifiez ces choses et d'autres choses est que l'instructeur H. Q. que Bean a le projet sur lequel nous avons travaillé pendant ce cours ? Si vous êtes ou voulez devenir un instructeur de cours vidéo en ligne et que vous êtes à la recherche d'une plate-forme, consultez instructeur h q dot com et inscrivez-vous pour les boîtiers dans le cadre du processus de Prica site Au moins un Zago pour obtenir cela. La dernière chose est, c'est que X D est un nouveau kay produit pour Adobe. Donc, il ya beaucoup de fonctionnalités que nous voulons vraiment aller vérifier, et il est appelé Adobe X'd point utilisateur voix point com, et vous pouvez voter fonctionnalités les autres personnes que vous pouvez suggérer des fonctionnalités, et il leur donne juste une priorité. Équilibre ce qui doit être fait ensuite pour que nous puissions en faire 60 meilleurs pour tout le monde. D' accord, c'est tout. La fin, bien sûr. Individuel, euh, par jamais sûr de quoi faire avec l'Inde qui cherche à s'en sortir. Mais maintenant