Libérer la créativité · Transformer vos créations Adobe Illustrator en sites web · link · Création de compte Svija · link · Les différentes façons de contribuer à la réussite de Svija · Privacy Policy · Svija · Terms & Conditions · Svija propose trois plans : Essentiel, Individuel et Agence · Liens vers nos logicels et thèmes gratuits ·
En VidéoSynchroniséUne zoneUn pointAfficher les triggersObjets Illustrator utilisésObjets renommés pour cette animationCliquez sur les boutons ci-dessous :Se déplacer vers le bas de 430px, 5 secondesTourner 1440° vers la droite, 5 secondesSe déplacer vers le gauche/droitede 100px, 5 secondesPour plus d'informations, visiter tech.svija.love/vibeUn exempleSe fendre en deuxSéparationTournerTournerGlisserGlisserSvija 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).Animer quoi ?CombinaisonTransparenceMise à l'échelleRotationMouvementUne fois que vous avez lu cette section, vous pouvez probablement deviner les événements ci-dessus. Cliquez ici pour voir si vous avez raison !click/name/-x45click/name/<360click/name/x%250click/name/t0click/name/270>/%550/+x30/-y387/t100Un objet Illustrator provoque le mouvement d'un autre objet.• L'objet Illustrator qui provoque est le TRIGGER • L'objet qui se déplace est l'EVENT (peut être n'importe quel objet ou groupe dans Illustrator)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 ensemble en ayant les mêmes noms.objet event :objet trigger :

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.

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. Nous contacterConditions générales d'utilisationMentions légalesPolitique des données personnellesCopyright © Svija SAS — tous droits réservés
This website requires javascript. Either enable javascript or visit with a different browser.
This website needs cookies to work. Please enable cookies or visit with a different browser.
This website does not support Internet Explorer. Please visit with a different browser.