Création de présentations avec Adobe Xd | Martin Perhiniak | Skillshare
Recherche

Vitesse de lecture


1.0x


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

Création de présentations avec Adobe Xd

teacher avatar Martin Perhiniak, Graphic Designer, Illustrator & Educator

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.

      Introduction à la conception de présentations

      1:39

    • 2.

      Interactions principales

      2:24

    • 3.

      Créer un effet de survol

      6:03

    • 4.

      Raccourcis clavier personnalisés

      5:11

    • 5.

      Connecter les diapositives

      3:38

    • 6.

      Composants

      2:23

    • 7.

      Liens d’ancrage

      2:22

    • 8.

      Conclusion

      0:46

  • --
  • 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.

64

apprenants

1

projet

À propos de ce cours

Vous avez envie d’apprendre à créer des présentations attrayantes et interactives avec Adobe XD ? Découvrez le processus, la théorie, les techniques et testez vos compétences en travaillant sur le projet de classe !

Rejoignez Martin Perhiniak (graphiste et instructeur certifié Adobe) et découvrez sa méthode de travail ainsi que les bonnes pratiques qu'il a développées au cours de ses 20 années d’expérieince en tant que professionnel de la création pour des clients tels que BBC, Mattel, IKEA, Google, Pixar, Adobe.

Dans ce cours, vous apprendrez :

  • à créer des tableaux dans Adobe XD pour vos présentations, et à ajouter votre contenu
  • à créer et utiliser des composants pour des éléments interactifs (boutons)
  • à utiliser la fonction Animation automatique entre les états des composants pour créer des effets de survol attractifs sur les éléments de navigation
  • à concevoir un menu de navigation pour passer facilement d’un tableau à l’autre à l’aide des états des composants et des liens d’ancrage
  • à affecter des déclencheurs de raccourcis clavier à des interactions
  • à publier une présentation dans différents formats

À qui s'adresse ce cours ?

  • Toute personne envisageant de devenir graphiste
  • Toute personne souhaitant maîtriser Adobe XD
  • Les créatifs souhaitant améliorer leurs compétences techniques et leur compréhension de la théorie du design
  • Vous n'avez pas besoin d'être un professionnel de la création pour suivre ce cours

De quoi aurez-vous besoin ?

  • Adobe Creative Cloud
  • L'envie de faire quelque chose d'impressionnant

Même si vous êtes débutant dans la création de présentations ou l’utilisation des applications Adobe, vous trouverez dans ce cours les des techniques simples et efficaces, faciles à utiliser et à appliquer dans votre travail !

Rencontrez votre enseignant·e

Teacher Profile Image

Martin Perhiniak

Graphic Designer, Illustrator & Educator

Top Teacher

Martin is a Certified Adobe Design Master and Instructor. He has worked as a designer with companies like Disney, Warner Brothers, Cartoon Network, Sony Pictures, Mattel, and DC Comics. He is currently working in London as a designer and instructor as well as providing a range of services from live online training to consultancy work to individuals worldwide.

Martin's Motto

"Do not compare yourself to your role models. Work hard and wait for the moment when others will compare them to you"

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. Introduction à la conception de présentations: Vous faites toujours des présentations dans PowerPoint ou Keynote ? Avez-vous déjà pensé à utiliser Adobe XD Step ? Je suis Martin. J'ai plus de 20 ans d' expérience en tant que graphiste, illustrateur et instructeur certifié Adobe. J'ai travaillé avec des entreprises comme BBC. Ils ont besoin de Google, d'ikea et j'ai hâte de partager mes meilleures pratiques avec vous. Il s'agit d'un cours pratique simplifié axé sur un projet de conception réel. Je vais vous guider étape par étape et vous obtiendrez tous les fichiers d'exercices pour que vous puissiez suivre au cas où vous préféreriez ne pas me copier. Vous pouvez également suivre mon flux de travail en utilisant d'autres ressources fournies. Créez quelque chose de complètement unique que vous pouvez mettre en valeur dans votre portfolio créatif. Je suis presque sûr que ce cours vous inspirera à créer quelque chose d'incroyable. Je vais vous guider tout au long de mon processus de création d'une présentation interactive, Adobe XD. Nous commencerons le projet en créant la navigation principale, quelques composants interactifs et leur attribuant des déclencheurs de raccourcis clavier. Nous ajouterons également le menu collant l'aide des liens d'état et d'ancrage du composant. En plus de tous les aspects techniques, nous aborderons également une importante théorie de la conception graphique que vous pourrez appliquer dans n'importe lequel de vos futurs projets créatifs. Vous pouvez participer à ce cours sans aucune connaissance préalable en conception graphique, illustration ou applications Adobe. Mais pour terminer le projet, vous devez accéder à Adobe Creative Cloud et à un ordinateur de bureau ou un ordinateur portable, mais il est maintenant temps de commencer à créer. Je vous verrai donc dans la prochaine leçon. 2. Interactions principales: Nous voici donc dans Adobe XD, et comme vous pouvez le constater, j' ai déjà préparé quelques diapositives. Nous avons notre diapositive de départ principale ici en haut. Ensuite, nous avons ces trois diapositives supplémentaires ci-dessous. Mais d'abord, construisons les principales interactions. Dès cette première typographie de composants, j'aimerais passer à ce prochain tableau artistique. Donc j'utilise simplement le petit signe plus et je fais glisser la ligne vers l'extérieur. Au fait, je suis en mode prototype. C'est donc à ce moment que vous pouvez configurer ces interactions. Et je vais simplement utiliser le déclencheur pour être écoute et la transition je pourrai passer à autre chose plus tard. Mais pour l'instant, je suis satisfait la façon dont il est configuré par défaut. Maintenant, je vais faire de même avec la théorie des couleurs. Je vais faire glisser ça ici et la composition devrait y aller. Notez maintenant que la composition est légèrement plus petite que ces autres. Et c'est parce que je n'ai pas encore configuré ça exactement de la même façon. Permettez-moi de vous montrer tout d' abord à quoi cela ressemble lorsque nous le testons. Donc, pour lire l'animation ou pour voir le prototype fonctionne en action, je vais appuyer sur Commande ou Contrôle Entrée. Cela ouvre donc cette vue de présentation. Et ici, je peux vous montrer que ces deux éléments que j'ai déjà construits en tant que composants avec effets de survol. Et comme vous pouvez le constater, une animation automatique est déjà appliquée. Ne vous inquiétez pas, car je vais vous montrer exactement comment procéder sur ce troisième bouton. Mais maintenant, parce que nous avons ajouté les interactions, je peux simplement simplement cliquer dessus. Et comme vous pouvez le constater, nous sommes passés à la diapositive suivante. Et au fait, cette diapositive est plus longue, donc elle a automatiquement la fonction de défilement intégrée à elle, ce que j'adore. Maintenant, les boutons arrière ne sont pas encore connectés à la diapositive principale d'origine. Faisons ça avant d'oublier, je vais aller ici, sélectionner cette petite flèche et la faire glisser ici. Et la bonne chose, c' est que parce que j'ai cette flèche configurée en tant que composant et que j'utilise le même composant sur ces autres pages. Lorsque je les sélectionne, remarquez qu'ils ont déjà ajouté cette interaction. Je n'ai donc pas eu à répéter ces étapes. Alors, essayons encore une fois. Je retourne ici, je vais à la typographie, défiler un peu, puis revenons à la théorie des couleurs. Je peux aussi me déplacer et ça fonctionne parfaitement. 3. Créer un effet de survol: Il est maintenant temps de créer cet effet de survol sur ce troisième bouton ici. Donc, tout d'abord, je reviendrai en mode conception et zoomer plus près de cette page Commande ou Contrôle trois, c'est la façon dont vous pouvez zoomer sur un tableau d'art spécifique. Et je vais vous montrer que ces deux-là sont créés en tant que composants, y compris le texte en bas. J'édite également deux guides en bas, ce qui m'aidera à créer l'animation. Parce que remarquez que lorsque je passe à l'état de survol, non seulement l'icône change de couleur et légèrement de taille et même d'orientation, mais aussi du texte apparaît un peu. Donc avant et après. Il y a donc l'état normal et comment notre état, et la meilleure chose si x est e, pour être honnête, c'est que tout est automatiquement animé. Il vous suffit donc de configurer les deux états et l' animation intermédiaire sera générée avec la fonction d'animation automatique. Au fait, il m'a fallu un certain temps pour réaliser où se trouvent les guides dans XD lorsque je les utilise pour la première fois, car il n'y a pas de règles comme Illustrator, Photoshop ou InDesign. Au lieu de cela, tout ce que vous avez à faire, c'est d'arriver au bord de votre tableau d'art, puis de faire glisser le guide à partir de là. La même chose que vous pouvez faire du côté gauche. Vous ne trouverez pas ces fonctionnalités en bas ou sur le côté droit. Ce n'est donc qu'à gauche et en haut. Et ensuite, lorsque vous n' avez plus besoin de guide, il suffit de le faire glisser hors du tableau d' art pour le retirer. Jetons donc un coup d' œil à cette icône à droite, l'icône de composition. C'est déjà un composant loin, je peux le dire parce qu' il a un contour vert. Les objets normaux auraient un contour bleu. Tout ce qui est vert signifie qu'il est déjà configuré en tant que composant. En passant, sur le côté gauche en bas, vous avez le panneau des ressources dans lequel vous pouvez suivre tous vos composants afin qu'il vous en donne une liste. Et bien sûr, vous pouvez aussi les nommer. Je n'ai pas pris la peine de les nommer, donc ce ne sont que les noms par défaut fournis avec les icônes. Au fait, ces icônes proviennent de Noun Project. Le lien se trouve dans la description ci-dessous. Jetez un coup d'œil. C'est un site de ressources gratuit avec de nombreuses icônes de qualité. Et j'adore travailler avec eux dans XD car je peux ajouter les animations simples que vous avez déjà vues sur les deux autres icônes. Mais voyons ce que nous pouvons faire ici. Tout d'abord, ce composant n'a pas encore d'état de survol, il a donc simplement l'état par défaut. Tout d'abord, ce que nous devons faire est d'ajouter l'état de survol, mais peut-être même avant cela, je vais combiner les textos à ce composant. Tout ce que j'ai à faire, c'est de le couper. Donc Commande ou Control X, puis sélectionnez le composant, double-cliquez dessus, qui signifie que nous entrons dans la source de ce composant puis appuyez sur Commande ou Control V pour coller dans le taxi se souviendra où c'était. Donc, la position que l'on change. Mais si je clique dessus et que je clique à nouveau, vous pouvez maintenant voir que le texte et l'icône se trouvent dans un seul composant. Les composants fonctionnent comme des groupes dans Illustrator, et lorsque vous double-cliquez, c'est presque comme si vous utilisez le mode d'isolation. Maintenant, ajoutons l'état de survol. Il suffit donc de cliquer sur ce petit signe plus ici et de choisir l'état de survol. Et vous pouvez même le renommer si vous voulez l'état lui-même parce que vous pouvez créer autant d'états que vous le souhaitez, mais je vais le garder tel quel. Au lieu de cela, je vais double-cliquer à l'intérieur ce composant et faire glisser le texte vers ce guide. Ensuite, je vais également changer de couleur et utiliser l'outil pipette et choisir cette couleur ici dans le texte. Maintenant, j'aurais dû l'enregistrer déjà en tant qu'échantillon, mais je peux toujours y faire référence. Et si nous le sélectionnons maintenant et revenons à l'état par défaut, puis appuyez sur Commande ou Contrôle Entrée. Nous pouvons déjà constater que cet effet fonctionne. Et vous pouvez déjà voir à quel point cette fonctionnalité d'animation automatique est géniale . Il suffit donc de configurer les deux points d'extrémité et cela crée cet effet. Et il utilise même un assouplissement entre les deux états. Il est donc temps d'ajouter un peu plus d'intérêts et d'animer l'icône comme je l'ai fait sur ces autres. Il suffit donc de revenir ici, de sélectionner le composant, passer à l'état survol, puis de double-cliquer pour pouvoir sélectionner l'icône elle-même. Nous y voilà, et je vais le redimensionner. Donc, en maintenant les touches Alt et Maj enfoncées ensemble, je peux le redimensionner, mais vous pouvez voir que cela modifie la proportion des éléments qu'il contient. Cela se produit maintenant car, par défaut, il existe une fonctionnalité dans XD appelée redimensionnement responsive. Donc, si vous souhaitez simplement redimensionner, il vous suffit de revenir à l'état par défaut, et c'est là que vous pouvez désactiver cette fonctionnalité. Je vais juste le faire. Revenez ensuite à l'état stationnaire. Double-cliquez à nouveau, sélectionnez tous ces éléments, puis maintenez les touches Alt et Maj enfoncées, je vais redimensionner l' icône en quelque chose comme ça. C'est peut-être un peu trop gros. Et peut-être aussi que nous pourrons le déplacer légèrement vers le bas. Et encore une fois, la couleur que je vais choisir ici. Très bien, donc maintenant si nous revenons à l'état par défaut, nous pouvons vérifier avant, après. Ça a l'air bien, mais on peut aussi le tester comme ça. Très belle animation simple là-bas. Mais j'aimerais également intéresser un peu plus à ce sujet. Une fois de plus, en état de vol stationnaire, je viens juste de rentrer à l'intérieur. Mais cette fois, je ne vais sélectionner ces détails qu' ici au milieu. Et je vais simplement les faire pivoter, peut-être quelque part là-bas. Et peut-être que nous pourrons également le déplacer légèrement. Bien, maintenant, encore une fois, n' oublions pas de revenir à l'état par défaut, puis le vérifier et de passer en mode aperçu. Et là, vous avez la belle animation du redimensionnement de la rotation, changement de couleur et du texte qui se déplace vers le haut et vers le bas. Croyez-moi, si vous faites des présentations comme celle-ci, tout le monde sera étonné et c'est vraiment beaucoup plus professionnel que de simples diapositives les unes après les autres. 4. Raccourcis clavier personnalisés: Ainsi, puisque nous avons maintenant l'animation, revenons en mode prototype et sélectionnons ce composant, effectuons un zoom arrière pour enchérir, puis faites glisser l'interaction pour accéder à cette diapositive de composition. Au fait, je voulais mentionner que ces autres petites lignes représentent en fait les effets de survol que nous venons de construire avec le petit éclair. Cela signifie qu'il y a un effet de survol sur ce composant, mais cela ne va pas l'enlever de cette diapositive. Il doit s'agir d'un toucher réel qui va passer à la diapositive suivante. Et puisque nous construisons les interactions, permettez-moi de vous montrer comment utiliser même des raccourcis clavier personnalisés pour passer d'une diapositive à l'autre. Disons donc que nous ajoutons une diapositive de domaine et que nous aimerions accéder à la diapositive Type très rapidement. Si j'utilise cette petite flèche, je peux la faire glisser ici sur la diapositive de type ou de topographie. Et puis, au lieu de taper cette fois, je vais dire touches et manette de jeu. Et puis nous pouvons simplement utiliser une clé, dans ce cas peut être t, qui passera à cette diapositive. Alors, reprenons la même chose. Donc encore une fois, une autre interaction pour laquelle nous utiliserons une autre clé, dans ce cas, C pour la couleur. Et encore une fois un autre pour la composition. Eh bien, peut-être Al, cette fois pour la mise en page, car ils sont tous les deux la même première lettre. Essayons donc ça. Je vais passer en mode prévisualisation et si j' appuie sur T, ça va là. Revenons à la diapositive principale. C passe à la théorie des couleurs, et quand j'appuie sur L, il passe à la composition. Brillant. Désormais, si vous voulez être encore plus avancé, vous pouvez même utiliser commandes vocales pour vous déplacer entre les diapositives. Encore une fois, cela peut rendre votre présentation si amusante et cool. Donc, si j'ajoute une autre interaction, disons simplement aller papa, au lieu des touches et de la manette de jeu, maintenant je vais choisir la voix, et je peux simplement entrer la commande vocale et voir la couleur lorsque j'appuie sur Entrez. Maintenant, cela est également ajouté. Et remarquez qu' en haut, il me dit qu'il y a deux interactions attribuées entre cette diapositive, la diapositive principale et la théorie des couleurs. L'un est le raccourci clavier que nous avons attribué et maintenant cette commande vocale. Essayons donc ça. Je vais passer en avant-première plus que Gan. Et il y a une petite note en bas indiquant que vous devez maintenir la barre d'espace si vous voulez activer les commandes vocales. Essayons donc ça. couleur. Cool, XD. compris ce que je voulais dire. Très bien, c'est génial. C'est donc tout ce que je voulais vous montrer sur la navigation. Vous pouvez donc utiliser des raccourcis clavier, vous pouvez utiliser vos commandes vocales. Et bien sûr, vous pouvez également utiliser les interactions par onglets comme nous l'avons vu auparavant. Maintenant, si ce n'est pas assez cool et que vous voulez être encore plus avancé, vous pouvez créer un menu collant. Vous pouvez le voir ici sur le côté droit. Je vais donc mettre en place ça. C'est juste le graphique par défaut à ce stade, mais je vais l'aligner quelque part ici du côté droit. Oui, je pense que ça va marcher et c'est probablement mieux si nous restons en mode design amusant maintenant que nous avons tous les éléments dont nous avons besoin pour cela, et je transformerai cela en composant. Il existe donc un raccourci pour cette touche de commande ou de contrôle. Et remarquez comment les contours verts apparaissent maintenant. Nous pouvons donc maintenant ajouter un état de survol pour cela. Il suffit d'ajouter cela là , puis de le déplacer vers le bas. Lorsque je vais dans la zone des composants ici et que je bascule entre les deux états, remarquez que rien ne se passe. Maintenant. En effet, en déplaçant simplement le composant dans deux états, il n' enregistre pas réellement sa position. Ce que vous devez donc faire est de configurer d' abord votre position d'état par défaut. Allons ici là où nous le voulions à l'origine. Sélectionnez ensuite l'état de survol, et dans cet état, double-cliquez sur le composant, sélectionnez tout ce qui est Command ou Control J, puis ne sélectionnera que des éléments à l'intérieur. Encore une fois, n'oubliez pas que c'est comme le mode isolement dans Illustrator. Et puis en maintenant la touche Maj enfoncée, je vais la faire glisser un peu vers le bas quelque part. Maintenant, quand je clique, j'y reviendrai, il se souviendra maintenant de ces deux états. La faute est donc quand c'est dehors, et quand je survole, la petite flèche va descendre. Maintenant, il y a une autre fonctionnalité géniale que je vais utiliser pour ce menu collant. Et c'est la position fixe lors du défilement. Si je l'allume et que j'appuie sur Commande ou Contrôle Entrée pour tester cela, nous serons en mesure de voir qu'il reste en haut. Donc, peu importe où je me trouve dans cette diapositive, dans ce cas, elle restera toujours là. Mais ce que nous devons nous assurer, c'est revenir ici et de le remettre à l'état par défaut. C'est quelque chose dont vous devez toujours vous souvenir lorsque vous configurez composants avec une animation ou plusieurs états, c' est que si vous voulez qu'il fonctionne correctement, vous devez vous assurer de le remettre sur état par défaut avant de tester votre prototype. Nous allons donc le tester encore une fois. Maintenant, vous pouvez voir qu'il n'y a qu'une simple flèche en haut. Et quand je le survole, le menu descend. 5. Connecter les diapositives: Il ne nous reste plus qu'à configurer les interactions. Passons donc au mode prototype. Sélectionnez ceci, et nous sommes déjà en état de vol stationnaire, ce qui est parfait. Je vais donc double-cliquer à l'intérieur. Il y a la petite icône et il suffit de la faire glisser sur cette autre diapositive. Maintenant, assurez-vous qu' il est réglé pour toucher et non sur la voix et qu'il se souviendra toujours votre dernière interaction utilisée. Je vais le garder sur le robinet et tous les réglages supplémentaires sont corrects. Alors, faisons la même chose avec cette autre icône. Il faut que ça aille ici. Donc, parce que nous sommes déjà sur la théorie des couleurs, cela peut être un excellent alphabet pour cela. Je vais revenir à Design et peut-être réduire l' intensité à 50 %, peut-être même moins de 25 %. Bon, donc maintenant on peut tester ça. Si je reviens à l'état par défaut et que je reviens à l'aperçu, lorsque je survole, cela apparaît et ces deux-là fonctionnent. Passons simplement à la typographie. C'est génial. Encore une fois, je vais revenir à la théorie des couleurs, tester l'autre icône qui fonctionne parfaitement. Maintenant, ce que nous devons faire, c'est de copier tout cela. Je sélectionne donc le menu collant que nous avons créé, Commande ou Contrôle C, puis Commande ou Contrôle V de ce côté. Et je ferai de même avec cette diapositive. Vous y allez. Et il se souviendra de tous les paramètres. Ce que nous devons faire maintenant, c'est passer en mode prototype, passer à l'état de survol. Et ici, nous devons simplement nous assurer qu'elle a également le lien avec la diapositive de théorie des couleurs. Je vais donc simplement double-cliquer et attribuer une introduction à cette diapositive. Mais aussi en revenant au mode design, j'aimerais que cela soit triste. Deux opacité à 100 %. Au lieu de cela, je vais changer celle-ci sur la droite et le réduire à 25  % comme avant. Nous pouvons maintenant remettre cet état à l'état par défaut et tester les choses. Donc, quand je le survole, il apparaît et on peut passer à théorie des couleurs où, quand elle apparaît, elle se souvient des paramètres spécifiques de cette diapositive. Nous pouvons donc maintenant basculer entre ces deux-là , ce qui fonctionne très bien. Ensuite, nous devons encore configurer la version pour la typographie. Allons donc simplement sur cette diapositive. Je vais simplement répéter les mêmes étapes. Je sélectionne donc ce composant et je vais passer en état de survol. Et dans cet état, je vais m' assurer que cette icône ici, alors double-cliquez dessus, sera réduite en opacité à vingt-cinq pour cent. Et ensuite, ces autres devraient être ramenés à 100%. Et puis je n'ai plus qu'à faire le prototype maintenant. Donc, pour la couleur, nous devons y aller et la composition est déjà là grâce au fait qu'il s' agissait d'un composant. Cela semble donc un peu compliqué, mais croyez-moi, une fois que vous commencerez à faire cela, ce sera une seconde nature et vous pourrez mettre en place les choses très rapidement et facilement. Alors encore une fois, essayons les choses. Si je reviens à la diapositive principale, nous pourrons arriver à ce que nous voulons. Passons à la typographie. Et oh oui, j'ai oublié de rétablir l'état par défaut. C'est donc important. Nous revenons en arrière, passons à l'état par défaut, et c'est comme ça que c'est. Donc maintenant, si nous commençons ici, je peux survoler. Oui, ça a l'air bien. Nous pouvons passer à la couleur, nous pouvons aller à Composition, et nous pouvons revenir au type et ainsi de suite. Nous avons donc créé plusieurs modes de navigation différents. Nous avons évidemment les flèches arrière. Nous avons notre menu collant. Nous avons également des commandes vocales et même des raccourcis clavier. 6. Composants: Mais si cela ne suffit toujours pas, si vous disposez de deux écrans disponibles lors de la présentation, vous pouvez également utiliser la conception réelle de l'arrière-plan pour la navigation. Je vais juste rendre cette fenêtre un peu plus petite. Et je vais vous montrer que si je clique ici en arrière-plan sur des diapositives spécifiques, disons que je clique sur la diapositive principale. Notez à quelle vitesse dans ma présentation passe à cela. Cela peut donc également être utilisé pour se déplacer très rapidement entre les diapositives. Et bien sûr, en arrière-plan, je peux toujours zoomer et dézoomer et trouver la diapositive pertinente vers laquelle je veux sauter. C'est donc presque comme votre table des matières. Et cela ne fonctionne vraiment bien que si vous avez deux écrans distincts. Si vous pouvez utiliser le projecteur comme deuxième écran et qu'il n'est pas mis en miroir sur votre ordinateur portable, je vous recommande peut-être également d'utiliser cette fonctionnalité. Comme nous avons vu comment travailler avec des composants, j'ai un exemple intéressant ici sur cette diapositive. Si je fais défiler plus loin que j'ai construit avec des composants, vous pouvez faire bien plus que simplement avoir des animations simples pour les boutons et autres choses comme ça. Vous pouvez créer des jeux interactifs ou même des questionnaires si vous le souhaitez. Donc, pour le crénage, par exemple, ici, j'ai créé un effet de survol qui peut afficher avant et après les textes sans crénage , puis avec crénage, la même chose ici aussi sur le côté droit. Donc tout cela est un autre composant avec quatre caractères distincts réunis en groupe. Et puis simplement, nous avons à nouveau pour ce composant un état par défaut et l'état de survol, et la couleur change également entre les deux états. De même sur la diapositive de composition, si je vous montre simplement cela rapidement, nous avons un autre effet de survol qui peut montrer comment la hiérarchie peut améliorer une conception. C'est avant. Et quand on le survole, c'est après. C'est donc encore une autre excellente façon de présenter des choses. Donc, au lieu de basculer entre les diapositives, vous pouvez simplement utiliser votre curseur, survole ou même utiliser des trucs comme la commande vocale, Sheryl avant de vous montrer là. De cette façon, vous pouvez interagir avec vos composants. Comme je l'ai dit, en utilisant ces méthodes, vous pouvez créer quiz et des jeux interactifs vraiment sympas. Et si vous souhaitez que j' enregistre une autre vidéo à ce sujet, faites-le moi savoir dans la section commentaires ci-dessous et je assurerai de la couvrir dans une prochaine vidéo. 7. Liens d’ancrage: Mais avant de finir, permettez-moi de vous montrer une autre chose. C'est une autre fonctionnalité brillante appelée liens d'ancrage dans XD avec laquelle vous pouvez créer ce qui suit. Donc ici en théorie des couleurs, dont nous avons une longue glissade tranquille. Et ce que j'ai fait ici, c'est que nous avons ces petites icônes en haut ou des images. Et si je clique sur gratuit, c'est près de cette partie de la diapositive. Si je clique sur analogique, nous allons à cela et ainsi de suite et ainsi de suite. C'est encore une chose très simple que vous pouvez construire. Disons donc que si nous voulons utiliser cela comme lien d'ancrage, ou que nous devons le faire est d' aller au prototype puis de cliquer simplement sur la petite flèche, pas de cliquer et de faire glisser dans ce cas, il suffit de cliquer et de le faire glisser. puis maintenez le déclencheur sur le bouton, mais modifiez le type pour faire défiler également. Il y a beaucoup de types différents, mais c'est celui dont nous avons besoin dans ce cas. Et il suffit de définir la destination, qui dans ce cas sera la triade, qui, je pense, est celle-ci, mais pas la couleur la plus facile. Oui, ce sont les couleurs triadiques. Et nous pouvons vérifier comment cela fonctionne. Donc, si je passe en mode aperçu et que je clique sur la triade, faites défiler une dette directe. Maintenant, le seul problème est qu'il n'y a pas d'espace sur le dessus, donc il va complètement sur la première ligne, donc il ne donne aucun espace au-dessus. Donc, pour éviter ce problème, je reviendrai simplement en mode conception, sélectionné ce paragraphe. Et remarquez que j'utilise le format de cadre ou le format de texte de zone et non pas de texte pointé. Je préfère toujours travailler avec des textes de zone. Et avec cela, je peux simplement ajouter quelques espaces vides avant ces lignes, les positionner là où je voulais. Et maintenant, lorsque nous le testons à nouveau et que nous allons l'essayer, vous pouvez voir cet espace vide au-dessus. C'est presque comme une marge supérieure que vous dans votre maillon d'ancrage. Et c'est tout ce que je voulais vous montrer dans cette vidéo. Mais croyez-moi, nous ne faisons que gratter la surface de ce que vous pouvez faire avec XD quand il s'agit de présentations. Et je n'ai jamais été un grand fan de PowerPoint. Cependant, c'est également un bon outil. J'ai l'impression que XD est beaucoup plus proche de mon cœur parce que je peux travailler exactement de la même manière que je travaillais pour prototypes mobiles et utiliser les mêmes outils et paramètres, mais pour présenter des choses dans un de manière beaucoup plus attrayante et interactive. 8. Conclusion: Bravo pour avoir terminé ce cours. J'espère que vous avez eu autant de plaisir à le lire que j'en ai eu à l'enregistrer. Et bien sûr, n' oubliez pas le projet de classe. Parce que n'oubliez pas que la pratique rend parfait. J'ai hâte de voir votre travail, alors assurez-vous de le soumettre. Et si vous aimez ce cours et que vous souhaitez en savoir plus avec moi, vous trouverez de nombreux autres cours ici. Va les découvrir maintenant. J'ai hâte de te rencontrer le prochain.