Design web 2

Milieu de cycle

Adode XD : L'animation

TEKNIKA

Le menu caché va glisser et apparaître lorsque l'on cliquera sur le bouton "burger".

Nous pouvons créer des simulations d'animations avec Adobe XD en utilisant le mode d'action : Animation automatique.

En dupliquant le même objet sur 2 plans de travail différents, nous pouvons le déplacer et simuler une animation de translation lorsque le mode "animation automatique" est choisi.

Dans ce cas précis, nous avons simulé l'apparition du menu principal lors du clic sur le bouton "burger". Ensuite un autre clic sur la croix nous renvoit à la page précédente et le menu disparaît en se repositionnant à son origine.

La vidéo ci-dessous nous montre le résultat attendu.

Une simulation de menu animé grâce à l'outil d'animation automatique.