Páginas de portafolio con movimiento
En los planes compatibles, activa Presentación con movimiento para que /portfolio/your-slug muestre una galería cinematográfica a pantalla completa con fotos, pies de foto y accesos a páginas de detalle, en lugar de una cuadrícula estándar o un diseño inmersivo.
La presentación con movimiento convierte su URL del portafolio público en un Galería cinematográfica de vistas completas. el tipo de movimiento pulido que ves en los sitios de fotografía premium incorporado ArtInStack, no se pegó desde un diseño separado.
A diferencia de un carrusel genérico, las plantillas de movimiento se construyen alrededor su colección de portafolio: cargas reales de multimedia, el orden que estableció. multimedia, los títulos y descripciones de cada archivo, las rutas opcionales a Páginas de detalles en fotografía, y las proporciones de aspecto que coincidan con la forma en que se dispara (editorial del retrato, paisaje amplio, hojas cuadradas de contacto, etc.).
La misma URL se aplica:
https://your-site.example/portfolio/your-slug
¿ Cuándo? Presentación de la moción se en, los visitantes pueden ver la plantilla de animación elegida en lugar de la cuadrícula estándar, inmersiva, línea del tiempo o diseño diario. Configurar las plantillas bajo Gestionar el portafolio → Movimiento pestaña ver Configuración de movimiento de portafolio. Control de diseño estándar en Configuración → Página pública no se aplicarán mientras el movimiento esté activo.
Pré-requisitos
- Páginas de portafolio pública — Galería pública en y a el coño conjunto de la serie
- Plan de suscripción que incluya Presentación de la moción
- Basta con imágenes para la plantilla que elija (por ejemplo, Ferrocarril de tuberías funciona mejor con al menos cinco fotos en la colección)
Cómo el movimiento difiere de los diseños estándar
| - La pista estándar. | Pista de movimiento | |
|---|---|---|
| Experiencia del visitante | Despliegue una cuadrícula, navegue por un escenario más el carril de pulgar, explore una línea temporal datada o lea un diario con cuadros subtítulos | Una imagen de héroe a la vez con transiciones coreografadas entre diapositivas |
| Lo mejor para... | Grandes conjuntos, comprobando la densidad, navegando por archivos | Destaques de el portafolio, lanzamientos de campañas, libros de revisión, narración basada en héroes |
| Tablero de control | Configuración tab → Página pública | Movimiento tab |
| Banner de héroe | Banner de portada opcional desde Página pública configuraciones | El mismo sitio de cromo; movimiento llena la región de galería debajo del encabezado de su portafolio |
Puedes volver a cambiar. Estándar de la industria en cualquier momento desde el Movimiento tab sin cambiar el modo de bala o privacidad.
Familias de plantillas de movimiento
Las plantillas se agrupan según cómo se mueven las imágenes escoger una por colección.
Carrusel de camino
Carruseles 3D lineales con profundidad, vistas previas laterales y navegación amigable para teclado. Ideal cuando quieres una imagen clásica Featured más trabajo flanqueado sensación.
| Template | Personaje |
|---|---|
| Carrusel de eje | Camino horizontal la imagen central es nítida, las imágenes laterales giran ligeramente en profundidad |
| Carrusel 3D | La pila recta los vecinos miran desde detrás del deslizamiento activo |
| Carrusel de ruedas | Arrojar curvas Las imágenes viajan a lo largo de un arco como una pared giratoria galería |
Aplicación fotográfica: Los eventos de bodas, las selecciones editoriales, historias de marcas con múltiples imágenes donde la orientación se mezcla pero el marco central debería sentirse como una huella en la pared.
Cuadro de héroe compartido: Eje de los vehículos eléctricos, Carrusel 3D, y Rueda de la carretera usar el tamaño del mismo marco de diapositiva activa. para tus elegidos. proporción de aspecto Cambiando entre ellos reorganiza las vistas preliminares laterales, profundidad y arco. La impresión del héroe no salta ni más grande ni menor.
| Perspectiva de la rueda | Personaje |
|---|---|
| Fuera de la casa. | La junta convexa el deslizamiento central es más grande; los vecinos se curvan como una pared de galería |
| En el interior. | Cuenco cóncavo miras hacia el anillo; barril exterior Las diapositivas son más grandes y el centro se encuentra más profundo en la rotonda |
En amplios miradores de paisaje, En el interior. puede apretar la geometría de anillos para que los diapositivos externos permanezcan dentro del escenario el tamaño del marco del héroe se mantenga igual.
Luz de arco
Las imágenes se sientan a lo largo de un arco curvoLa fotografía activa puede permanecer en el camino o Se desprende del centro de atención. para un artículo de estilo revista con espacio para el título y la descripción en una columna lateral Junto al marco. Descripciones largas rollo dentro de esa columna la altura de la galería se mantiene atada al lienzo de imagen, no el recuento de palabras.
Aplicación fotográfica: series de arte fino, sets en estilo exhibición y colecciones donde una imagen a la vez debe sentirse intencional no un rápido espectáculo de diapositivas.
Ferrocarril de tuberías
Las tiras de miniaturas estrechas se comprimen junto al marco, luego la imagen activa se expande en el héroe. Funciona bien para las proporciones de aspecto del retrato y el paisaje cuando se quiere una hoja continua contact que se convierte en movimiento impreso.
El tren de tuberías no está destinado a mostrar todos los trabajos por igual. una imagen de héroe. y un tren visible Las grandes colecciones continúan a través de la investigación y el desarrollo. navegación (filas, paso a paso, deslizamiento) en lugar de expandir el tren indefinidamente.
| Escenario de la duración | Lo mejor para... |
|---|---|
| Es muy estrecho. | Colecciones más pequeñas el carril permanece dentro de un ancho contenido; hasta 20 empaque tiras junto al héroe. |
| Largo y largo. | Colecciones más grandes utiliza el contenido completo de la galería; hasta 40 empaque tiras junto al héroe. |
Hero expandir y empaque de la tapa se comportan igual en ambos modos; el período de etapa cambia el lienzo horizontal y cuántas miniaturas pueden sentarse en un tren visible a la vez. Configurar Escenario de duración y Lado de ferrocarril en el Movimiento pestaña ver Configuración de movimiento de portafolio.
Aplicación fotográfica: libros de vista, puntos destacados en la entrega del cliente y portafolios con títulos más largos debajo de cada imagen.
Fabricados para fotógrafos, no como widgets genéricos.
Las plantillas de movimiento comparten comportamientos sintonizados con los flujos de trabajo de el portafolio:
- Haga clic para enfocarse, luego vaya más profundo. el primer clic lleva una imagen hacia adelante; un segundo clic (o confirmación del teclado) puede abrir su Página de detalles en fotografía cuando esté habilitado, con una transferencia visual suave desde el diapositivo activo.
- Capciones y descripciones título, leyenda y más largo Descripción de la situación texto de multimedia pueden aparecer en el escenario o a su lado, dependiendo de la plantilla (ver Configuración de movimiento de portafolio — Colocación de metadatos).
- Control de la relación entre los aspectos establece el marco de héroe para las plantillas de carrusel de ruta (cuadrado, retrato, paisaje, ancho o automático). La misma relación mantiene el diapositivo activo del mismo tamaño cuando se cambia entre Eje de los vehículos eléctricos, Carrusel 3D, y Rueda de la carretera.
- Profundidad de campo en las vistas preliminares Las imágenes laterales pueden suavizarse como vecinos fuera de foco mientras que el héroe se mantiene agudo (plantillas del carrusel).
- Video en el set. El comportamiento depende de lo que esté en la colección:
- Fotos y vídeos mezclados. cada video muestra un cartel de la ciudad y jugar la insignia en el escenario; se abre la reproducción en lightbox cuando ese es su comportamiento de clic (los videos no usan páginas detalladas en fotos).
- Colección de vídeo exclusivo cuando un clip es el activo Deslizamiento, es se juega en línea en el escenario (reproducción automática silenciada con controles); las diapositivas inactivas permanecen en un cartel hasta que se enfocan.
- Accesividad Los visitantes que prefieren movimiento reducido ven una retroceso limpio de la red estática en lugar de animación.
- Comercio y lightbox — Configuración de la lightbox del portafolio y los cambios de páginas fotográficas en Configuración Aún gobiernan el comportamiento de la superposición y PDP cuando las cableamos en movimiento. El comportamiento de hacer clic.
Lo que pueden hacer los visitantes.
| Interacción | El comportamiento |
|---|---|
| Control de flechas | Anterior y siguiente cuando esté habilitado |
| Puntos de paso | Salta a una diapositiva; progreso opcional permanece cuando el juego automático está en |
| Deslizamiento | Toca el arrastre en los teléfonos. |
| Rueda de rodaje | Avance horizontal en el escritorio cuando esté habilitado |
| El teclado | Las teclas de flecha, Inicio, Final, Ingrese en la diapositiva enfocada |
| Juego automático | Avances opcionales en tiempo; pausas sobre el hover, enfoque o cuando la pestaña está oculta |
Pasos de ejecución
- Confirmarlo. Galería pública y el coño — Páginas de portafolio pública.
- Abriendo. portafolio → su colección → Gestionar el portafolio → Movimiento ¿Qué es eso?
- Encienda. Presentación de la moción.
- Escoge una. familia de modelos y plantilla, luego fijar Intensidad de la energía, la relación de aspecto y el comportamiento del clic detalles en Configuración de movimiento de portafolio.
- Guardar y luego usar Previsión de la página web desde el centro de portafolio para abrir la URL de vista previa firmada.
- Prueba en teléfono y escritorio; habilitar Páginas de detalles en fotografía si los clics deben abrir las opciones EXIF y impresión completas.
Lo que ven sus visitantes.
Una galería de pantalla completa y con marca en su dominio: transiciones cinematográficas entre sus archivos reales, títulos opcionales y navegación que respete las preferencias de dispositivo y movimiento. El modo privacidad (público, no listado, contraseña) se comporta igual a un portafolio pública estándar.
Verificar su configuración.
- El plan incluye movimiento. Presentación de la moción El interruptor está en marcha.
- Previsión y en vivo
/portfolio/{slug}mostrar la plantilla animada, no la cuadrícula estándar. - Los títulos o descripciones aparecen cuando Display de metadatos No está oculto.
- El comportamiento de clic coincide con la intención (sólo página de foto, lightbox o enfoque).
- Solo para vídeo. colecciones: reproducciones activas en el escenario; mezclados conjuntos: vídeos abiertos en la lightbox (o póster hasta que se enfoque).
- La vista previa de movimiento reducido (configuración del sistema) muestra la caída estática.
