CATALOGUE Design et Infographie Formation WebDesign UX / UI Apprendre Adobe XD - Les fondamentaux Créer des expériences utilisateurs immersives avec l'animation automatique

Créer des expériences utilisateurs immersives avec l'animation automatique

Mise en place d’animations intéractives

Vidéo non disponible ! Réessayez plus tard

3h 33min

56 leçons

5,0

Transcription

Cette leçon fait partie de la formation

Apprendre Adobe XD - Les fondamentaux

89,00€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

DescriptionProgrammeAvis

3h 33min

56 leçons

5,0

Cette leçon fait partie de la formation

Apprendre Adobe XD - Les fondamentaux

89,00€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

Guide pour utiliser le système d'animation automatique

Objectifs

L'objectif de cette vidéo est de vous apprendre à utiliser le système d'animation automatique pour créer des prototypes interactifs fluides. Vous verrez comment configurer et ajuster les propriétés des éléments pour assurer des transitions harmonieuses entre différentes interfaces.

Résumé

Découvrez comment créer des expériences utilisateurs immersives en utilisant le système d'animation automatique. Apprenez à réaliser des transitions fluides et à dynamiser vos prototypes.

Description

Dans cette leçon, nous allons explorer la création d'expériences utilisateurs immersives par le biais de l'animation automatique, un outil puissant qui a révolutionné le design de prototypes depuis son introduction. Nous commencerons par dupliquer un plan de travail pour simuler une interaction utilisateur, où un clic sur une carte de New York fera apparaître une nouvelle page New York avec un design mis à jour et des éléments animés automatiquement. Vous apprendrez également à gérer le contenu en dehors des plans de travail, à ajuster les propriétés des éléments (comme l'opacité et la taille), et à configurer des groupes pour garantir que tous les éléments soient considérés dans la transition. À la fin de cette leçon, vous serez capable de créer des prototypes interactifs fluides et engageants, en respectant les meilleures pratiques de design.

Questions fréquentes

Qu'est-ce qui a révolutionné le Resell lors de sa sortie ?

Le système d'animation automatique a révolutionné le Resell lors de sa sortie en permettant des transitions fluides et des animations automatiques entre les plans de travail.

Pourquoi les éléments en dehors du plan de travail doivent-ils être dans un groupe principal ?

Les éléments en dehors du plan de travail doivent être dans un groupe principal pour être reconnus et intégrés dans les animations, garantissant ainsi une transition cohérente.

Comment éviter que des modifications de couleur soient ignorées lors des transitions ?

Lors des transitions, les modifications de couleur ne sont pas prises en compte. Il est donc recommandé de ne pas compter sur les changements de couleur pour communiquer des différences entre les états des éléments.

Programme détaillé

Accueil de la formation

Module 1 - Gestion des Documents

Création d’un document 02:37

Gérer les plans de travail 04:53

Exploiter les grilles de mise en page 04:38

Présentation et utilisation des calques 04:48

Module 2 - Les outils de dessin vectoriel

Dessiner des rectangles et des carrés 04:55

Dessiner des cercles et des ellipses 02:10

Dessiner des étoiles et des polygones 03:00

Dessiner des lignes 02:40

Créer des tracés avec la plume 04:27

Gérer les tracés vectoriels 04:26

Assimiler les opération booléennes 03:51

Utilisation des couleurs unies 04:38

Utilisation des dégradés de couleurs 05:14

Module 3 - Les Textes

Les textes de point 03:44

Les textes de zones 04:26

Module 4 - Importation de fichiers et d'images

Importation d'un fichier Illustrator 04:16

Importation d'un fichier Photoshop 03:10

Importation d'images 02:35

Module 5 - Les différents effets graphiques

Les ombres portées 03:34

Les flous d'objets 02:24

Les flous d'arrière plan 03:11

Les modes de fusion 04:45

Glisser-déposer d’une ressource dans une forme 03:02

Masquer à l’aide d’une forme 03:55

Module 6 - Création d’éléments répétés

Utilisation d'une grille de répétition 04:43

Modifier le contenu d'une grille de répétition 03:19

Utilisation avancée de la grille de répétition 04:13

Module 7 - Redimensionnement réactif

Redimensionnement réactif de groupes 06:15

Redimensionnement réactif de plans de travail 03:22

Module 8 - Utilisation des composants

Créer et manipuler les composants 05:02

Utilisation de composants imbriqués 05:03

Utilisation de composants liés 02:52

Etat de Survol 05:25

Nouvel état 04:11

Module 9 - Utilisation et gestion des Actifs

Ajout et utilisation de couleurs 03:24

Ajout et utilisation de styles de caractères 02:58

Gestion des composants 03:01

Lier des actifs 02:40

Module 10 - Le mode Prototype

Scroll et position fixe lors du scroll 02:31

Lier des élément intéractifs 05:04

Créer des liens d'ancrage 04:22

Créer des Overlays 03:16

Mise en place d’animations intéractives 04:57

Créer des animations complexes 05:41

Simuler les états d'un champ de formulaire 05:20

Utiliser les gestes tactiles 04:33

Utiliser les commandes vocales 03:03

Module 11 - Plug-ins

Présentation des Plug-ins 04:44

Gestion des Plug-ins 02:45

Les Plug-Ins incontournables 05:36

Utiliser le Plug-in Google Sheets 03:07

Module 12 - Partage de designs et de prototypes

Partage pour l'examen de la conception 03:42

Partage pour le développement 05:52

Gestion des liens de partage 01:41

Module 13 - Les différents types d'export

Exporter une sélection et des plans de travail 02:26

Enregistrer une vidéo des interactions 01:30

14 commentaires

5,0

14 votes

camille a.

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

Yasmina K.

Il y a 2 ans

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.

Jean-Claude M.

Il y a 3 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 R.

Il y a 4 ans

Excellent

Rémi C.

Il y a 4 ans

Très bonne formation, mais je reste un peu sur ma faim.

Hicham E.

Il y a 4 ans

Tuto trés claire. Merci

Maëva G.

Il y a 4 ans

Super tuto! Bien expliqué et bien présenté. Il n'y a plus qu'à s'y mettre!

Brice A.

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

Morgan L.

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.

Christophe D.

Il y a 4 ans

Très bonne formation, à la fois claire, complète et concise ... nickel !

Pierre G.

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 !!

Sabine M.

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

Il y a 4 ans

Progression limpide - Merci

Vincent P.

Il y a 4 ans

Excellente pédagogie, très clair, concis. Merci pour ce cours qui sera très utile aux débutants.