Du croquis à Adobe XD : Conception d'interface utilisateur et prototype interactif | Irfan Rosandi | Skillshare
Menu
Recherche

Vitesse de lecture


  • 0.5x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 2x

Du croquis à Adobe XD : Conception d'interface utilisateur et prototype interactif

teacher avatar Irfan Rosandi, Product Designer

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Intro

      0:58

    • 2.

      Des actifs de conception

      0:40

    • 3.

      UI des renseignements sur la ville - Partie 1

      14:03

    • 4.

      UI des renseignements sur la ville - Partie 2

      6:52

    • 5.

      Tweeter l'interface utilisateur

      2:18

    • 6.

      Liste des villes UI

      10:46

    • 7.

      Liste des villes - IU d'interaction par balayage

      1:28

    • 8.

      IU d'information de la 2e ville

      7:24

    • 9.

      Ajouter des interactions à l'interface utilisateur

      18:42

    • 10.

      Ajouter des interactions à la 2ème ville

      10:36

    • 11.

      Connecter l'interaction entre les villes

      5:19

    • 12.

      Finaliser le prototype

      3:35

    • 13.

      BONUS - Partagez le prototype

      4:20

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

201

apprenants

--

À propos de ce cours

Présentation générale

Salut tout le monde Je suis Irfan, je suis un designer UI/UX, Merci d'avoir consulté ce cours. Dans ce cours, je veux partager avec vous sur la façon de créer un prototype interactif avec des animations en utilisant Adobe XD, ce cours est ouvert à tous ceux qui veulent apprendre à concevoir un interface utilisateur et un prototype interactif, que vous soyez un concepteur débutant ou intermédiaire.

Ce cours vous apprend au processus étape par étape sur la façon de créer un simple prototype Web interactif à partir de zéro, le cours commence par créer le Design d'interface utilisateur en Sketch puis créer le prototype et l'animation en adobe XD.

À la fin de ce cours, j'espère que vous pourrez créer votre propre prototype interactif à l'aide d'Adobe XD. Je vous ai également fourni des actifs de conception utilisés dans ce cours, pour que vous puissiez le regarder et le pratiquer.

Alors, commençons !

ÉTUDE DE CAS

Rencontrez votre enseignant·e

Teacher Profile Image

Irfan Rosandi

Product Designer

Enseignant·e

Irfan is a product designer that passionate about designing digital products that work for the business and create a positive impact on the life of people. He specializes in enterprise and SaaS applications. He experienced designing for various industries and platforms. Irfan has helped early stages startups to Fortune 500 enterprises to achieve their goals through his product and design skills.

Voir le profil complet

Level: Beginner

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Intro: Bienvenue dans From Sketch pour ajouter un emplacement de prototype B x, d u i Design et interactif. Salut, je vérifie un U N Greg Designer Basing Indonesia Merci pour vérifier cette classe dans cette classe que je veux partager avec vous et comment créer un prototype interactif avec animation en utilisant Adam B X d. je vérifie un U N Greg Designer Basing Indonesia Merci pour vérifier cette classe danscette classe que je veux partager avec vous et comment créer un prototype interactif avec animation en utilisant Adam B X d. pour tous ceux qui veulent apprendre à concevoir un U I et un site de protestation interactif. Que vous soyez un concepteur débutant ou intermédiaire. Divulgué, publié un processus étape par étape et comment corriger un simple interactif où prototype à partir de zéro. La classe commence par créer le I design et croquis et dans la création du prototype sur une immersion dans d'autres B x d À la fin de ce verre, j'espère que vous pouvez créer votre propre personne interactive. Survécu en utilisant hors txt. Je vous ai aussi fourni le design Isis. Ils ont des problèmes dans cette classe pour que vous puissiez le regarder et le pratiquer. Alors commençons 2. Concevoir des actifs: avant de commencer à concevoir, nous voulons nous assurer d'une chose, c' est-à-dire que nous voulons nous assurer que nous avons déjà appelé. L' actif enregistré dans cette classe est donc je vous ai fourni un dossier appelé Assets. Donc, dans ce cas, les détenteurs ont confiné les années d'état de l'image dans cette classe de sorte que vous pouvez trouver aussi ces exceptions de texte et vous pouvez trouver l'image. Donc cette image que je l'ai prise à partir de Splash Splash est très randonnée. Recommander ce site si vous cherchez une image gratuite aucune attribution enregistrée, même pour un usage commercial . Tellement haute carrière engagée à votre position blush. 3. UI des informations de ville - 1ère partie: accord, donc dans cette classe, d'accord, donc dans cette classe, je l'ai défini en deux parties. Donc, la première partie est sur le design I. Votre conception consiste à choisir le téléphone, gérer les mises en page et des choses comme ça. Et la deuxième partie est à propos de Paris I ping, qui veut faire de vous que je sois applicable pour être interactif avec des animations et des choses comme ça et pour la partie je conçois esquisse amusante pour cela parce que j'ai utilisé sketch pour années et je suis assez famille avec croquis pour votre conception. J' ai mémorisé les cartes courtes du croquis, donc c'est un peu plus rapide pour moi, pour King et croquis pour toi. Je conçois mais 40 par cyp Ingham en utilisant l'auto B X D. Mais si vous plus à l'aise travailler avec d'autres Bexley, c'est totalement bien. Vous pouvez créer le que vous utilisez à un B X d. Fondamentalement, c'est un peu le même. Vous suivez juste ces cours. Vous pouvez voir quoi que ce soit et l'implémenter sur l'autre B X d. Eh bien, fondamentalement, ce n'est pas comme une chose très complètement différente, Mais dans cette classe, je veux utiliser sketch parce que je suis plus à l'aise de travailler dans croquis pour vous. J' ai conçu. Mais je le fais. Je sais que l'ecstasy est des outils assez robustes pour le typage des pièces. Donc j'utilise ces deux souffrent. Bon, maintenant je vais créer de nouveaux documents. Et la prochaine chose, c'est que je veux créer un hors-bord. Donc, et pour la taille ample dans cette classe amusante 12 80 et 7 20 Eh bien, ce n'est qu'un exemple. Désactivez la taille et vous pouvez utiliser n'importe quelle tranche. chose la plus importante n'est pas les tailles, mais il s'agit de la façon dont vous pouvez comprendre le processus. D' accord. La prochaine chose est, je veux importer l'actif dans ces hors-bord. Alors nous allons à notre Je l'ai dit dossiers ici et maintenant je veux essayer cette image. Maintenant, vous pouvez voir que cette image est en train de se transformer. J' utilise plusieurs plug-ins si vous voulez vérifier. Ah, les mecs courts mds cool Prague utilisent ça depuis très longtemps. Et c'est vraiment cool, Borgen et vraiment élevé Klay recommandent cette prise dans son améliorer la productivité et la deuxième prise dans Puis je vous recommande d'utiliser ce distributeur afin que je puisse distribuer Ah. Un objet à un autre objet avec un espacement très spécifique. Au lieu de cela, vous l'ajustez mentalement. Tu peux vérifier ça à l'école, n'est-ce pas ? Bon, revenons à notre classe maintenant. Um, je veux juste le préciser, accord ? Ça a l'air sympa. Et la prochaine chose, moins qu'on ne passe à l'image un peu comme ça. Donc je pense que c'est cool maintenant, et tout est, euh on va à la taxe en tapant un texte ici. Vous voulez taper le titre, donc j'utilise ouvre. Il peut. Vous êtes venu dollar ces téléphone propre téléphone Google. C' est gratuit. Je vais le faire plein. D' accord. Donc, la chose suivante est, vous voulez ajouter quelques descriptions porte pour les descriptions. Je veux faire de l'incertitude, et c'est encore petit. 70. D' accord. Ainsi, vous pouvez prendre les descriptions sur le détenteur de l'actif. Tu peux utiliser la gloire. Je suis ipsum une houle si tu veux. Ok, donc c'est à Lila. On le découpe pour nous, non ? Et l'élément suivant est le toi que je, hum de commerce. D' accord. D' accord. Maintenant, nous allons créer des transactions découvrir ok. Proche de la rendre pleine. Et le suivant, c'est apprendre. Eh bien, ce n'est qu'un exemple. Ce n'est pas un vrai site web. C' est juste apprendre. Proposez T. OK, prenez le suivant. Probablement bloqué. Et le suivant est le magasin Arctic. Donc nous avons déjà Fling. Mais vous pouvez voir que c'est en toujoursendésordre. L' espacement entre Wan Ling et un autre n'est pas cohérent. Alors, comment rendre cela cohérent ? Nous pouvons utiliser la prise que je vous ai montrée avant, qui est distributeur pour le faire. C' est très simple que l'accès au Blufgan que j'utilise Short est arrivé ici et nous pouvons insérer l' espacement. Par exemple, je veux insérer pour un cinq. Disons Ok, donc tu en as cinq. D' accord. Très simple. Et la prochaine chose que je veux à certains, pas quelques-uns mais un, je pense. Oui. Alors, nous allons aux couleurs. Donc c'est juste, euh, c'est comme, la page actuelle. Alors, il va bien ? D' accord. D' accord. Laisse travailler la semaine. C' est comment les regrouper cette guerre ? D' accord, ça a l'air sympa. Regroupez-le. Et la prochaine chose est qui veut ajouter, euh, les boutons, les boutons de contre-action. Maman et moi, on utilise, euh ou on met fin à casser célibataire. Ok, donc nous voulons faire faire l'expérience de Musa. Eh bien, tournée. Donc, vous pouvez définir ces 18 sur ce problème sur 30. Bon, alors on va changer le rayon Gay depuis, genre, un peu aussi. D' accord. Désolé. Très bien, il semble mieux ID de groupe et changer ça pour aimer et ceci pour la lumière. D' accord, donc la prochaine chose est, vous voulez ajouter des statistiques en dessous, c' est quoi. Donc le pays, c'est 13. Et voici Alicia. D' accord. Maintenant, à moins d'en faire 17 et celui-ci, c'est nous réduisons la capacité autour de 60. Donc, nous voulons définir un espacement. Iran Fife. Kayla, Sweet Corbett. Maintenant, c'est dupliqué que nous allons demander. A dit que c'est la population de cygne sont sur 1.8 1.000.000 de langue de cygne. D' accord, donc la prochaine chose est, on veut établir l'espacement de ce mur, donc on va utiliser la prise appelée Disturb Batory Game. Donc, je veux que ça soit 50. , Écoute, l'école, c'est tordu. D' accord, Donc la prochaine chose est, je veux ajouter quelque chose comme un bouton de jeu. Donc c'est, comme jouable. Maintenant, nous allons créer cette icône que je vais utiliser. Ah, ce rectangle. Et maintenant j'utilise la commande enter. Vous pouvez voir cela, et nous voulons Dell accord 81 point. D' accord. Comme ça, comme nous l'avons rendu comme ça. D' accord. Et la prochaine Lex, nous créons. C' est horrible. Ok, ils ont mis ici. Donc je veux changer la couleur pour nous. Ok, c'est qu'on abandonne en dessous de cette couche pour que je puisse voir ça. D' accord. D' accord. La prochaine chose, c'est que tu veux le faire. C' est pour être au centre. D' accord ? Vous voulez ce clic sur cette forme aplatie d'abord ? Bon, donc je veux que ce soit au centre. D' accord. Ça a l'air sympa maintenant, et nous voulons cliquer dessus. Calme, capable d'apprécier les couches en utilisant comme sous-frappés oppressions. Cliquez sur. Ok, ça a l'air bien. Maintenant, on a changé ça en lumière. Maintenant, nous voulons changer l'opacité pour être sur 80 ou 70. D' accord ? Et la prochaine chose est, nous voulons à la flèche ici, donc c'est comme un léger oui. Je peux cliquer sur la touche Cerro pour changer la ville. Droit. Il l'a fait à la très simple C'est que nous avons créé du tout. Tout d'abord, j'utilise à nouveau rectangle. Je vais utiliser le soutien ici. Décoché. C' est horrible. D' accord. Assurez-vous que je veux utiliser cela pour être, mais cela au centre et le joint aussi honnête sur ce milieu ici. Et la prochaine chose, c'est que, euh, on veut utiliser ces rivages quand j'ai eu ça. Bon, maintenant, on était excités comme ça, non ? Ça a l'air bien. Les connaissances ont changé. La couleur est trop claire. callosités. On le découpe, c' est qu'on cherche. Ça a l'air bien, mais ça a l'air assez grand. Politique. Réduisez-le. D' accord. Ça a l'air bien. On a changé ça. Nous savons. Changez l'opacité à environ 60 ou 70 ans. D' accord, donc ça a l'air sympa. Nous avons besoin d'un autre ici, créneaux horaires, nous dupliquons ce comité. Chérie, retournez-la à droite. C' est comme l'école. Bon, alors on va ajuster ça un peu. Je veux m'assurer que nous avons l'espacement de Cory ici. Je pense que c'est bon. Et ce sont juste les conseils sont généralement ces à côté de la section de haine de ligne ici, Donc, si les tranches de téléphone 17, vous pouvez simplement multiplier 17 multiplier par 1,5. Donc tu as les chiffres. Si vous aimez qu'ils voient plus peut se détacher. Karekin, fais juste que ça soit, euh, marquez. D' accord, donc la prochaine chose est, euh, tu veux t'assurer que cet espacement, d' accord, a assez de choses qu'il a donc la prochaine chose est, euh, tu veux t'assurer que cet espacement, d' accord,a assez de choses qu'il a commencé ici. C' est juste de l'espace vide qui peut réparer ça aussi. Bon, alors regrouperons ça. Et la prochaine chose est, nous voulons ajouter peu d'icône tous. Alors vous, monsieur, je peux aller dans une autre ville ? Ils peuvent voir l'adversité, donc vous permet de le faire. 4. UI des informations de ville - 2e partie: quand j'utilise tout le rectangle. Ok, c'est juste sept pour commencer ça juste pour s'assurer que c'est un arbre quand on choisit cette guerre de Trias, c'est trois. Très bien, donc nous allons citer ces attaques de connaissance gay ici si vous faites tous tirer des chances de Toy pan ce mur. Ok, donc sont juste faire ça autour de 15. Allons-y un peu. D' accord. Donc, il a l'air agréable et les boîtes ressemble un peu à un grand. Donc tu veux le réduire ? J' y ai été. Donc, aujourd'hui, nous voulons réduire cette tranche. Donc étonnante commande K sur une échelle ceux-ci à 80% il semble mieux. Non, c'est nous que vous pouvez voir que c'est assez pixellisé ici. Alors réparons ça quand j'ai dit à cinq à la place, Ok, on aime plusieurs. Ok, donc c'est ce qui fait que ça a l'air pixel mater. Ok , laissez-nous juste oculer ça sur trois, non ? Bon, maintenant on va changer l'espacement bientôt, non ? Donc ça a l'air bien. Maintenant, nous allons nous ajuster. Il espacant un peu ou plus du haut ici qui veulent mettre ces continuer à mettre ces autour de 50 c'll sur le mur 50 s. Allons vraiment avec ça jusqu'à ici. Vous voulez que cela soit pour le centre chatouilleux à cela. Ok, ça a l'air bien. Maintenant, allons-y tous les deux. Mais d'accord, donc je pense que c'est cool maintenant. La prochaine est que je veux changer l'espacement ici. Donc, vous permet avec elle sont dans 60. Ça a l'air un peu petit. C' est nous le déplacer à 70. Ok, je pense que 75 ans vont bien. Et on peut le refuser un peu. 40 sa ligne. Peux-tu vouloir le réduire un peu ? Un peu plus. Je veux faire ça au bœuf verticalement centre. Donc sur ce mur. Donc, c'est que j'utilise un croquis. Blufgan a décoloré le travailleur du tableau de bord EM afin qu'il puisse mémoriser ce raccourci. Et c'est rendre la conception à gauche, si c'est plus facile. Donc je vous recommande vraiment de vérifier les branchements. D' accord. Désolé. 30 et je veux faire ce 30 aussi bien. D' accord. Donc ça a l'air assez sympa maintenant, et la prochaine chose est, nous voulons juste fumer ces boutons, mais nous voulons faire ça autour de 30. Et celui-ci veut aligner avec le bouton et du bas. Vous voulez faire de cet Iran 40 je pense que le vin de Porcs 40 s. Et celui-là, on veut qu'il soit centré verticalement vers ce gay. Disses dit 512 Faire cette guerre en remarquant qu'il semble un peu où Et si on changeait ça en, euh, la même chose avec ça ? On sait où tu as changé un peu. Bon, donc c'est mieux. 50 et 65. Eh bien, dans le problème. D' accord. Donc je pense que c'est bon. 30. D' accord. Donc juste que je veux m'assurer que c'est qu'ils sont dans les mêmes expositions. D' accord. D' accord. Notre X. Nous avons donc terminé notre conception sur la première page. Et sur la vidéo suivante , , on a conçu l'interaction. Lorsque vous voyez, cliquez sur les quelques sections sur les quelques, tous afin qu'ils puissent voir d'autres villes. Très bien, merci beaucoup. Et vous permet sur la prochaine vidéo. 5. Modification de l'interface utilisateur: D' accord. Donc la prochaine chose est, nous voulons que Teoh tourne un peu sur le design que nous avons conçu avant, nous allons travailler un peu, donc ça ressemble à l'officier. Vous pouvez voir ce Ling ici. Je veux faire quelques ajustements ici. Donc, je veux m'assurer que maintenant vous pouvez clairement voir ce qui cuire est le pas actuel. Je veux donc réduire un peu l'opacité sur les sous-vêtements. Alors faisons ça. Et j'ai dit, comme ça. Et qu'est-ce que c'est ? Quelque chose sur 15. Je veux aussi le rendre complet. Et on peut juste le vérifier à nouveau. Ok, tu peux voir ça maintenant. L' espacement comme différent maintenant il est a une spéciale différente. Pas de soucis, parce que vous ne pouvez pas juste ce Gae 45. D' accord ? C' est cool. C' est moi. Enlevenons-le. Donc je pense que 50, c'est bien. D' accord. Donc la prochaine chose est, je veux juste bouger ça un peu, et une fois basing a eu ce trou du cul. Ok, donc ce n'est pas trop près avec cette flèche. D' accord. Désolé. Je crois que c'est du vin. Je pense que c'est ma peur. Encore mordu. D' accord, donc je pense que c'est bien de vivre ce US c'est. Si ça suivait ça, je pense que c'est ça prend trop de bases. Je pense que c'est bien pour l'instant. 6. Liste des villes de l'UI: D' accord. Alors, avant d' aller dans de nouveaux lots, on a sauvé sa fille, mec. Parce que je ne sers pas le stickum et encore, donc je juste pour m'assurer que la moitié de tout, ça m'a sauvé la vie. Et je suis assis ici, et la prochaine chose est, nous voulons dupliquer ces hors-bord. Donc nous avons b et dupliquons ça ici. D' accord ? D' accord. Et la prochaine chose, c'est qu'on a créé Tom Nail. Donc, pour le temps de crédit maintenant nous voulons à la F quatre pattes d'abord. Donc on va utiliser le rectangle et on va à l'ombre, c'est de petits châteaux. Fondamentalement, c'est du broyage. Très bien, donc, euh, a dit ça à aveugle, malhonnête voulait jouer, mais celui-là, je vais réduire la capacité. Ok, donc c'est comme, ah, pour Les. La prochaine chose, c'est que je veux ajouter la voiture. Je vais utiliser ces arrondis. Ok, donc tu veux faire, genre, trois, trois cartes ? Donc la taille qu'ils veulent faire avec pour être autour de 400 Je pense que ça va l'enfer, C'est vraiment juste faire la haine d'être enfilé dans terre. Je pense que c'est comme Et maintenant, qui a changé tes idées ? Peut-être autour de 15 ans. C' est bon. D' accord. La prochaine chose, c'est que nous nous entraînons. C' est qu'on a transformé ça en masse. D' accord. Nous voulons simuler à quoi il ressemble pour nous. Donc, je veux faire ce 25 avant fond et 25 de jours aussi bien. Bon, alors lisons des années de bonbons. Cet argent pour cette guerre, c'est 25. Ok, donc nous avons un petit problème avec notre avec leur Donc vous voulez vous assurer que vous, monsieur, pouvez voir que c'est une liste hors de la carte, donc il y aura une autre voiture ici, donc nous voulons injecter le épaule un peu sur une autre carte afin que vous puissiez voir que c'est ce qui est échangeable Maintenant, nous allons réduire la facilité avec That's We essayer l'Iran pour vous, 50. D' accord. Je veux réduire le mur des ennemis, donc ça a l'air mieux. D' accord. Donc je pense que c'est bien maintenant. Bonjour, monsieur. Tu as changé ça en porte 25. Cette vie, loin du fond. Une petite clé. Maintenant, allons doux trike. droite. Donc ça a l'air mieux maintenant. D' accord, alors la prochaine chose nous allons insérer l'image ici. lobbies vont aller chez mon détecteur. Et c'est de la qualité et de la mauvaise. C' est donc l'image à insérer ici. Clé. D' accord. Ça a l'air sympa maintenant. La prochaine chose est, c'est qu'on ajoute un peu de texte hors cours. Ci-dessous est le pays juste milice. Je veux en faire 17. Ok, celui-là un peu plus gros, mais 20 cygnes est un médium. D' accord. Ça a l'air bien. Maintenant, c'est nous étions Fitbit. Donc, il est 40. Je pense qu'il est trentaine, donc tu sais. D' accord. D' accord. Vous devez donc vous assurer que cet espacement est correct. Horrides. Donc, parfois les croquis, comme, si vous espérez pour cette, euh, distendue montrant à l'objet où vos histoires de base. Donc, par exemple, si je sur le cours ou ici, Donc le distended est de ces objets à cet objet en dessous du cours sont donc vous voulez mesurer la distance de cet objet à ces, euh, livres. C' est que vous pouvez juste ah, espoir pour les acres sont ici, sorte que vous pouvez voir qu'il se dresse vous montrant le dissing que le vent à cet objet à l' objet sur votre parcours. Ok, donc je pense que oui. Je connais Onda. Nous voulons juste un peu un Grady sombre ici pour que les détecteurs puissent être plus irritables. C' est ce qu'on fait ce rectangle incroyable. Ok, maintenant voyons à Greg ici. Petite maison. Je veux juste le rendre un peu doux. Ok, donc je pense que c'est pour que je sache à la place de faire ça à nouveau et de mesurer la distance. Laisse ça, c'est juste pour jouer aux chatons, c'est juste un espacement. D' accord. Donc, Nellis, nous changeons l'image et changeons le texte, donc nous n'avons pas besoin de réajuster l'espacement et d'ajouter cela directement. Maintenant, la prochaine chose est, vous voulez ajouter une autre ville. Je veux ajouter ce médicament de ville. Ok, donc d'accord, celui-là. Ok, c'est prêt. Changez ça à Dubaï. Une sorte de biais. Et ton nom a fait notre Ok. D' accord. La prochaine, c'est quand j'ai eu cette photo. Donc vous ne pouvez pas voir que ça peut juste bouger d'abord les espoirs. Alors j' ai fait la clé. Borai Price Siyuan garder ou c'est comme si je ne devrais pas appuyer sur cette affaire. Pas de problèmes. Il disparaît maintenant. D' accord. Donc, je peux juste un espacement dans le jeu droit. Swan est que j'ai, euh, arrive à Boenisch. Donc, la proposition off. Ah, ce Grady Et c'est que tu penses que ce n'est pas un roi lisible et juste ça. Mais le problème est que Ah, n' est pas cohérent. Ok, donc nous juste si vous voulez le faire, si vous mettez à jour ceci, si vous changez ça, vous devez changer à d'autres endroits. Eh bien, désolé. Il est cohérent. Donc, je vais en dessous. Je pense que c'est bon. Je pense que c'est encore lisible. Bon, donc je pense que c'est cool. C' est bon pour l'instant. A peut voir que c'est le pas initial de la guerre, puis est allé à cliquer sur quelques-uns. Tout ce qu'ils voient, Eric. Donc, les graduations. Maintenant, nous allons recruter l'étape suivante. 7. Liste des villes - Interaction de balayage de l'interaction de l'interaction: La partie suivante est que nous voulons, hum, vouloir créer un autre scénario, qui est quand les utilisateurs glissent, le moins hors de garde. Donc quand ils l'ont balayée, cette voiture serait comme ça. Et ce type serait comme ça. Oui. Et nous voulons créer cette, euh, cette peau Ari. Oh, donc ce que tu fais c'est qu'on veut tâtonner ce premier venu en G amusant donjon ou carte courte et qu'on peut dupliquer ça. Et nous venons de nous ajuster. Donc, c'est 25 Très bien, donc parce que nous voulons mettre un type dans Ida B x d. Le chemin à d'autres B X sortie à n'importe quelle usine de viande est ah, nous devons créer plusieurs états pour être auto extra. J' anime notre design de cet état à un autre état. Et ce que nous devons faire, c'est juste créer le second état. C' est donc le premier état et ce deuxième état ISTEA. Donc, c'est en fait assez simple. Nous avons juste besoin de créer l'écran pour la variation. L' état de l'écran et hors du rayon X ira à n'importe quelle viande et l'animation pour nous 8. 2ème ville de l'information UI: Donc, nous avons créé la première gorgée vous à la misère à bord. Et maintenant, nous voulons créer une autre ville. Juste à la deuxième ville se trouve Medina. Donc on veut dupliquer les hors-bord, et on va changer le contenu. Alors faisons ça. L' Amérique sera tous ces hors-bord impliqués. D' accord. D' accord. Alors maintenant je veux changer ces images à travers cette image. Ok, donc la prochaine chose est, vous voulez changer ces titres Eh bien, et pour la superposition avant Lay est basée, fondamentalement trompeur. Donc vous voulez juste que je veux un accord de groupe pour la vie, citation et juste renommer cet orteil trop. D' accord. Une volonté malhonnête. Ok, donc, euh, ça devrait être là. techniciens Onda qui veulent changer ça. Ok, désolé, parce que c'est une voiture que l'image est assez différente, donc je peux la voir au Texas. Ce n'est pas crédible par rapport au 1er 1 Non, c'est faux, j'en ai peur. D' abord. D' accord. Donc je peux voir la comparaison. D' accord. Donc je vais supprimer ça d'abord. D' accord ? Alors nous allons faire un peu d'ajustement sur l'image pour que nous puissions lire le texte là-bas pour faire ça c'est que nous voulons et quelques films. C' est aussi avec Grady. Ainsi, l'image peut être plus où le texte peut être plus comestible. Ok, donc le Texas est plus comestible maintenant, et je veux changer ce petit salaud. D' accord ? D' accord. Alors je veux changer. Tu veux tâtonner ça et ça le fera une fois. Ok, donc, euh, je voulais le réparer, mais celui-là, ce mur, non ? C' est ma douleur cachée. Alors, salaud. D' accord. Ok, donc c'est pour un pixel. Donc je vais déplacer ça pour un pixel. La houle. D' accord. Donc, vous pouvez voir que ce n'est pas lisible. Difficile de changer cela en couleurs sombres. Donc, il est plus capable et celui-ci salaud Hajric. Donc je pense que c'est bon. Allons faire sur le fond pour être un peu sombre. Ok, donc je pense que c'est bon. Non. Alors la prochaine chose, c'est qu' on veut dupliquer ça, OK ? On peut juste le mettre ici. On n'est pas un billet. Ça et on peut, tu es mort. Mais qui peut le faire aussi ? Ok, donc il y a beaucoup de façons de le faire. Au moins, la chose la plus importante est que vous comprenez le concept parce que Parfois, vous pouvez simplement concevoir ces et puis vous retournez en arrière, vous allez, vous modifiez quelque chose, et puis vous le retournez à ici. Si vous comprenez déjà le concept, alors c'est très simple. Si vous comprenez déjà le concept, Donc, le concept est le premier que nous créons le premier état initial. Donc, c'est le premier état, et puis nous créons le deuxième état, qui est quand ils ont cliqué sur ceci, mais ils voient un assez horrible pour lay. Et puis, euh, le chariot, d'accord. Et puis un autre état est quand vous avez dit glisser cette carte. Donc on va créer un autre état. Donc, ce est fondamentalement juste une variation hors états, et puis nous voulons à toute viande qui dans l'annonce A B x d. Nos rangs sont excités. Maintenant passons à la vidéo suivante. 9. Ajouter une interaction à l'interface utilisateur: après que nous avons créé avec succès notre propre conception. L' étape suivante est que nous voulons transformer que vous je conçois en vie de processus cliquable. Ils veulent changer l'image statique en large interactif cliquable en utilisant hors de B X D et la chose cool sur les villes Utterback qu'il excepté planifier de sorte que vous n'avez pas à faire quoi que ce soit. Il est simplement ouvert ce fichier de capture dans le Adobe X'd lui-même donc je n'aurais pas à faire quelque chose d'aussi simple que ouvert comme vous ouvrez comment Toby X'd tombe. Alors commençons. Nous allons au fichier et puis parce que j'ai enregistré le fichier de croquis de Falls sur mon ordinateur. Donc, en gros, un clic sur ouvert depuis votre ordinateur, accord, donc je vais choisir une thèse dans mon dossier. Hajric. Cela prend donc un certain temps pour le chargement. Est contre l'autre B x d. Vraiment agréable dans le rendu de notre design. Donc il n'y a pas d'image comme, hum, floue. n'y a pas, comme Mlle Place. Objet jusqu'à présent est très bon. C' est très, très bon travail de sortie. Donc oui, je crois que c'est un cercle maintenant. La prochaine chose, c'est qu'on essaye. Donc, pour jouer un prototype suivant t il suffit de cliquer sur ce jeu je peux Ses ex services sont la guerre Priceline sur Si vous voulez arrêter ou taper, vous pouvez voir il y a un type prototype un robinet ici donc vous cliquez dessus et il se transforme en mauvaise humeur de frappe que GNC qu'il y a l'icône d'accueil ici. Donc c'est Ah, un signe Si vous voulez faire cet ARB devrait être le premier hors-bord quand le prototype démarre. Ensuite, nous cliquons sur cette maison que je peux pour qu'elle devienne bleue. Donc, cela signifie que lorsque les quatre haut affiché alors cet art, mais montrera d'abord. Ok, donc la prochaine chose est, essayons-le pour nous. Taille Hajric. Vous pouvez voir là, c'est. Ce n'est pas cliquable. Si je clique dessus et que rien ne se passe, c'est parce qu'on n'a encore rien fait. Ok, donc la première interaction que vous voulez créer c'est que nous voulons créer ces, euh, interactions la première et les émissions. Ok, donc quand vous dites jouer le parasite, ils peuvent voir, comme sur les détecteurs, comme se déplacer par le haut, pour que vous puissiez voir que vous pouvez sentir que les émissions. Donc c'est ce que vous faites pour faire. C'est très simple. Nous voulons dupliquer ça. Ok, donc on retourne à notre robinet de design ici et maintenant, allons-y Rico Pittis et son basique ici. Ok, je vais le déplacer vers le haut. D' accord ? Donc, comme je dis la façon dont l'animation automatique fonctionne. Est-il sorti de transformer l'objet d'un état à un autre état ? Ok, ça se laisse donner. Ok, menez. Je vous donne un exemple. Donc, Frank simple. Je le déplace vers la droite. D' accord. Ce n'est qu'un exemple. Et je vais à Broadside, et puis nous voulons nous assurer que ce sera la personne de départ parce que c'est le premier hors-bord qui sera lancé en premier. Ok, donc on veut les mettre sur ces cartons. Je veux régler le déclencheur sur le temps et les transactions que vous voulez avoir des retards. Nous le voulons. Quand vous dites jouer, il n'y a pas vraiment nous voulons x t guerre sont exécutés. L' animation directement, Nous avons pensé, ayant retardé ou quoi que ce soit et les transitions qui veulent cliquer hors de l'ennemi. Disons que le Russe a trois ans. Ok, alors voyons à quoi ça ressemble quand on clique sur Jouer. D' accord. Donc, vous pouvez voir que c'est un petit doigt. Que ce n'est pas bon. Ce n'est pas bon. Mais le fait est que je veux vous montrer comment ils sont sur n'importe quel réseau. Donc, la façon dont cela fonctionne est fondamentalement, il tourne pour, um, comment l'objet d'un état dans un autre état automatiquement. Donc, ce que nous faisons, c'est que nous nous préparons à déclarer. Donc, c'est le premier état, et c'est le deuxième état et l'animation alto animera automatiquement cela pour nous que les importations cela. Ok, donc c'est un peu que j'ai été moche, alors on va changer ça. Je veux vérifier 12 avoir les expositions. Ça pourrait l'être. Et on va dire ça à l'explosion. Bon, donc à l'état initial, nous voulons faire de l'opacité de l'objet environ 10. Alors c'est comme ça que tu fais ça. Donc, l'opacité qu'il veut dit à 10 Swan trou du cul, ou vous pouvez simplement le sélectionner multi. D' accord ? D' accord. C' est comme si c'était bon. Et la prochaine chose est de savoir qui veut changer cela à un peu ici, donc l'animation montrera que cette pile vient du haut ici vers le bas. Et celui-là ? Je voulais être en bas. D' accord. Et cela prend des années. Vous voulez le mettre Onley en dessous, ici. D' accord, celui-là quand ? Un certain d'ici. D' accord, donc celui-ci, ce lien qu'il voulait, a dit aussi dans le discours. Ok, donc c'est l'état initial. Alors rejouons le jeu. Donc, nous vérifions à nouveau sur le site de la pièce. Fondamentalement, est-ce que nous pouvons Nous utilisons le déclencheur de temps. Donc, il y a beaucoup de déclencheur dans l'instruction là-bas. Appuyez, faites glisser, forcer les touches et compactez. Mais, minuteur, ce que nous avons utilisé ce que nous choisissons le temps parce que nous voulons être que nous voulons définir est d'être automatisé. C' est pour ça qu'on est juste temps. Ok, alors rejouons-le. Ok, tu peux voir ça. C' est gentil d'animer maintenant, n'est-ce pas ? C' est nous le jouons encore. Ok, donc on dirait que c'est un peu lent. C' est qu'on change ça. La vitesse autour de deux secondes. D' accord. Une autre option que nous pouvons nous essayer. L' option Est. Cette option de chose est à quoi l'animation ressemble cette vitesse, ok, est sorti signifie, um la vitesse que les animations pensaient un peu vite. Et puis, Ah, la broche diminuera lentement à la fin de l'animation. C' est donc le dehors et les pécheurs. Hum, l'animation commencera lentement à cracher. Nous commencerons lentement, et puis ça va bien plus vite à la fin de toute mission, pour ainsi dire. Donc, l'assouplissement est sur la façon dont la vitesse des animations. Ok, je veux vérifier que c'est sorti et nous allons qui jouons le jeu. Ok, on joue à nouveau. D' accord ? Donc c'est cool. Mais je pense que si tout bouge , c'est comme beaucoup de distractions. Je veux les mettre dans les positions. Ce n'est pas rien. Je pense que c'est mieux. Une copie. Maintenant, quand on retourne à la conception de robinet, je vais prendre cette exposition, vais appliquer ça ici. Ok, alors nous allons jouer à nouveau. Oui, je pense que c'est mieux. Je pense que c'est cool. Eh bien, c'est de l'animation. Vous pouvez jouer avec cela, vous pouvez créer la vôtre et la mission, mais le principe est que je veux vous montrer le principal comment il a créé cela à nouveau. Cela dépend de votre créativité. Plus l'animation peut être créative. Mieux encore, il peut essayer lui-même. Et pour rendre les choses plus intéressantes, je veux mentionner que l'image est légèrement plus grande sur la seconde sont pauvres, donc vous pouvez voir comme si c'est un peu de zoom. Il y a donc un effet de désactivation du zoom. Ok, alors on va faire ça. D' accord ? Maintenant, j'aime tellement cette image et puis je la reprends la sienne. D' accord ? Oui. Juste Nous n'étions pas précisément pour être trop grand, juste juste petite tranche re comme ça. Maintenant, on le rejoue, accord ? Donc vous pouvez voir que c'est un peu de zoom, n'est-ce pas ? Ok, donc tu peux voir que c'est gentil. Ce n'est pas vraiment lisse frapper de Bhakti peut réparer ça. Mais pour l'instant, je pense que c'est c'est très cool jusqu'à présent c'est très bon maintenant. Très bien, alors nous allons, euh, faire le suivant qui est quand vous voyez cliquer sur ces quelques tout ce qu'on a gagné. Je veux montrer à l'utilisateur cette superposition afin d'aider à le faire. Donc c'est le principe est le même, comme Hardy. Professez ainsi sur la profuse. C' est le premier état, et c'est le deuxième état droit sur. Dans ce cas, c'est le premier état, et c'est le deuxième état donc sur l'élément doit être contient dans cette partie. Donc, si c'est le premier état et c'est le deuxième état, disons que le premier état a plusieurs éléments. Ensuite, sur le sur le deuxième état, il devrait avoir sept éléments aussi. Donc la question est, Eh bien, nous avons des voitures ici, non ? Nous avons une offre plus tard. Donc, cela signifie que c'est des éléments supplémentaires. La réponse est non. Cet élément devrait être l'accès ici aussi. Mais l'astuce est que vous voulez définir la capacité à zéro ici. Donc ces cartes, on a pu entendre qu'elles ne sont pas montrées. Ici. Tu vas acheter ce soir. Ok, maintenant, menons avec ça. Donc j'ai grandi en a assez pour plus tard. Ok, donc la souffrance est contenue sur Ha. Ces noirs Grady ins et ce chariot. Non, allons-y Chicopée. Dennis Well décide du conseil d'administration. Ok, Ok. Donc vous pouvez voir que c'est comme ça. Et la prochaine chose est qu'il veut régler l'opacité. Ok, l'opacité à zéro. Nous voulons définir la capacité de ce zéro, et puis nous voulons mettre sa capacité à zéro est bien, avant cela, allons l'enlever au fond. Ici et l A v changé son 20 Donc, la traction émotionnelle montre comme cette voiture va montrer par le bas. Ok, donc on va monter à bord. C' est comme si on allait protéger. Mais malheureusement parce que, hum, comme vous pouvez le voir, que cette offre était l'horrible A est sur le dessus. C' est le dessus de tout couche hors place jusqu'à ce que tout. Donc, lorsque nous cliquons sur le dessus du prototype, nous ne pouvons plus accéder à ces objets combustibles. Parce que lorsque nous cliquons dessus Ah, ce qui a sélectionné est ce 'll une couche er off. Donc, l'astuce est qui veut créer un autre objet ? Ok, qui veulent créer un rectangle comme nous le plaçons sur Tom un ajustement. Qui tu vas enlever la frontière ? Et quand j'ai dit la capacité à zéro. Donc, quand nous allons au prototype, et quand nous cliquons dessus, il peut voir que nous pouvons ajouter les points chauds ici. Mais fondamentalement, nous ajoutons notre place en plus du rectangle inréalisable. Ok, allez au point. Et puis c'est nous. J' aime donc ce rapport. Ok, donc nous allons, euh juste pour que le déclencheur soit pas. Pourquoi c'est ça ? Pourquoi pas le temps ? Parce qu'on clique ici, d' accord. Et la prochaine chose est en fait hors d'un coéquipier. Mais pour celui-ci, nous voulons rendre la direction est squat plus rapide. Une course. 0.38 Ok, donc je pense que c'est cool. Maintenant, nous allons lame large. OK, maintenant, on va cliquer sur ce champ, accord ? Donc hé, ça a l'air très lisse. Maintenant. Nous voulons définir le type de pièce. Lorsque vous voyez cliquer sur cette zone, ils remontent, la cicatrice sera cachée à nouveau. Donc, en retournant à notre X et sur la section type de partenaires ici, nous allons vendre comme ce rectangle. Juste ce linéaire. Écoutez l'arrière-plan de cette carte, puis vous voulez ajouter cette instruction. Alors, qu'est-ce que ces statines font, c'est quand vous cliquez dessus ? Je veux le rendre à ce hors-bord. D' accord ? Et son peut voir que le réglage sera automatiquement dit par la ville arrière extérieure. Donc c'est copier l'interaction abondante, qui est la même, comme les instructions dis. Ok, pas moins. On l'a encore jouée. Qui ? Joue-le. Et maintenant, nous cliquons sur quelques-uns. Ok, je ne peux pas le voir. Lorsque nous cliquons sur cette zone, il retourne en arrière. D' accord. Rx attendu sur le corset Ellison. La prochaine chose, c'est que nous voulons faire des interactions médicamenteuses. La direction du dragon est également très simple. Tu sais, la grande ville. Donc ce que nous faisons c'est que nous voulons à l'interaction buvée sur cette carte. est donc très simple de le faire. Nous cliquons sur cette carte. Ok, nous cliquons sur cette carte et puis qui à un lien vers ce travail acharné au lieu de cliquer sur le déclencheur. On veut que ça soit transporté par camion, accord. Et l'action aussi ennemi. Et c'est une houle que nous voulons ajouter. Assurez-vous donc que ce qui a sélectionné ce qui a été sélectionné n'est que ce groupe. Donc, vous n'ajoutez pas aller à découvrir, comme le travail, mais seulement à cela mais eux. Ok, maintenant nous allons cliquer dessus, et juste mais il ici, il est également automatiquement en utilisant le même paramètre. Maintenant, jouons-le. Nous cliquons sur quelques-uns, tout ce qui est nous le déplacer. D' accord, alors c'est bouger quand on le drogue. D' accord. Relations actuelles 10. Ajouter une interaction à la 2e ville: nous avons réussi à créer nos premières demandes d'instruction sur la première ville. Maintenant, nous voulons continuer à travailler sur les interactions de la deuxième ville. Alors commençons. Tout d'abord, nous avons besoin du premier état initial ainsi que de la deuxième ville. La même chose, comme cette première ville. Juste nous devons définir la capacité, comme, c'est la même chose. Donc on va réduire l'opacité de l'état initial. Donc, pour cela, nous voulons copier les jours. Alors on va démissionner. Sauf si on le place ici. C' est ce que tu peux. Si c'est ici. Maintenant, nous allons changer la capacité de l'objet de la même façon. Donc, l'opacité est de 10%. On va faire la même Gail. Donc, nous allons le réduire à 10% caméra le fait. Ce mur. D' accord. Et la prochaine chose est, nous voulons aussi que Teoh change la position de l'objet, comme vous pouvez le voir. Ah, ces taxes un peu plus haut ici. Donc on veut prendre les positions du vin, et on va jouer ici une école. Donc c'est un cohérent que nous allons prendre ça, comme c'était un mur de surdité. C' est basique. Ici, vous pouvez voir ça. Ah, le bouton. Vous devez être changé. L' école. Donc, c'est 31 pixel du texte. Enlevenons-le mentalement. D' accord. Et celui-là, c'est ce que Kobe, c'est bon ? C' est cool. Et le suivant, c'est Ah, cette Ling. C' est ce qui m'a eu ça aussi. D' accord, donc ça a l'air bien. Non, nous allons faire la Grande-Bretagne comme alors nous voulons ajouter la forme de mur Lingus. Ah, ce chaud né à ça. Alors on le buvait. Cliquez sur et essayez. Et puis on va régler le déclenchement à l'heure, Russell, parce que tu veux que ça soit automatique. Donc nous voulons nous assurer que ah disséquer est la même chose que celle-ci. Donc, c'est minuteur, c'est tes secondes. Aussi, n'importe quelle viande. Il est sorti deux secondes et le cygne est le même. Zéro malade. Il est sorti dans deux secondes. Très bien, donc si vous voulez le tester, si vous cliquez sur ce bouton de jeu ici, il commencera avec la maison avec le hors-bord que vous avez déjà Marcus la maison avec indiqué par cette icônes bleues. Mais si vous voulez démarrer le prototype sur les bateaux à que vous voulez commencer à,par exemple, par exemple, nous voulons cette pensée que nous avons quitté le site pour tester les propositions de celui-ci parce que nous travaillions sur ce actuellement. Donc ce que tu fais, c'est que tu grinçes. Ce bouton de lecture avant que, alors que vous avez à faire, est juste de choisir qui sont achetés. Ils veulent jouer comme le départ au port. Donc, parce que vous voulez faire de cet aéroport comme le départ de notre port à cette fin de conception ce moment, alors nous cliquons dessus pour nous. Nous cliquons d'abord, puis, mais cliquez dessus bouton de lecture. Donc Ah, ça à ce qui deviendra les premiers hors-bord quand ils l'ont amené déjeuner. D' accord, ça a l'air sympa. Non, appliquons la même chose. Nous appliquons la même chose comme sur cette diversité. Ok, donc la prochaine chose est, quand vous cliquez sur ça pour vous tous Ah, ils voient que ce sont des instructions de carte. Eh bien, donc pour ce faire, nous allons copier ce mur parce que la conception Alice, nous copions cette offre pochettes. On va le suivre ici. Et la prochaine chose, c'est que nous voulons réduire la capacité. C' est là que c'est avant que je veux que Teoh mette juste ici en dessous. Très bien, c'est cool. Et nous allons qui a réduit la capacité 20 Swan, salaud. Bon, alors regardons un rectangle ici. Donc c'est juste, genre, assez délicat. D' accord, les frontières syriennes. Et nous allons lire ceci, Théo Opacité à zéro personne. Bon, maintenant, maintenant, revenons à l'onglet Prototype, notre clic et le dragon. Je vais utiliser les mêmes paramètres. Donc, dans ces levage robinet ou à n'importe quel hors-bord est sorti. Et il y a 0,3 seconde ? Ok, celui-là, c'est tout. Eh bien, aujourd'hui, peut-être qu'il est sorti. On va s'assurer que ces 0,3 secondes, c'est comme celui-ci. Bon, alors refaisons-le. Maintenant, voyons. Donc, comme, cette effusion va cliquer, cliquer, cliquer, jouer à nouveau. Gay a travaillé, genre, se sentir bien. Ça marche maintenant, alors soyons aux autres instructions. Donc, dans votre cave, cliquez sur ces superpositions. Ils vont à ce hors-bord. Alors, comment être supplémentaire ? Vous automatiquement que juste disséquer le réglage automatiquement copié de l' instruction préfère donc vous n'avez pas à l'ajuster à nouveau, accord ? Et la prochaine chose, c'est que nous voulons, euh, réciter l'image pour que vous puissiez voir les interruptions de l'ISM. Laisse-moi jouer le premier, d' accord ? Pour vous tous. D' accord. Donc ça a l'air cool. Blade. OK, donc nous voulons ajouter l'interruption de l'ISM. Comme celui-là. Vous pouvez voir que ce sont des instructions. Donc, c'est très simple. Là où vous alliez faire, c'est juste réciter l'image. Sim Egx. Ok, alors on va démissionner pour nous. Beaucoup que nous n'aimons pas. Donc, comme, l'image, Ok, nous laissons réciter un peu, donc , oui, c'est assez difficile d'avoir un avocat. Bon, alors vérifions ça. Donc j'aime les croquis. Si vous voulez sélectionner, um, de couches ci-dessous, je peux. le bouton droit. Et il y a, comme, une sélection des options de menteurs. Mais dans Adobe X'd, euh, il n'y a pas ce genre de fonctionnalité. Donc, quand vous oubliez le nom de l'faute, alors c'est un peu problématique. Maintenant, allons nous tourner avant d'abord. D' accord ? Donc c'est l'image, d'accord ? Sauf si nous le précisons. Ok, donc je veux tenir ma clé d'option, et elle l'a vu au centre des récites. Ok, donc on va le réciter. Juste un léger redimensionnage. Pas trop, donc le CV n'est pas trop extrême, Will. Pas trop vite. Comme je crois que celle-là l'est. C' est très bien. Rejouons-le, d' accord ? J' ai oublié de sélectionner cette force. Et comme nous cliquons sur la baie Ok, donc maintenant vous pouvez voir que les instructions de zoom. Droit ? D' accord. D' accord. Maintenant, continuons à regarder la construction sèche ici, donc c'est très simple, en fait. Une fois que vous avez compris le concept, alors c'est assez facile, d'accord ? En cliquant et faites-le glisser ici et déclencher sa grève. D' accord. Et nous aussi à la même chose en russe sur cette carte, cliquez et séchage. D' accord. Les déclencheurs. Essayer comment faire pour n'importe quel principal. Maintenant, nous allons le jouer à nouveau. Ok, donc ça marche. Très bien, alors il Félicitations. 11. Relier l'interaction entre les villes: après avoir créé avec succès les interactions au large de cette deuxième ville et la suivante, elles sont meilleures. Nous voulons ajouter une interaction lorsque vous dites cliquer sur ces cartes. Donc, quand ils cliquent sur ce creuseur actuel pour, ah, instructions de la ville et quelque chose, quand il y a un clic sur ces cartes de qualité et de mauvaise qualité, ils vont à ces interactions d'animation. Donc c'est nous le faisons. Alors passons à ou le tapotez. Et fondamentalement, c'est très simple. Ce que nous faisons, c'est que nous ajoutons des instructions de robinet sur cette voiture afin que nous sélectionnions cette carte, donc je m'assure qu'elle est sélectionnée et cliquez et suivez. Donc on va le traîner jusqu'à ce hors-bord. Pourquoi ? Parce que c'est ce point de départ initial de ces interactions. Donc, quand vous cliquez dessus, nous voulons que cet utilisateur atterrit cette planche de cabane. Ok, donc vous pouvez ajuster le réglage ici comme les transitions, et pour ces porcs nous voulons mettre l'action à la transition, pas à l'animer. Ok, parce que , ah, on n'est pas à la réunion. En fait, c'est une chose différente. OK, donc on a juste, euh, le sélectionner, demandé les transitions. Et pour les émissions, je préférerai rien. Parce que comment on n'aura pas recours directement à, hum, voir les interactions et l'émission de ceux-ci à bord lui-même. Donc, cela ajoute plus. Déjà. C' est une émission. Donc, quand vous voyez cliquez sur cette carte pour cette voiture, il fondamentalement nous voulons juste laisser ces air voir cette voiture directement. Alors rejouons. Ce type plus large pourrait jouer Alice Hebrews sentir tous et façons de cliquer sur cette carte. Le siège saoudien est identique à ce premier hors-bord. Ok, on te laisse jouer à nouveau. Cliquez sur. Peu de clics sur cette carte. Ok, donc c'est très simple. Non, nous allons à la même interaction avec cette voiture. Donc, vous êtes enfant DoubleClick et cliquez et faites glisser, et nous voulons ajouter l'introduction au support. Ok, donc on va appliquer le même paramètre, qui est tapé sur le déclencheur et la même chose pour l'adresse. Alyssa, cliquez sur jouer. Sentez-vous tout de sorte qu'il est encore cassable. Cliquez sur Manning a. OK, cliquez sur le jeu. Cliquez sur Qualité. Pauvre. Ok, OK. D' accord. C' est fréquent quand il est en vie. Lorsque vous cliquez sur ceux-ci, cela fonctionne. Pourquoi ? Parce que vous n'avez pas ajouté les interactions sur celui-ci. Alors tu veux faire ça ? Tu ne peux pas faire quelque chose. Vous ajoutez l'interaction sur cette Carcelle. Alors faisons-le. Cliquez et séchez. Indra arrive, le Tiggre poignardé. La transition sur une émission ne l'est pas. Et on va faire la même chose pour celle-là aussi. Bon, donc je pense que ça marche. Maintenant, rejouons-le. Nous cliquons sur quelques-uns tout quand sur Medina. Très bien, nous cuisinons pour vous tous et cliquez sur cette mauvaise qualité. Très bien, donc ça marche très bien. Maintenant sont excellents. Félicitations pour avoir terminé ces cours. J' espère que vous pourrez en profiter. Ils peuvent en apprendre quelque chose. Eh bien, gros, c'est un concept très simple. Vous voulez comprendre le principe de base de l'intime vous pouvez Vous pouvez l'appliquer à n'importe quel projet pour ce genre d'interaction. Donc c'est un très simple en fait ce que nous errons si vous je vous suggère de le pratiquer. Si vous le souhaitez, vous pouvez télécharger les ressources et, ah, recréer cela à partir de zéro et le faire vous-même et essayer vous-même afin que vous puissiez mieux comprendre comment utiliser cette fonction d'animation automatique dans d'autres B x D. Alors félicitations pour avoir terminé ce cours, j'espère que vous pourrez en apprendre quelque chose. Si vous avez des questions, vous pouvez me poser. OK, donc les installations de Gore. 12. Finaliser le prototype: dans cette vidéo. Je veux réparer deux choses dans ce type de pièce. Donc, fondamentalement, ce n'est pas un gros problème. C' est juste une solution rapide parce qu' il manque une chose. Donc, lorsque vous jouez sur le site de protestation, vous pouvez voir que lorsque vous cliquez dessus, il est travail. DeCero ne s'inquiète pas. Et la deuxième chose est sur cette ville Marinus peut voir que le pays encore la Malaisie. C' est donc une mauvaise autorisation. Maintenant, je veux réparer cette vidéo, donc il devrait être vraiment rapide solution. Donc, nous allons commencer par corriger ces informations, alors assurez-vous que lorsque nous avons changé sur la conception de nous sommes sur l'onglet conception, pas dans le prototype. Ok, donc je veux déplacer ce calque superposé d'abord pour écrire parce que nous voulons accéder à ces textes parce qu'il est difficile de cliquer, et c'est très difficile à cliquer. Donc, on va juste le corps ici pour nous l'a donné de cette couche à elle, non ? Et puis nous pouvons accéder à cette taxe quand ah a changé son pour l'Arabie Saoudite et les populations sont 1.1. La langue est l'arabe sur. Cette base a 50. D' accord. D' accord. Donc ça a l'air bien. Maintenant, nous allons les remettre sur une couche, nous pouvons changer le zéro du mur de l'Expédition. D' accord. D' accord. Et la prochaine chose est, nous voulons ajouter ces interactions. Donc on va au prototype et quand tu as dit cliquer et ce sont Oh, ils vont à ces Ah, au port. Nous voulons donc faire l'affaire aussi, parce que nous ne pouvons pas accéder à ces flèches. Donc, nous voulons ajouter un rectangle sur le dessus si elle porte quand un Forneris à distance et malheureusement, un zéro positif. Bon, allons à nouveau à Broadside. Et maintenant ajoutons ceci à ici. Et ça a déclenché un pas. Transitions, réductionniste, transitions et animation. C' est aucun. Ok, donc la même chose pour celui qui ne peut pas aller à conçu pour nous, c'est qu'on avait un rectangle ici. D' accord, Gonna Border a dit est 20 en colère un prototype. Maintenant, nous cliquons dessus et faites-le glisser ici et une étape Tigger. La nation est correcte avait une ligne de machiniste. Maintenant, nous allons abondamment large où nous cliquons dessus, Cliquez dessus Cliquez sur celui-ci. Ça marche. Cliquez sur. Ici, ça marche. Cliquez ici. Ça marche. Ok, désolé. Relations correctes 13. BONUS - Share le Prototype: Donc, après avoir courtisé avec succès prototype, vous voulez probablement partager le prototype amer votre utilisateur ou à un intervenant pour le faire en arabe. Le statu quo. Simple. Vous voyez sur les boutons de partage ici, ce que vous voulez faire est juste de cliquer à la fois, puis vous pouvez voir quelques options ici. Donc, parce que nous voulons partager le prototype pour Refute persiste. Donc, la meilleure option est de cliquer sur ce partage pour si vous, parce que vous pouvez l'interrompre. Porté à l'extérieur de la boîte peut commenter. Mais si vous voulez partager un prototype à des fins de développement, alors ce que vous faites est juste de cliquer sur le partage pour le développement afin que vous puissiez, ah, ah, votre développeur peut inspecter le type de pièces comme l'espacement de la ville entre un objet à un autre objet, mais pour quelques-uns propose, par exemple, que vous voulez mener des études de test d'utilisation Erviti. Ce que vous voulez faire est juste de cliquer sur ces partages pour ici, alors nous allons cliquer dessus, et dans les paramètres, vous pouvez sentir les titres, et aussi vous pouvez voir là. Il y a tellement peu d'options ici qui font Nous voulons beaucoup de commentaires sur ce côté frère ou non, si vous voulez montrer les scènes hot spot ne sont pas des choses comme ça. Un des déclencheurs. Si vous voulez effectuer des tests de convivialité, vous le souhaitez probablement. Et vérifiez cela parce qu'il montre les mains des points chauds. Ça veut dire que vous pour que je puisse voir. Ok, celui-là est cliquable. Ok, je dois cliquer dessus. Je dois y aller. Mais tu veux vraiment ? Ah, testez le Yusor. Vous voulez probablement vérifier, parce que vous, monsieur, monsieur, ne devriez pas en avoir ici parce que nous voulons vraiment le tester. Très bien, donc pour faire ce même tableau, suffit de cliquer sur ceux-ci, créer un maigre, puis le processus sera téléchargé dans le cloud adobe. Et puis tu auras une sorte de lynx. Ensuite, vous pouvez copier ce partage Lincoln à votre partie prenante ou à vos utilisateurs. Ok, donc ça crée une pose publique. Ça prend parfois. D' accord. D' accord. Juste blanc. Donc est généralement pas trop long par leur sur les minutes de guerre. Deux minutes. D' accord. Parfois, ça pourrait être facetté. Ça pourrait être plus lent, mais ça ne devrait pas être comme une trémie malade. C' est sur l'étourdissement de notre C'est 100% maintenant. D' accord, alors dissuadez quelques secondes de plus. D' accord. D' accord. Donc vous pouvez voir que la soeur Ling, pourquoi vous voulez faire est juste copier à Sling. Et vous pouvez partager cela lié à vos amis. À vous, monsieur, à l'intervenant. Alors vérifions ce lien, je vais viser avec Google Crumb, et c'est nous le vérifions. D' accord. D' accord. Charges latérales pour que je puisse voir ça sur le côté droit. Ici, il y a une section commune. Où est ça ? Peut commenter pour quitter le site. D' accord. Pour que tu puisses cacher la travée, Elissa. Il suffit de cliquer dessus, d'accord ? Vous pouvez également simplement développer si vous alors allons-y. Entièrement complexe. Parce que j'ai autorisé l'hôpital à entrer. Donc, lorsque vous cliquez sur ces zones où il n'y a aucun espoir de leur rapport montrant les endroits chauds Donc si vous voulez effectuer des capacités d'utilisation, alors vous voulez probablement injecter cela. Ok , on le voit. D' accord. Donc, vous remarquerez probablement que le processus n'est pas très lisse, mais je pense que le chapelet dépend, hum, la complexité du prototype. Et aussi probablement il dépend de l'ordinateur que vous utilisez. Vous avez plus loin, monsieur. Ordinateur avec des processeurs très hautes performances. Probablement le tout, hum, lisse. Mais jusqu'à présent, je pense que c'est très cool. Et tu peux essayer. Il est devenu copié ling et partagé. Accrochez-vous à vos amis, aux utilisateurs, à vos parties prenantes. Bon, bonne chance.