Touchify Help Center
Les animations

Introduction

Apprenez comment animer simplement votre contenu grâce aux outils du Studio.

Animation d'élément

Pour animer un élément, sélectionnez-le puis cliquer sur le bouton "Animation" (pictogramme rebondissement) dans le menu latéral de droite. Le panneau s'ouvrira sur la liste des animations : sélectionnez celle que vous souhaitez appliquer à l'élément puis modifiez ses paramètres (durée, courbe de vitesse...) dans le nouveau panneau Animations de l'élément.

Attention : vous pouvez appliquer plusieurs animations à un même élément, mais certains conflits peuvent apparaître si les animations se déclenchent en même temps. Décalez leur timer(pictogramme horloge) pour éviter les bugs d'affichage.

Type d'animation

Les animations sont séparées en quatre familles. Chacune correspond à un type d'utilisation décrit ci-dessous.

L'animation Opacité a été choisie pour illustrer cet article ; vous pouvez choisir d'autres animations dans votre projet.

Apparition

Ces animations sont pensées pour l'apparition des éléments, à l'ouverture de la page.

Démonstration de l'animation de type Apparition

Disparition

En parallèle de la section "Apparition", cette liste concerne les animations de sortie.

Démonstration de l'animation de type Disparition

Transformation

Ces animations modifient la position, la taille ou encore la transparence de l'élément sur le long terme.

Démonstration de l'animation de type Transformation

Animation d'appel

Ces animations sont pensées comme des boucles, afin de pouvoir être répétées pour attirer l'attention de l'utilisateur.

Démonstration de l'animation de type Animation d'appel

Transitions entre les pages

Appliquez des animations de page pour fluidifier la navigation.

Cliquez sur le bouton "Transition entre les pages" (pictogramme page / rebond) dans le menu latéral de droite. Choisissez les animations de votre choix : apparition et disparition de page sont indépendantes.

Les panneaux étant déjà classés par type d'animation, vous ne retrouverez pas les quatre familles proposées pour les animations d'éléments.

Transitions de pages