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