Ajustes de movimiento del portafolio
Configura la presentación con movimiento de cada colección en Portafolio → Movimiento: elige una plantilla cinematográfica, define la intensidad y la relación de aspecto, y enlaza el comportamiento de los clics con las páginas de fotos o el lightbox sin modificar los controles de diseño de Página pública.
La configuración de movimiento en vivo en la Movimiento tab dentro Gestionar el portafolio- Ellos lo son. separados de la. Configuración → Página pública, que sólo se aplica cuando la recogida utiliza el estándar trayectoria (Configuración de diseño del portafolio).
Comienza con Páginas de portafolio con movimiento para conocer la experiencia del visitante y las familias de plantillas. Esta página documenta todos los controles de la pestaña Movimiento.
Pré-requisitos
- Páginas de portafolio pública — Galería pública activado
- Suscripción con Presentación de la moción
- Imágenes añadidas y ordenadas en la colección multimedia tab
Trayectoria de presentación
| Control | El efecto |
|---|---|
| Presentación de la moción (en conjunto) | En el URL pública utiliza su plantilla de movimiento. - ¡No! diseño estándar de Página pública se aplica. |
Salvar la configuración de movimiento no cambia las columnas de cuadrícula, el agrupamiento de líneas temporales o opciones heroicas en Página pública esos valores se almacenan para cuando vuelva a la norma.
Selector de plantillas
Las plantillas se agrupan en tres familias. Solo una plantilla está activa por colección.
Carrusel de camino
| Template | ¿ Cuándo usarlo? |
|---|---|
| Carrusel de eje | Clásico carrocería horizontal héroe central, vista previa lateral giratoria |
| Carrusel 3D | Vecinos apilados detrás de la imagen activa. |
| Carrusel de ruedas | Las imágenes se mueven a lo largo de una rueda curva |
rasgos de plantilla (familia del carrusel de ruta)
| Trago de la vida. | Opciones | Notas |
|---|---|---|
| Conto de flancos | 14 imágenes por lado | Más flancos = escenario más amplio (3, 5, 7 o 9 diapositivas visibles). Carrusel 3D puede mostrar menos Previews laterales en puertas de vista estrechas manteniendo el mismo tamaño del marco héroe. |
| Desdibujado de los flancos | 0–100% | Simula la profundidad de campo las vistas exteriores se suavizan, el centro permanece nítido |
| Rotar Y preset (sólo en el eje) | Sutil / audaz | ¿Cuánto ángulo de imágenes laterales en 3D |
| Rápido de rueda (sólo en ruedas) | Estrecho / ancho | Cuánto espacio horizontal ocupa la rueda |
| Perspectiva de la situación (sólo en ruedas) | Fuera / Dentro | Fuera de la casa. borde convexo, deslizamiento central más grande. En el interior. bol concave hacia el espectador; barril exterior las diapositivas son más grandes; el anillo puede apretarse en paisajes amplios para que los bordes no se acliven |
Luz de arco
| Template | ¿ Cuándo usarlo? |
|---|---|
| Carrusel de arco | Caminado curvo de las imágenes con un foco destacado |
Las características de la plantilla
| Trago de la vida. | Opciones |
|---|---|
| Modo de reflexión | En el arco. todas las cartas siguen la curva. Desprendimiento central la imagen activa se mueve a un centro de atención más grande. |
| Lado del arco | Izquierda / derecha que lado del escenario ocupa el arco |
Uso de carrusel del arco horizontal, y en el sentido de que la Sólo las proporciones de aspecto (4×3, 7×5, 16×9).
Ferrocarril de tuberías
| Template | ¿ Cuándo usarlo? |
|---|---|
| Ferrocarril de tuberías | Miniaturas comprimidas se expanden al héroe (mejor con cinco o más imágenes) |
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 en lugar de ampliar el tren indefinidamente.
Las características de la plantilla
| Trago de la vida. | Opciones | Notas |
|---|---|---|
| Escenario de duración | Estrecho / ancho | Es muy estrecho. ancho contenido; mejor para colecciones más pequeñas (hasta 20 las tiras visibles del paquete). Largo y largo. Ancho contenido de la galería; mejor para colecciones más grandes (hasta 40 Las bandas de paquete visibles). Hero expandir y la caja de paquete son las mismas; span establece ancho del lienzo y tamaño visible del tren. |
| Lado de ferrocarril | Izquierda / derecha | Envasar a la izquierda o derecha Héroes activos se expande en el lado opuesto |
Rápido y proporción de aspecto del héroe (carrusel de camino)
Carrusel de eje, Carrusel 3D, y Carrusel de ruedas Comparte uno caja de diapositivas heroes por colección:
| Ingreso | El efecto |
|---|---|
| Ratio de aspecto | Forma del marco para la diapositiva activa (y escala de coincidencia para las vistas preliminares lateral) |
| Ancho de puerto de vista | Caps de lo grande que el héroe puede crecer antes del diseño debe reducir la estructura. |
Las plantillas sólo cambian cómo se organizan los vecinos. Arco, profundidad de pila, anillo de rueda, escamas del flanco, borrado. Eje de los vehículos eléctricos de la. Rueda de la carretera o Carrusel 3D no debe cambiar el tamaño de impresión del héroe para la misma relación de aspecto.
Carrusel 3D ¿ Qué es? reducir el número de flancos visibles. En pantallas más pequeñas, las pilas laterales se ajustan sin reducir el héroe por debajo de lo que. Eje de los vehículos eléctricos y Rueda de la carretera ¿Qué es eso?
Video en galerías de movimiento
| Colección | En el escenario. | Una navegación más profunda. |
|---|---|---|
| Fotos y vídeos mezclados. | Las diapositivas de vídeo muestran un cartel de la ciudad y jugar a la insignia. | lightbox El comportamiento de clic reproduce el clip en la superposición. las páginas de detalles de fotos son solo para imágenes fijas. |
| Solo para vídeo. (cada artículo es un clip) | Activo. Descarga de diapositivas en línea Autoplay silenciado con controles compactos | Las diapositivas inactivas permanecen en el cartel hasta que se enfocan. Lightbox todavía aplica al segundo clic cuando está activado. |
Configure reproducción automática, silencioso y bucle para la reproducción de lightbox en Configuración de la lightbox del portafolio.
Configuración común (todas las plantillas)
Estos se aplican a la plantilla que seleccione.
| Configuración | Propósito |
|---|---|
| Juego automático | Avanza automáticamente las diapositivas |
| Intervalo de juego automático | 5, 8, o 12 segundos entre las diapositivas cuando se enciende la reproducción automática |
| Intensidad de la energía | Sutil y sutil., En equilibrio, o Es dramático. controla la energía de movimiento general (transiciones, profundidad y énfasis) sin exponer los deslizadores de animación en bruto |
| Duración de la transición | 300, 500 o 800 ms entre las diapositivas |
| Ratio de aspecto | Forma de marco para diapositivas Auto, Cuadrado, paisaje, ancho, opciones de retrato (tiplón puede limitar las opciones) |
| Display de metadatos | Capción de la página:, Título de la serie, Descripción de la situación, Capción + descripción, o Escondiéndose. de qué campos se trata. multimedia aparecen en el escenario (la ubicación varía según la plantilla; véase más adelante) |
| Tema de fondo | Sitio heredero, Luz, Oscuridad o Muto Galería de fondo detrás de la plantilla |
| El comportamiento de hacer clic | Página de fotos, lightbox, o No hay ninguna. ver más adelante |
Los parámetros de la pantalla
| - ¿ Qué? | El efecto |
|---|---|
| Muestra controles | Chevron anterior / siguiente en el escenario |
| En el mostrador. | Puntos de paso debajo del escenario |
| Muestra el progreso. | El punto activo se llena con el tiempo cuando la reproducción automática está en. |
| El bucle. | Después de la última diapositiva, regrese a la primera. |
| Habilitar deslizamiento | Toque arrastre en el móvil |
| Habilitar la rueda | Descarga horizontal avanza las diapositivas en el escritorio |
Colocación de metadatos (por plantilla)
Display de metadatos Selecciona qué mostrar (capción, título, descripción o combinaciones). Cada plantilla coloca la copia en una región fija para que el texto largo no rompa el diseño 3D:
| Familia de plantillas | Título / leyenda | Descripción |
|---|---|---|
| Eje de los vehículos eléctricos, Carrusel 3D, Rueda (exterior), Ferrocarril de tuberías | En la diapositiva activa (superposición) | Por debajo del escenario, bajo los puntos de paso. |
| Rueda (dentro) | Bajo el escenario | Bajo el escenario |
| Carrusel de arco | Columna lateral junto al foco; también en la superposición activa de azulejos para imágenes fijas (no videos) | Columna lateral junto al foco rollo dentro de la columna cuando largo; no cambia el tamaño de la galería |
| Barril de tuberías (barras miniaturas) | Escondido en bandas. | Sólo por debajo del escenario. |
Copia larga: Para el carrusel de camino y Ferrocarril de tuberías, las descripciones se sitúan en un banda fija debajo de los puntos del paso- Un mensaje largo. rollo dentro de esa banda. (sin pincha de línea) para que la altura del escenario se mantenga predecible. Carrusel de arco mantiene la altura del escenario fija en el lienzo de imagen rollos de descripción sobreflujo en la columna lateral.
Poblado. Capción de la página:, Título de la serie, y Descripción de la situación en cada expediente de la sección multimedia → editar el activo para que las plantillas de movimiento tengan texto para mostrar.
Clasificación de comportamiento y comercio
Motion respeta las banderas de colección que establezcas en otros lugares:
| Clic en el comportamiento | Requiere |
|---|---|
| Página de fotos | Habilitar la vista de páginas En el. Configuración → Visión de las cosas (Páginas de detalles en fotografía) |
| lightbox | lightbox habilitada para la recogida (Configuración de la lightbox del portafolio) |
| No hay ninguna. | Solo enfoque y navega No hay navegación con un segundo clic |
Modelo de interacción: primero haga clic en una imagen lateral enfoque el clic en la imagen activa (o presione Enter) se ejecuta con el comportamiento de click anterior.
Vídeos: Las imágenes fijas pueden abrir una página de detalles de fotos cuando estén activadas. Los vídeos nunca usan páginas de detalles fotográficos. uso lightbox para conjuntos mixtos, o depender de reproducción en línea cuando la colección es sólo para vídeo.
Lo que no está en el panel de instrumentos.
Mantener la distribución confiable en los tamaños reales de los portafolios, ArtInStack no No lo hace. exponer los deslizadores de animación de bajo nivel. Intensidad de la energía y los rasgos discretos anteriores son los controles soportados que mapean a presets probados sintonizados para colecciones de fotografías, proporciones mixtas de aspecto y recuentos típicos de imágenes.
Combinaciones sugeridas
| Objetivo | Template | También fijado |
|---|---|---|
| Los aspectos más destacados de la boda. | Carrusel del eje | Intensidad equilibrada; retrato o aspecto automático; clic en la página de fotos |
| Exposición de arte fino | Carrusel de arco | Desligamiento del centro; metadatos de la leyenda; intensidad sutil |
| Cuaderno de búsqueda con títulos largos | Ferrocarril de tuberías | Aspecto paisajístico o retrato; descripción visible; reproducción automática |
| Héroes de aterrizaje de la campaña. | Carrusel de ruedas | Largo alcance; Fuera de la casa. o En el interior. perspectiva; intensidad dramática; antecedentes de herencia del sitio |
| Sesión de revisión del cliente | Carrusel 3D | Desdibuja el flanco para la profundidad; comportamiento de clic en lightbox; desvío de bucle |
| Relón de boda (solo clips) | Carrusel del eje | Reproducción en línea solo para vídeo en la diapositiva activa; lightbox opcional para pantalla completa |
Pasos de ejecución
- Abriendo. portafolio → colección → Movimiento ¿Qué es eso?
- Encienda. Presentación de la moción.
- Seleccione una modelo de la selección.
- Se establece Intensidad de la energía, proporción de aspecto, visualización de metadatos, y comportamiento de clic.
- Ajusta el tiempo. rasgos del modelo Sólo para ese diseño.
- Salva, entonces. Previsión de la página web de la cabecera del centro de portafolio.
- Confirmarlo. Páginas de detalles en fotografía o Configuración de la lightbox del portafolio coincide con su comportamiento de clic.
Lo que ven sus visitantes.
La plantilla, rasgos y configuraciones comunes guardadas en el público /portfolio/{slug} página con la marca de su sitio, medios ordenados y fallbacks de accesibilidad cuando se solicita movimiento reducido.
Verificar su configuración.
- Presentación de la moción se ha activado y la plantilla correcta está seleccionada.
- Previsión coincide con el comportamiento en vivo después de guardar.
- La relación de aspecto se ajusta a su orientación dominante (serieles de retratos frente a amplios paisajes).
- Modelos de carrusel del camino (Eje de los vehículos eléctricos, 3D, Rueda de la carretera) mostrar el tamaño del marco de héroe igual cuando cambias plantillas sin cambiar la proporción de aspecto.
- El comportamiento de clic sólo abre la página de fotos o el lightbox cuando estas características están activadas Configuración / lightbox.
- Los puntos de reproducción automática y progreso se comportan como esperado en el escritorio y teléfono.