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.