Motion Portfolio Seiten
Schalten Sie bei berechtigten Plänen die Motion-Präsentation für eine Portfolio-Sammlung ein, damit /portfolio/your-slug eine filmische Vollansichtsgalerie zeigt - Live-Fotos, Bildunterschriften und Klickpfade in Fotodetailseiten - anstelle eines Standardrasters oder eines immersiven Layouts.
Motion-Präsentation verwandelt Ihre öffentliche Portfolio-URL in eine Cinematic, Full Viewport Galerie - die Art von polierter Bewegung, die Sie auf Premium-Fotoseiten sehen -, die in ArtInStack integriert ist und nicht aus einem separaten Design-Embed eingefügt wird.
Im Gegensatz zu einem generischen Marketing-Karussell sind Motion Templates auf Ihre Portfoliosammlung aufgebaut: echte Uploads von Medien, die Reihenfolge, die Sie auf Medien festgelegt haben, Beschriftungen und Beschreibungen aus jeder Datei, optionale Pfade zu Fotodetailseiten und Aspektverhältnisse, die zu Ihrer Aufnahme passen (Porträt-Editorial, breite Landschaft, quadratische Kontaktblätter und mehr).
Es gilt die gleiche URL:
https://your-site.example/portfolio/your-slug
Wenn Motion Präsentation eingeschaltet ist, sehen die Besucher die von Ihnen gewählte animierte Vorlage anstelle des Standardrasters, der Immersive, der Timeline oder des Journallayouts. Konfigurieren Sie Vorlagen unter Portfolio verwalten → Bewegung Registerkarte — siehe Portfoliobewegungseinstellungen. Standard-Layout-Steuerelemente auf Einstellungen → Öffentliche Seite gelten nicht, während Bewegung aktiv ist.
Voraussetzungen
- Öffentliche Portfolioseiten — Öffentliche Galerie ein und ein Slug-Set
- Abonnementplan, der Motion Präsentation enthält
- Genug Bilder für die von Ihnen ausgewählte Vorlage (z. B. funktioniert Rohrleitungsschiene am besten mit mindestens fünf Fotos in der Sammlung)
Wie sich Bewegung von Standardlayouts unterscheidet
| Standardstrecke | Bewegungsbahn | |
|---|---|---|
| Besuchererfahrung | Scrollen Sie ein Raster, durchsuchen Sie eine Bühne plus Daumenschiene, erkunden Sie eine datierte Zeitleiste oder lesen Sie ein Tagebuch mit beschrifteten Frames | Ein Heldenbild nach dem anderen mit choreographierten Übergängen zwischen Folien |
| Am besten für | Große Sets, Proofing-Dichte, Archivierungsbrowsing | Portfolio-Highlights, Kampagnenstarts, Lookbooks, heldengetriebenes Storytelling |
| Dashboard | Einstellungen tab → Öffentliche Seite | Register Bewegung |
| Heldenbanner | Optionales Coverbanner von Öffentliche Seite Einstellungen | Gleiches Site-Chrom; Motion füllt die Galerieregion unter Ihrem Portfolio-Header aus |
Sie können jederzeit von der Registerkarte Bewegung auf Standard umschalten, ohne den Slug- oder Datenschutzmodus zu ändern.
Musterfamilien
Vorlagen werden nach der Art und Weise gruppiert, wie sich Bilder bewegen - wählen Sie eine pro Sammlung aus.
Wegekarussell
Lineare 3D-Karussells mit Tiefe, Seitenvorschau und tastaturfreundlicher Navigation. Ideal, wenn Sie ein klassisches "Featured Image plus flankierende Arbeit" fühlen möchten.
| Meldebogen | Zeichen |
|---|---|
| Achsenkarussell | Horizontaler Pfad — Mittenbild scharf, Seitenbilder leicht in der Tiefe rotieren |
| 3D-Karussell | Straight Stack - Nachbarn schauen von hinter der aktiven Folie |
| Radkarussell | Curved Sweep - Bilder bewegen sich entlang eines Bogens wie eine rotierende Galeriewand |
Fotopassung: Hochzeitshighlights, redaktionelle Auswahl, Multi-Bild-Markengeschichten, in denen sich die Orientierung mischt, aber die Mittelrahmen sollte sich wie ein Druck an einer Wand anfühlen.
Shared Hero Frame: Achse, 3D-Karussell und Rad verwenden den gleiche Active-Slide-Rahmengröße für den von Ihnen gewählten Seitenverhältnis und Viewport. Der Wechsel zwischen ihnen arrangiert Seitenvorschau, Tiefe und Bogen - der Heldendruck springt nicht größer oder kleiner.
| Radperspektive | Zeichen |
|---|---|
| Außen | Konvexer Rand - Mittelrutsche ist am größten; Nachbarn krümmen sich wie eine Galeriewand |
| Innen | Konkave Schüssel - Sie schauen in den Ring; Außenrand Rutschen sind am größten und das Zentrum sitzt tiefer in der Rotunde |
In weiten Landschaftsansichten kann Innen die Ringgeometrie straffen, so dass die äußeren Rutschen innerhalb der Bühne bleiben - die Größe des Heldenrahmens bleibt gleich.
Bogenscheinwerfer
Bilder befinden sich entlang einer Bogenbogenbogen; das aktive Foto kann auf dem Pfad bleiben oder Abstand von der Mitte des Scheinwerfers für ein Magazin-Feature mit Platz für Titel und Beschreibung in einer Seitensäule neben dem Rahmen. Lange Beschreibungen Scrollen innerhalb dieser Spalte - die Galeriehöhe bleibt an die Bildfläche gebunden, nicht die Wortzahl.
Fotopassung: Fine-Art-Serien, Sets im Ausstellungsstil und Sammlungen, bei denen sich ein Bild nach dem anderen absichtlich anfühlen sollte - keine schnelle Diashow.
Rohrleitungsschiene
Schmale Miniaturstreifen komprimieren sich neben dem Rahmen, dann das aktive Bild expandiert zum Helden, wenn sich die Besucher durch das Set bewegen. Funktioniert gut für Porträt- und Landschaftsaspektverhältnisse, wenn Sie eine kontinuierliche Bewegung "Kontaktblatt wird gedruckt" wünschen.
Die Pipeline-Schiene soll nicht jedes Werk gleichermaßen zeigen. Es präsentiert Ein Heldenbild und eine sichtbarer Zug von unterstützenden Werken. Große Sammlungen werden durch Navigation (Pfeile, Stepper, Swipe) fortgesetzt, anstatt den Zug auf unbestimmte Zeit zu erweitern.
| Stufenspanne | Am besten für |
|---|---|
| fest | Kleinere Sammlungen — die Schiene bleibt innerhalb einer begrenzten Breite; bis zu 20 Packstreifen neben dem Helden |
| breit | Größere Sammlungen — verwendet die volle Galerieinhaltsbreite; bis zu 40 Packstreifen neben dem Helden |
Hero expandiert und packt sich in beiden Modi gleich; Stufenspanne verändert die horizontale Leinwand und wie viele Miniaturansichten gleichzeitig im sichtbaren Zug sitzen können. Konfigurieren Sie Stufenspanne und Schienenseite auf der Registerkarte Bewegung — siehe Portfoliobewegungseinstellungen.
Fotopassung: Lookbooks, Highlights für die Kundenbereitstellung und Portfolios mit längeren Bildunterschriften unter jedem Bild.
Gebaut für Fotografen, nicht generische Widgets
Motion Templates teilen Verhaltensweisen, die auf Portfolio-Workflows abgestimmt sind:
- Klicken, um zu fokussieren, dann gehen Sie tiefer — Erster Klick bringt ein Bild vorwärts; Ein zweiter Klick (oder eine Tastaturbestätigung) kann Ihren Foto Detailseite öffnen, wenn er aktiviert ist, mit einer reibungslosen visuellen Handoff von der aktiven Folie.
- Untertitel und Beschreibungen — Titel, Bildunterschrift und längerer Beschreibung-Text aus Medien können je nach Vorlage auf der Bühne oder daneben erscheinen (siehe Portfoliobewegungseinstellungen — Platzierung von Metadaten).
- Kontrolle des Aspektverhältnisses — legt die Helden-Rahmen für Pfadkarussellvorlagen fest (Quadrat, Porträt, Landschaft, Breite oder Auto). Das gleiche Verhältnis hält die aktive Folie gleich groß, wenn Sie zwischen Achse, 3D-Karussell und Rad wechseln.
- Depth-of-field auf Previews - Seitenbilder können wie unscharfe Nachbarn erweichen, während der Held scharf bleibt (Wegkarussellvorlagen).
- Video im Set — Verhalten hängt davon ab, was in der Sammlung ist:
- Gemischte Fotos und Videos — jedes Video zeigt ein Plakat und ein Abspielabzeichen auf der Bühne; die Wiedergabe wird im Lightbox geöffnet, wenn dies Ihr Klickverhalten ist (Videos verwenden keine Fotodetailseiten).
- Nur Videosammlung — wenn ein Clip die aktiv Folie ist, ist es Spiele inline auf der Bühne (gedämpftes Autoplay mit Steuerung); inaktive Folien bleiben auf dem Poster, bis sie fokussiert sind.
- Zugänglichkeit - Besucher, die reduzierte Bewegung bevorzugen, sehen ein sauberes statisches Raster-Fallback anstelle von Animation.
- Commerce und Lightbox - Portfolio Lightbox-Einstellungen und Foto-Seiten-Schalter auf Einstellungen steuern immer noch das Overlay- und PDP-Verhalten, wenn Sie sie in Bewegung Klickverhalten verkabeln.
Was Besucher tun können
| Interaktion | Verhalten |
|---|---|
| Pfeilkontrollen | Vorherige und nächste, wenn aktiviert |
| Stepperpunkte | Springen Sie zu einer Folie; optionaler Fortschritt bleibt, wenn Autoplay eingeschaltet ist |
| Swipe | Touch Drag auf Telefonen |
| Rollrad | Horizontaler Fortschritt auf dem Desktop, wenn aktiviert |
| Tastatur | Pfeiltasten, Home, End, Enter auf der fokussierten Folie |
| Autoplay | Optionaler zeitgesteuerter Vorschub; pausiert im Schwebeflug, Fokus oder wenn der Tab ausgeblendet ist |
Umsetzungsschritte
- Bestätige Öffentliche Galerie und Slug — Öffentliche Portfolioseiten.
- Öffnen Sie Portfolio → Ihre Sammlung → Portfolio verwalten → Bewegung Registerkarte.
- Schalten Sie Motion Präsentation ein.
- Wählen Sie ein Vorlagenfamilie und eine Vorlage und legen Sie dann Intensität, Seitenverhältnis und Klickverhalten fest - Details in Portfoliobewegungseinstellungen.
- Speichern Sie dann Vorschau vom Portfolio-Hub, um die signierte Vorschau-URL zu öffnen.
- Testen Sie auf Telefon und Desktop; aktivieren Sie Fotodetailseiten, wenn Klicks vollständige EXIF- und Druckoptionen öffnen sollten.
Was Ihre Besucher sehen
Eine gebrandete Vollbildgalerie auf Ihrer Domain: filmische Übergänge zwischen Ihren realen Dateien, optionale Bildunterschriften und Navigation, die ihre Geräte- und Bewegungspräferenzen respektiert. Der Datenschutzmodus (öffentlich, nicht gelistet, Passwort) verhält sich wie ein öffentliches Standardportfolio.
Überprüfen Sie Ihr Setup
- Der Plan beinhaltet Bewegung; Motion Präsentation ist eingeschaltet.
- Vorschau und Live
/portfolio/{slug}zeigen die animierte Vorlage, nicht das Standardraster. - Bildunterschriften oder Beschreibungen erscheinen, wenn Anzeige von Metadaten nicht versteckt ist.
- Klickverhalten entspricht der Absicht (Fotoseite, Lightbox oder nur Fokus).
- Nur Video-Sammlungen: aktiver Clip spielt auf der Bühne; gemischt-Sets: Videos, die in der Lightbox geöffnet sind (oder Poster zeigen, bis sie fokussiert sind).
- Reduzierte Bewegungsvorschau (Systemeinstellung) zeigt den statischen Fallback.
