Guía del usuario Cancelar

Añadir superposiciones

Descubra cómo añadir superposiciones para simular efectos de deslizamiento interactivos.

Adobe XD le permite apilar contenido sobre otra mesa de trabajo, en lugar de duplicarlo en múltiples mesas de trabajo para simular efectos como listas desplegables, teclados deslizantes y más. 

El teclado aparece como una superposición en la mesa de trabajo
El teclado aparece como una superposición en la mesa de trabajo

  1. En el modo Diseño, seleccione una mesa de trabajo de origen y otra que la superponga. Puede volver a utilizar una mesa de trabajo de superposición varias veces.

  2. En el modo Prototipo, arrastre y suelte el conector de la mesa de trabajo de origen a la mesa de trabajo con el contenido de superposición. Haga clic en el conector para ver el panel Interacción que aparece en Inspector de propiedades y configure las siguientes opciones:

    • Desencadenante: seleccione una opción.
    • Acción: seleccione Superposición. Si desea asignar dos acciones en un solo activador, como Tocar, cambie el botón de la primera Acción + + en el Inspector de propiedades por Superposición y cambie el botón de la segunda Acción + por una acción sin transición como Reproducción de audio o Reproducción de voz.
    • Animación: seleccione el tipo de animación. Si selecciona Deslizar hacia arriba o Deslizar hacia abajo, XD colocará automáticamente la superposición en el borde de la mesa de trabajo de origen.
    • Suavizado: seleccione una opción para simular efectos de suavizado.
    • Duración: introduzca la duración. El tiempo máximo que puede establecer para la transición entre dos mesas de trabajo es de cinco segundos.
    Añadir teclado como superposición en la mesa de trabajo de origen
    Añadir teclado como superposición en la mesa de trabajo de origen

  3. Para ajustar la posición de una superposición en la mesa de trabajo de origen, haga clic en el botón de posición verde (+), arrástrelo y suéltelo.

  4. Para previsualizar superposiciones en los navegadores compatibles, haga clic en 

Superposiciones anidadas

Adobe XD no admite superposiciones anidadas en las que una superposición se aplica sobre otra superposición. En estos casos, cuando se conecta la primera mesa de trabajo de superposición a otra mesa de trabajo, la transición de la primera superposición se produce antes de la transición de la segunda. 

Ejemplos y archivos de muestra

También puede acceder a la comunidad de XD para consultar más tutoriales y archivos de muestra.

Temas relacionados

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?