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.
Última actualización el
21/02/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
Aprenda a crear grupos de desplazamiento que se desplazan de forma independiente del resto de la mesa de trabajo.
Los grupos de desplazamiento en Adobe XD permiten definir áreas dentro de una mesa de trabajo que se desplazan independientemente del resto de la mesa de trabajo para crear efectos de desplazamiento horizontales o verticales. Los grupos de desplazamiento resultan prácticos para diseñar elementos de la interfaz de usuario, como carruseles de imágenes, reguladores de productos o mapas interactivos.
Continúe leyendo para aprender a utilizar grupos de desplazamiento horizontales, verticales y una combinación de ambos, horizontal y vertical en XD.
Antes de continuar
Asegúrese de estar familiarizado con los modos de diseño, prototipo y uso compartido en XD.
Limitación
Los grupos de desplazamiento no funcionan en las especificaciones de diseño. Como solución alternativa, agregue grupos de desplazamiento en una mesa de trabajo independiente y publíquelos como parte de las especificaciones de diseño.
Crear un efecto de desplazamiento horizontal
¿Desea crear un prototipo de carrusel con desplazamiento horizontal? Vea esta ilustración animada y siga los pasos para aprender a crear un efecto de desplazamiento horizontal.
- En el modo Diseño, seleccione los objetos que desea convertir en un grupo desplazable.
- Haga clic en el icono
del Inspector de propiedades. La ventana gráfica ajusta automáticamente sus dimensiones para proporcionar una experiencia de previsualización instantánea. También puede utilizar ⇧⌘H en macOS y Mayús + Ctrl + H en Windows para crear un efecto de desplazamiento horizontal.
- Para previsualizar el efecto de desplazamiento horizontal completo, seleccione .
Crear un efecto de desplazamiento vertical
¿Desea crear un prototipo del carrusel con desplazamiento vertical? Vea esta ilustración animada y siga estos pasos para aprender a crear un efecto de desplazamiento vertical.
- En el modo Diseño, seleccione los objetos que desea convertir en un grupo desplazable.
- Seleccione el icono
del Inspector de propiedades para desplazarse hacia arriba y hacia abajo. La ventana gráfica ajusta automáticamente sus dimensiones para proporcionar una experiencia de previsualización instantánea. También puede utilizar ⇧⌘V en macOS y Mayús + Ctrl + V en Windows para crear un efecto de desplazamiento vertical.
- Para previsualizar el efecto de desplazamiento vertical completo, seleccione .
Crear un efecto de desplazamiento horizontal y vertical
Una combinación de desplazamiento horizontal y efectos verticales resulta útil al crear objetos que le permiten desplazarse en todas las direcciones, como mapas interactivos. Vea esta ilustración animada y siga estos pasos.
- En el modo Diseño, seleccione los objetos que desea convertir en un grupo desplazable.
- Seleccione el icono
del Inspector de propiedades. La ventana gráfica ajusta automáticamente sus dimensiones para proporcionar una experiencia de previsualización instantánea. También puede utilizar ⇧⌘D en macOS y Mayús + Ctrl + D en Windows para crear una combinación de efectos de desplazamiento horizontal y vertical.
- Para previsualizar el efecto de desplazamiento horizontal y vertical completo, seleccione .
Más información
Para obtener más información sobre los grupos de desplazamiento horizontal y vertical en XD, vea este vídeo.
Duración: 6 minutos
Sugerencias y trucos
Ahora que sabe cómo crear efectos de desplazamiento horizontales y verticales en XD, aquí hay algunas sugerencias y trucos útiles:
- Al ver una vista previa del prototipo en Windows y la web, use la almohadilla táctil o la rueda del ratón y haga clic y arrastre para comprobar los efectos de desplazamiento horizontal y vertical.
- Con la vista previa en macOS, utilice la almohadilla táctil o la rueda del ratón y haga clic y arrastre para comprobar los efectos de desplazamiento horizontal y vertical.
- Combine grupos de desplazamiento con estados de componente y tipos de acciones como Superposición, Animación automática y Desplazarse a.
- Utilice el relleno para agregar mejores controles de desplazamiento para los grupos de desplazamiento.
- Utilice grupos de desplazamiento anidados cuando cree varios niveles de desplazamiento en los diseños.
¿Qué viene después?
Ya conoce la forma de efectos de desplazamiento horizontales y verticales. Dé un paso adelante y obtenga más información sobre cómo crear prototipos interactivos y compartirlos con diseñadores o partes implicadas para obtener comentarios.
¿Tiene alguna pregunta o idea?
