En mesas de trabajo preestablecidas: Arrastre hacia abajo el punto más bajo de la mesa de trabajo para aumentar su longitud más que la pantalla del dispositivo. Una línea de puntos indica el inicio del contenido desplazable.
Última actualización el
21 feb. 2023
- Guía del usuario de Adobe XD
- Introducción
- Novedades de Adobe XD
- Preguntas habituales
- Diseñar, crear prototipos y compartir con Adobe XD
- Gestión de color
- Requisitos del sistema
- Conceptos básicos del espacio de trabajo
- Cambiar el idioma de la aplicación en Adobe XD
- Acceder a kits de diseño de interfaz de usuario
- Accesibilidad en Adobe XD
- Métodos abreviados de teclado
- Consejos y trucos
- Diseño
- Mesas de trabajo, guías y capas
- Formas, objetos y trazados
- Seleccionar, redimensionar y rotar objetos
- Mover, alinear, distribuir y organizar objetos
- Agrupar, bloquear, duplicar, copiar y voltear objetos
- Establecer el trazo, el relleno y las sombras paralelas de objetos
- Crear elementos repetidos
- Crear diseños en perspectiva con transformaciones 3D
- Editar objetos utilizando operaciones booleanas
- Texto y fuentes
- Componentes y estados
- Máscaras y efectos
- Maquetación
- Vídeos y animaciones de Lottie
- Prototipo
- Crear prototipos interactivos
- Animar prototipos
- Propiedades de objetos compatibles con la animación automática
- Crear prototipos con teclado y mando de juego
- Crear prototipos utilizando comandos de voz y reproducción
- Crear transiciones temporizadas
- Añadir superposiciones
- Diseñar prototipos de voz
- Crear vínculos de anclaje
- Crear hipervínculos
- Previsualizar diseños y prototipos
- Compartir, exportar y revisar
- Compartir mesas de trabajo seleccionadas
- Compartir diseños y prototipos
- Establecer permisos de acceso de vínculos
- Usar prototipos
- Revisar prototipos
- Trabajar con especificaciones de diseño
- Compartir especificaciones de diseño
- Inspeccionar especificaciones de diseño
- Controles de las especificaciones de diseño
- Revisar y comentar especificaciones de diseño
- Exportar activos de diseño
- Exportar y descargar activos de especificaciones de diseño
- Grupos compartidos para empresas
- Hacer copias de seguridad de recursos de XD o transferirlos
- Sistemas de diseño
- Documentos en la nube
- Integraciones y complementos
- Trabajar con activos externos
- Trabajar con activos de diseño de Photoshop
- Copiar y pegar activos desde Photoshop
- Importar o abrir diseños de Photoshop
- Usar activos de Illustrator en Adobe XD
- Abrir o importar diseños de Illustrator
- Copiar vectores de Illustrator en XD
- Complementos para Adobe XD
- Crear y administrar complementos
- Integración de Jira para XD
- Complemento Slack para XD
- Complemento Zoom para XD
- Publicar diseño de XD en Behance
- XD para iOS y Android
- Solución de problemas
- Problemas conocidos y resueltos
- Instalación y actualizaciones
- Inicio y cierre inesperado
- XD se cierra al iniciar la aplicación en Windows 10
- XD se cierra al cerrar sesión en Creative Cloud
- Problema con el estado de suscripción en Windows
- Aviso de aplicación bloqueada al iniciar XD en Windows
- Generación de volcados de fallos en Windows
- Recopilación y uso compartido de registros de errores
- Documentos en la nube y bibliotecas Creative Cloud
- Crear prototipos, publicar y revisar
- No se pueden grabar interacciones de prototipos en macOS Catalina
- Problemas con flujos de trabajo de publicación
- Los vínculos publicados no aparecen en los navegadores
- Los prototipos no se renderizan correctamente en los navegadores.
- El panel de comentarios aparece repentinamente en los vínculos compartidos
- No es posible publicar bibliotecas
- Importar, exportar y usar otras aplicaciones
Descubra cómo crear mesas de trabajo con desplazamiento.
Cuando crea un diseño de XD, a veces una mesa de trabajo no es lo suficientemente larga para adaptarse al contenido. Al alargar una mesa de trabajo y elegir opciones basadas en sus necesidades de diseño, puede desplazar verticalmente una mesa de trabajo para adaptarse a diferentes tamaños de dispositivos.
El desplazamiento vertical ayuda a simular efectos de desplazamiento al diseñar listas desplegables o sitios web. Sin embargo, puede utilizar grupos de desplazamiento para agregar un nuevo nivel de interacción al diseñar interfaces, mapas y galerías de imágenes horizontales de varios paneles.
Crear un desplazamiento vertical
-
Línea de puntos y contenido desplazable
Línea de puntos y contenido desplazable -
En el modo Diseño, seleccione las siguientes opciones en el Inspector de propiedades:
- Desplazamiento: seleccione Vertical o Ninguno.
- Fijar posición al desplazarse: seleccione esta opción para fijar los elementos de diseño en una posición fija y así evitar el desplazamiento con el contenido.
- Altura de ventana gráfica: especifique la altura de la ventana gráfica a través de la cual puede ver la mesa de trabajo.
Puede aplicar un efecto de desplazamiento vertical para mover el contenido de la mesa de trabajo hacia arriba y hacia abajo.
Desplazamiento vertical en una mesa de trabajo
Desplazamiento vertical en una mesa de trabajo -
Cablee las mesas de trabajo en el modo de prototipo.
-
En el modo Prototipo, seleccione las siguientes opciones en el Inspector de propiedades:
- Preservar posición de desplazamiento: realiza la transición a la siguiente mesa de trabajo a la vez que mantiene la posición de la mesa de trabajo anterior. Vea esta publicación de Twitter para obtener más detalles.
- Fijar posición al desplazarse: fija los elementos de diseño en una posición fija para evitar el desplazamiento con el contenido.
Preservar posición de desplazamiento
Preservar posición de desplazamiento 
Fijar posición al desplazarse
Fijar posición al desplazarse -
Para previsualizar la mesa de trabajo, seleccione Vista previa de escritorio . Arrastre la ventana de vista previa para ver el desplazamiento vertical.
Ejemplos y archivos de muestra
¿Desea trabajar con mesas de trabajo predefinidas para crear una lista vertical desplegable y desplazable?
- Use la herramienta Seleccionar para hacer clic en el nombre de la mesa de trabajo o arrastrar por las mesas de trabajo. También puede hacer clic en el nombre de una mesa de trabajo en el panel Capas para seleccionarla en la ventana Documento.
- Para alargar la mesa de trabajo seleccionada, arrastre hacia abajo el punto inferior de la mesa de trabajo. Una línea de puntos indica la altura original de la mesa de trabajo.
- Puede obtener una vista previa del desplazamiento en una mesa de trabajo directamente en XD, usando la opción Vista previa de escritorio.
Descargue los archivos de muestra y pruébelos o vea este vídeo para obtener más información.
Duración: 1 minuto.
A medida que va creando sus diseños para escritorio o dispositivos móviles, ¿le gustaría ver partes del sitio web solo cuando se desplazan y fijar los elementos de diseño sin que floten? Vea este vídeo para obtener más información sobre mesas de trabajo con desplazamiento y elementos fijados.
Duración: 1 minuto.
También puede acceder a la comunidad de XD para consultar más tutoriales y archivos de muestra.
Consejos y trucos
Para crear efectos de desplazamiento horizontal en los diseños, use grupos de desplazamiento. Los grupos de desplazamiento le permiten crear prototipos de ventanas de contenido que se pueden desplazar horizontalmente, verticalmente o en ambas direcciones.
Recursos relacionados
¿Tiene alguna pregunta o idea?
Si tiene alguna pregunta que hacer o una idea que compartir, venga y participe en la Comunidad de Adobe XD. Nos gustaría conocer sus comentarios y ver sus creaciones.
Adobe MAX
La conferencia de creatividad
Del 14 al 16 de octubre en Miami Beach y en línea
Adobe MAX
La conferencia de creatividad
Del 14 al 16 de octubre en Miami Beach y en línea