Créer des Carousels Interactifs avec Adobe XD

Utiliser les gestes tactiles
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Adobe XD - Les fondamentaux
Revoir le teaser Je m'abonne
5,0
Transcription

89,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
5,0
89,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de :

  • Éduquer les designers sur l'utilisation de l'algorithme de glissement dans Adobe XD.
  • Présenter une méthode pour rendre les carousels interactifs sur mobile et desktop.
  • Illustrer comment utiliser les plans de travail et les animations automatiques pour simuler des gestes tactiles.

Découvrez comment utiliser l'algorithme de glissement d'Adobe XD pour créer des carousels interactifs sur vos designs de sites internet et applications mobiles.

Une des façons les plus efficaces de créer des carousels interactifs dans Adobe XD est l'utilisation de l'algorithme de glissement. Cette fonctionnalité permet de simuler des gestes tactiles, ce qui est particulièrement utile pour les designs destinés aux dispositifs mobiles. En permettant à l'utilisateur de faire glisser les éléments avec son doigt (ou sa souris pour les designs web), on crée une expérience utilisateur plus intuitive et engageante.

Dans cette leçon, nous vous guiderons à travers le processus de création d'un exemple simple de carousel. Ce processus inclut la création de plusieurs plans de travail représentant différents états du carousel, l'ajustement des tailles et positions des éléments, et l'utilisation du mode prototype pour lier les plans de travail avec l'action de glissement.

L'algorithme de glissement permet une animation automatique entre les états, rendant le carousel plus réaliste. Cette technique est essentielle pour tout designer UX/UI souhaitant améliorer l'interaction utilisateur sur mobile.

Voir plus
Questions réponses
Quelle est la fonction principale de l'algorithme de glissement dans Adobe XD ?
L'algorithme de glissement permet de créer des interactions basées sur des gestes tactiles pour des prototypes plus réalistes.
Pourquoi est-il nécessaire de créer plusieurs plans de travail lorsqu'on utilise l'algorithme de glissement ?
Les différents plans de travail représentent les différents états du carousel, permettant de simuler la transition entre eux.
Comment Adobe XD gère-t-il les animations lors de l'utilisation de l'algorithme de glissement ?
Adobe XD utilise l'animation automatique pour ajuster les propriétés des éléments entre les différents plans de travail, créant ainsi une transition fluide.

Programme détaillé

14 commentaires
5,0
14 votes
5
4
3
2
1
camille.art
Il y a 1 an
Bonne formation claire, simple, éfficasse,
vous pouvez monter le niveau est nous préparer une autre plus avancée , avec des prototype PINSKY cela manque en français.
Bonne continuation
sykah
Il y a 1 an
Très bonne formation ! Parfaite pour élaborer des projets simples.
Format à 4 minutes digeste.
Hiérarchisation harmonieuse des thématiques abordées.
Voix limpide, claire, a tempo parfait.
Écran net.
jc.mosca
Il y a 2 ans
Comme toujours chez Elephorm très bonne formation mais je reste un peu sur ma faim quand à l'utilisation des plug-ins, surtout à ceux qui concernent l'exportation web comme Anima par exemple et à la fonction responsive.
olivier_96
Il y a 3 ans
Excellent
rcormont77
Il y a 3 ans
Très bonne formation, mais je reste un peu sur ma faim.
hicham.elmbarki
Il y a 3 ans
Tuto trés claire. Merci
maevg
Il y a 3 ans
Super tuto! Bien expliqué et bien présenté. Il n'y a plus qu'à s'y mettre!
brice.athimond
Il y a 4 ans
Un tutoriel très complet qui présente bien AdobeXD et tout ce qui est possible de faire avec. Merci
morganlachery
Il y a 4 ans
Très agréable, cette formation explique bien les notions importantes du logiciel.
Pour la habitués de la suite Adobe, les spécificités du logiciel commencent au module 5 - 6.
ChrisD
Il y a 4 ans
Très bonne formation, à la fois claire, complète et concise ... nickel !
p.germain
Il y a 4 ans
Formation extrêmement claire !!! Débutante, je vais pouvoir me lancer concrètement dans mes créations ! Merci !!
Je la recommande vivement !!
marq.sab
Il y a 4 ans
Merci pour cette formation structurée et efficace. Les exemples sont concrets, les conseils pour améliorer son efficacité sont convaincants. Les fonctionnalités de partage permettent d'organiser un développement collectif où chacun se sent responsable. Cela donne très envie d'utiliser ce produit Adobe. Excellent!
christian.lepiney
Il y a 4 ans
Progression limpide - Merci
vincentpeterlongo_1
Il y a 4 ans
Excellente pédagogie, très clair, concis. Merci pour ce cours qui sera très utile aux débutants.