Paramètres de mouvement du portfolio
Configurez la présentation Motion par collection sous Portfolio → Motion : choisissez un modèle cinématographique, définissez l'intensité et le rapport hauteur/largeur, et connectez le comportement de clic aux pages de photos ou à la lightbox sans toucher aux commandes de mise en page publiques standard.
Les paramètres Motion sont disponibles dans l'onglet Motion dans Gérer le portfolio. Ils sont séparés de Paramètres → Page publique, qui s'applique uniquement lorsque la collection utilise la piste standard (Paramètres de mise en page du portfolio).
Commencez par Pages de portfolio Motion pour l'expérience du visiteur et les familles de modèles. Cette page documente chaque contrôle de l'onglet Motion.
Conditions préalables
- Pages de portfolio public — Galerie publique activée
- Abonnement avec Présentation Motion
- Images ajoutées et ordonnées sur l'onglet Collection Média
Piste de présentation
| Contrôle | Effet |
|---|---|
| Présentation Motion (bascule) | Activé : l'URL publique utilise votre modèle de mouvement. Désactivé : la mise en page standard de la page publique s'applique. |
L'enregistrement des paramètres de mouvement ne modifie pas les colonnes de la grille, le regroupement de la chronologie ou les options de héros sur la Page publique : ces valeurs restent stockées lorsque vous revenez à la version standard.
Sélecteur de modèles
Les modèles sont regroupés en trois familles. Un seul modèle est actif par collection.
Carrousel de chemin
| Modèle | Quand l'utiliser |
|---|---|
| Carrousel d'axes | Carrousel horizontal classique : héros central, aperçus latéraux rotatifs |
| Carrousel 3D | Voisins empilés derrière l'image active |
| Carrousel à roues | Les images balayent une roue incurvée |
Caractéristiques du modèle (famille de carrousels de chemins)
| Caractère | Possibilités | Remarques |
|---|---|---|
| Nombre de flancs | 1 à 4 images par face | Plus de flancs = scène plus large (3, 5, 7 ou 9 diapositives visibles). Le carrousel 3D peut afficher moins d'aperçus latéraux dans des fenêtres étroites tout en conservant la même taille de cadre de héros. |
| Flou de flanc | 0 à 100 % | Simule la profondeur de champ : les aperçus extérieurs s'adoucissent, le centre reste net |
| Rotation du préréglage Y (axe uniquement) | Subtil / Audacieux | Quel est l'angle des images latérales en 3D |
| Envergure des roues (roue uniquement) | Serré / Large | Combien d'espace horizontal occupe la roue |
| Perspective (roue uniquement) | Extérieur / Intérieur | Extérieur — bord convexe, glissière centrale la plus grande. À l'intérieur — bol concave vers le spectateur ; les toboggans du bord extérieur sont les plus grands ; l'anneau peut se resserrer sur des paysages larges afin que les bords ne se coupent pas |
Projecteur d'arche
| Modèle | Quand l'utiliser |
|---|---|
| Carrousel en arc | Chemin incurvé des images avec un projecteur en vedette |
Caractéristiques du modèle
| Caractère | Possibilités |
|---|---|
| Mode projecteur | Sur l'arche — toutes les cartes suivent la courbe. Détachement central : l'image active se déplace vers un projecteur central plus grand. |
| Côté arche | Gauche/Droite — quel côté de la scène occupe l'arche |
Le carrousel Arch utilise uniquement des proportions horizontales (4×3, 7×5, 16×9).
Rail de pipeline
| Modèle | Quand l'utiliser |
|---|---|
| Rail de pipeline | Les vignettes compressées se développent dans le héros (de préférence avec cinq images ou plus) |
Pipeline Rail n’est pas destiné à montrer toutes les œuvres de la même manière. Il présente une image de héros et un train visible d'œuvres de soutien. Les grandes collections se poursuivent via la navigation plutôt que d'étendre le train indéfiniment.
Caractéristiques du modèle
| Caractère | Possibilités | Remarques |
|---|---|---|
| Durée de la scène | Serré / Large | Tight — largeur contenue ; idéal pour les petites collections (jusqu'à 20 bandes de pack visibles). Large — largeur complète du contenu de la galerie ; idéal pour les plus grandes collections (jusqu'à 40 bandes de pack visibles). L'expansion du héros et la réduction du pack sont les mêmes ; span définit la largeur de la toile et la taille du train visible. |
| Côté rail | Gauche / Droite | Pack à gauche ou à droite – le héros actif se développe du côté opposé |
Cadre du héros et rapport hauteur/largeur (carrousel de chemin)
Le carrousel Axis, le carrousel 3D et le carrousel à roues partagent une boîte de diapositives de héros par collection :
| Entrée | Effet |
|---|---|
| Rapport hauteur/largeur | Forme du cadre pour la diapositive active (et échelle correspondante pour les aperçus latéraux) |
| Largeur de la fenêtre | Limite la taille du héros avant que la mise en page ne doive réduire le cadre. |
Les modèles modifient uniquement la façon dont les voisins sont disposés : arc, profondeur de pile, anneau de roue, échelles de flanc, flou. Le passage de Axis à Wheel ou au Carrousel 3D ne devrait pas modifier la taille d'impression du héros pour le même rapport hauteur/largeur.
Le carrousel 3D peut réduire le nombre de flancs visibles sur des écrans plus petits afin que les piles latérales s'adaptent toujours sans réduire le héros en dessous de ce qu'Axis et Wheel utilisent.
Galeries vidéo en mouvement
| Collecte | Sur scène | Navigation plus approfondie |
|---|---|---|
| Photos et vidéos mixtes | Les diapositives vidéo présentent une affiche et un badge de lecture | Le comportement de clic Lightbox lit le clip dans la superposition. Les pages de détails des photos sont uniquement destinées aux images fixes. |
| Vidéo uniquement (chaque élément est un clip) | Lectures de diapositives actives en ligne — lecture automatique en sourdine avec commandes compactes | Les diapositives inactives restent sur l'affiche jusqu'à ce qu'elles soient focalisées. Lightbox s'applique toujours au deuxième clic lorsqu'il est activé. |
Configurez la lecture automatique, la sourdine et la boucle pour la lecture lightbox sous Paramètres lightbox du portfolio.
Paramètres communs (tous les modèles)
Ceux-ci s'appliquent au modèle que vous sélectionnez.
| Paramètre | Objectif |
|---|---|
| Lecture automatique | Avancer automatiquement les diapositives |
| Intervalle de lecture automatique | 5, 8 ou 12 secondes entre les diapositives lorsque la lecture automatique est activée |
| Intensité | Subtil, Équilibré ou Dramatique : contrôle l'énergie globale du mouvement (transitions, profondeur et accentuation) sans exposer les curseurs d'animation bruts. |
| Durée de transition | 300, 500 ou 800 ms entre les diapositives |
| Rapport hauteur/largeur | Forme du cadre pour les diapositives : options Auto, Carré, Paysage, Large et Portrait (le modèle peut limiter les choix) |
| Affichage des métadonnées | Légende, Titre, Description, Légende + description ou Caché : quels champs de Média apparaissent sur la scène (l'emplacement varie selon le modèle ; voir ci-dessous) |
| Thème de fond | Hériter du site, Clair, Sombre ou Muet : toile de fond de la galerie derrière le modèle |
| Comportement de clic | Page photo, Lightbox ou Aucun – voir ci-dessous |
Bascule
| Basculer | Effet |
|---|---|
| Afficher les contrôles | Chevron précédent/suivant sur scène |
| Afficher le compteur | Points pas à pas sous la scène |
| Afficher les progrès | Le point actif se remplit au fil du temps lorsque la lecture automatique est activée |
| Boucle | Après la dernière diapositive, revenez à la première |
| Activer le balayage | Appuyez sur glisser sur mobile |
| Activer la roue | Le défilement horizontal fait avancer les diapositives sur le bureau |
Placement des métadonnées (par modèle)
Affichage des métadonnées choisit quoi afficher (légende, titre, description ou combinaisons). Chaque modèle place la copie dans une région fixe afin que le texte long ne brise pas la mise en page 3D :
| Famille de modèles | Titre/légende | Descriptif |
|---|---|---|
| Axe, Carrousel 3D, Roue (extérieure), Rail de pipeline | Sur la diapositive active (superposition) | Sous la scène, sous les points pas à pas |
| Roue (intérieure) | Sous la scène | Sous la scène |
| Carrousel en arc | Colonne latérale à côté du projecteur ; également sur la superposition de vignettes active pour les images fixes (pas les vidéos) | Colonne latérale à côté du projecteur — fait défiler à l'intérieur de la colonne lorsqu'elle est longue ; ne redimensionne pas la galerie |
| Rail de pipeline (bandes miniatures) | Caché sur des bandes | Sous la scène uniquement |
Copie longue : Pour le carrousel de chemin et le rail de pipeline, les descriptions se trouvent dans une bande fixe sous les points pas à pas. Le texte long ** défile à l'intérieur de cette bande ** (pas de pince de ligne) afin que la hauteur de la scène reste prévisible. Le carrousel en arc maintient la hauteur de la scène fixe au canevas de l'image – la description du débordement défile dans la colonne latérale.
Remplissez Légende, Titre et Description sur chaque fichier sous Média → modifier l'élément afin que les modèles de mouvement aient du texte à afficher.
Comportement de clic et commerce
Motion respecte les indicateurs au niveau de la collection que vous définissez ailleurs :
| Comportement du clic | Nécessite |
|---|---|
| Page de photos | Activer l'affichage de la page dans Paramètres → Visibilité (Pages de détails des photos) |
| Lightbox | Lightbox activée pour la collection (Paramètres Lightbox du portfolio) |
| Aucun | Concentrez-vous et parcourez uniquement – pas de navigation au deuxième clic |
Modèle d'interaction : cliquez d'abord sur une image latérale la concentre ; cliquez à nouveau sur l'image active (ou appuyez sur Entrée) pour exécuter le comportement de clic ci-dessus.
Vidéos : les images fixes peuvent ouvrir une page de détails de photo lorsqu'elles sont activées. Les clips vidéo n'utilisent jamais de pages de détails de photos : utilisez Lightbox pour les ensembles mixtes, ou comptez sur la lecture en ligne lorsque la collection est uniquement vidéo.
Ce qui n'est pas dans le tableau de bord
Pour garantir la fiabilité des mises en page sur des tailles de portfolio réelles, ArtInStack n'expose pas les curseurs d'animation de bas niveau. L'intensité et les traits discrets ci-dessus sont les contrôles pris en charge : ils correspondent à des préréglages testés adaptés aux collections de photographies, aux formats d'image mixtes et au nombre d'images typiques.
Combinaisons suggérées
| Objectif | Modèle | Également défini |
|---|---|---|
| Bobine des moments forts du mariage | Carrousel d'axes | Intensité équilibrée ; aspect portrait ou automatique ; clics sur la page photo |
| Exposition de beaux-arts | Carrousel en arc | Détachement central ; métadonnées de légende ; intensité subtile |
| Lookbook avec de longues légendes | Rail de pipeline | Aspect paysage ou portrait; description visible ; lecture automatique désactivée |
| Héros de débarquement de campagne | Carrousel à roues | Large portée ; Perspective Extérieur ou Intérieur ; intensité dramatique; hériter de l'arrière-plan du site |
| Séance d'évaluation des clients | carrousel 3D | Flou de flanc pour la profondeur ; comportement de clic de la lightbox ; boucle |
| Bobine de mariage (clips uniquement) | Carrousel d'axes | Lecture en ligne de la vidéo uniquement sur la diapositive active ; lightbox en option pour le plein écran |
Étapes de mise en œuvre
- Ouvrez Portfolio → collection → onglet Motion.
- Activez la Présentation Motion.
- Sélectionnez un modèle dans le sélecteur.
- Définissez l'intensité, le rapport hauteur/largeur, l'affichage des métadonnées et le comportement du clic.
- Ajustez les caractéristiques du modèle pour cette mise en page uniquement.
- Enregistrez, puis Aperçu à partir de l'en-tête du hub de portfolio.
- Vérifiez que les Pages de détails des photos ou les Paramètres de la lightbox du portfolio correspondent à votre comportement de clic.
Ce que voient vos visiteurs
Le modèle enregistré, les caractéristiques et les paramètres communs sur la page publique /portfolio/{slug} — avec la marque de votre site, les médias ordonnés et les solutions de secours en matière d'accessibilité lorsqu'une réduction du mouvement est demandée.
Vérification de votre configuration
- La présentation Motion est activée et le modèle correct est sélectionné.
- Aperçu des correspondances en direct après l'enregistrement.
- Le rapport hauteur/largeur convient à votre orientation dominante (série de portraits ou paysages larges).
- Les modèles de carrousel de chemin (Axis, 3D, Wheel) affichent la même taille de cadre de héros lorsque vous changez de modèle sans modifier les proportions.
- Le comportement de clic ouvre la page photo ou la lightbox uniquement lorsque ces fonctionnalités sont activées dans Paramètres/Lightbox.
- Les points de lecture automatique et de progression se comportent comme prévu sur ordinateur et téléphone.