Les animations de sites web permettent d'ajouter des effets visuels lors du chargement de la page, comme des fondus en entrée, des fondus en sortie, des réductions d'échelle, etc. Elles donneront du style à votre site web lorsque l'utilisateur fait défiler les pages.
Vous pouvez sélectionner différents styles d’animation pour différents éléments de votre site Web.
Dans cet article :
Modifier l'animation du site Web
Les animations peuvent rendre un site web visuellement intéressant et donner vie à tous ses éléments. Elles créent une expérience utilisateur plus engageante et immersive.
- Extrait du Tableau de bord (1) du studio, cliquez sur le Design (2) partie.
- Cliquez sur le Animation (3) option.
Ici, vous verrez tous les paramètres disponibles pour gérer et personnaliser les animations des éléments de votre site Web.
- Par défaut, Glisser vers le haut l'animation sera appliquée sur l'ensemble du site.
- Choisir Aucun si vous souhaitez désactiver les animations.
Différents éléments du site Web
Pixpa vous permet d'appliquer des animations aux éléments suivants de votre site Web :
- Images: Ajoutez du mouvement à vos images pour attirer l’attention des visiteurs.
- Titre H1 : Utilisez des animations pour faire ressortir les titres principaux.
- Rubriques H2 : Animez des sous-titres ou des titres plus petits pour améliorer le flux de votre contenu.
- Texte : Donnez vie à votre contenu en animant des paragraphes et des descriptions.
- Boutons: Mettez en valeur vos boutons d’appel à l’action avec des effets accrocheurs.
Assurez-vous de frapper le Publier (6) bouton pour enregistrer toutes les modifications et les rendre actives sur le site Web.
Styles d'animations
- Fondu entrant – Révèle progressivement les éléments en augmentant son opacité de transparent à opaque.
- Glisser vers le haut – Mouvement fluide des éléments sur l'écran d'une position inférieure à une position supérieure.
- Augmenter l'échelle – Augmente progressivement la taille ou l'échelle d'un élément.
- Réduire les effectifs – Diminue progressivement la taille ou l’échelle d’un élément.
- Révéler - Dévoiler ou révéler progressivement les éléments à l'écran.
Choisir Aucun pour désactiver l'animation pour cet élément particulier.
La vitesse d'animation
La vitesse à laquelle une animation passe d'un état à un autre. Elle détermine la rapidité avec laquelle les changements animés se produisent à l'écran.
Vous avez le choix entre trois options : Lent, moyen et Vite.
Si vous utilisez un ancien modèle, l'option Animation risque de ne pas s'afficher. Vous devrez alors utiliser un nouveau modèle. Savoir Plus
Découvrez l'animation Slide Up en direct en action :
