Adobe XD : maitriser les animations
Axel Paris, Développeur Web et Designer
Ve esta clase y miles más
Ve esta clase y miles más
Lecciones en esta clase
-
-
1.
Présentation du cours
1:08
-
2.
Créer sa première animation !
3:43
-
3.
Fonctionnement du prototyping
1:52
-
4.
Comprendre les interactions
7:00
-
5.
Notion : élément fixé
2:52
-
6.
Notion : incrustation (overlay)
6:38
-
7.
Notion : animation automatique
8:34
-
8.
Notion : faire glisser
3:56
-
9.
Notion : délai
5:40
-
10.
Notion : plan de travail précédent
5:26
-
11.
Composant : principe de fonctionnement
6:37
-
12.
Composant : états personnalisés
6:31
-
13.
Formulaire de connexion : remplir les champs
11:17
-
14.
Formulaire de connexion : bouton (survol & clic)
9:00
-
15.
Menu de navigation : méthode 1
2:57
-
16.
Menu de navigation : méthode 2
5:43
-
17.
Conclusion
0:25
-
-
- --
- Nivel principiante
- Nivel intermedio
- Nivel avanzado
- Todos los niveles
Generado por la comunidad
El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.
53
Estudiantes
--
Proyectos
Acerca de esta clase
Bonjour, je m'appelle Axel et je suis UI/UX Designer.
J'utilise Adobe XD depuis 2017, et c'est devenu l'outil de design et de prototypage idéal pour tous mes projets.
Ce logiciel vous permet de concevoir des interfaces (sites web, applications mobiles, ...) mais aussi de les animer ! Et c'est justement ces fonctionnalités de prototypage et d'animations que vous allez apprendre à travers ce cours.
Au programme :
- Découvre du prototyping
- Les éléments fixés
- L’incrustation (overlay)
- Les animations automatique ❤
- Faire glisser
- Les délais
- Le retour en arrière
Pour aller plus loin, vous apprendrez à créer des composants dans Adobe XD. Vous comprendrez notamment le fonctionnent de leurs états (pour des animations toujours plus performantes).
Vous verrez également comment concevoir des exemples d'interfaces, tel que :
- L'apparition d'un modal
- L'apparition d'une notification
- Un bouton on/off
- Un formulaire de connexion
- Une navigation (2 techniques pour le même résultat)
Rejoignez ce cours et réalisez vos premières animations avant ce soir !
Conoce a tu profesor(a)
Je suis un serial-entrepreneur : j'enseigne le #WebDesign & #WebDevelopment sur Udemy. Co-fondateur de Conore et de Dev Theory. Développeur de l'application Swalloows. Enfin, je suis #freelance full Stack JS.
Ver perfil completoProyecto de clase práctica
Télécharger le fichier "Source - Maîtriser les animations.xd" qui sera le projet utilisé dans le cours. Il vous permettra de suivre le cours en même temps que vous le regardez.
Vous pourrez également récupérer le fichier final "Source - Maîtriser les animations (corrigé).xd" si vous souhaitez retrouvez les animations créées dans la formation.
Valoración de la clase
¿Por qué unirse a Skillshare?
Mira las galardonadas Skillshare Originals
Cada clase tiene lecciones cortas y proyectos prácticos
Tu membresía apoya a los profesores de Skillshare
Aprende desde cualquier lugar
Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.
Clases relacionadas
