Svija Vibe
Animer sans quitter Illustrator
Triggers & Events
Un objet Illustrator provoque le mouvement d'un autre objet.
Un TRIGGER est lié à un EVENT en ayant le même nom :
cliquer sur le trigger mouse/someName provoque une rotation de l'event click/someName/35> de 35°
Plusieurs triggers et events peuvent être liés ensembleen ayant les mêmes noms.
Animer quoi ?
Svija Vibe vous permet de donner vie à n'importe quel élément ou groupe d'éléments — d'un simple rectangle à une section entière de la page.
Les events (animations) sont déclenchées par des interactions utilisateur, le défilement ou le timing, et vous pouvez attacher plusieures animations à plusieurs triggers (déclencheurs).
click/name/+x275
click/name/360>
click/name/%800
click/name/t0
click/name/<315/%800/t100/+x200/-y110
Une fois que vous avez lu cette section, vous pouvez probablement deviner les événements ci-dessus. Cliquez ici pour voir si vous avez raison !
Pour plus d'informations, visiter tech.svija.love/vibe
Un exemple
Cliquez sur les boutons ci-dessous :
Glisser : se déplacer vers la droite de 550px, 5 secondes
Tourner : tourner 1440° vers la droite, 5 secondes
Séparation : se déplacer vers le haut/bas de 200px, 5 secondes
Objets Illustrator utilisés / Objets renommés pour cette animation
Animation liée au défilement
Les triggers de défilement vous permettent de connecter des animations au mouvement de la page.
Ils sont très populaires en ce moment, et ils sont extrêmement faciles à créer avec Svija Vibe :
Afficher les triggers
Un point / Synchronisé / Une zone
Suppression du défilement
La suppression du défilement permet d'animer des objets qui ne se déplacent pas avec la page. L'événement reste fixé à la position de défilement vertical, tandis que l'animation ne suit pas le défilement.
Cela améliore l'expérience utilisateur en donnant un sentiment de contrôle, un excellent moyen de maintenir l'intérêt de vos visiteurs.
À part la préparation des images, cette animation a pris environ 30 minutes à réaliser.
En vidéo…
Un site Svija est-il responsive ?
Les pages d'un site Svija s'adaptent automatiquement à la taille de la fenêtre du navigateur et s'affichent en fonction des besoins du visiteur. Si vous modifiez la taille de cette fenêtre, vous remarquerez que le contenu s'ajuste proportionnellement.
Dans les paramètres de votre site web, vous pouvez choisir quelles versions de vos pages seront affichées en fonction des différentes tailles d'écran.
Est-il possible de créer un site e-commerce avec Svija ?
Svija permet une intégration fluide avec Stripe pour la vente de produits et services en ligne. La gestion des produits se fait directement via Stripe.
Les sites Svija sont-ils indexés par Google ?
Tout le texte contenu dans les fichiers SVG utilisés par Svija est indexé normalement par Google.
Qu'en est-il de l'accessibilité ?
Les pages Svija sont entièrement compatibles avec les lecteurs d'écran, et il est possible d'ajouter facilement du contenu spécialement conçu pour ces dispositifs.
Puis-je utiliser d'autres logiciels qu'Illustrator ?
Non. Illustrator et Inkscape sont les seuls logiciels permettant la création de fichiers SVG tout en intégrant des polices et des images externes. Seul Adobe Illustrator est scriptable, ce qui est indispensable pour une exportation correcte des pages.
Qu'en est-il des contenus dynamiques ?
Les contenus dynamiques seront disponibles avec le lancement d'une API de plugins, prévu pour l'automne 2025.