Guía del usuario Cancelar

Crear prototipos con teclado y mando de juego

  1. Guía del usuario de Adobe XD
  2. Introducción
    1. Novedades de Adobe XD
    2. Preguntas habituales
    3. Diseñar, crear prototipos y compartir con Adobe XD
    4. Gestión de color
    5. Requisitos del sistema
      1. Requisitos de hardware y software
      2. Adobe XD, Big Sur y Apple Silicon | macOS 11
    6. Conceptos básicos del espacio de trabajo
    7. Cambiar el idioma de la aplicación en Adobe XD
    8. Acceder a kits de diseño de interfaz de usuario
    9. Accesibilidad en Adobe XD
    10. Métodos abreviados de teclado
    11. Consejos y trucos
  3. Diseño
    1. Mesas de trabajo, guías y capas
      1. Empezar a usar mesas de trabajo
      2. Usar guías y cuadrículas
      3. Crear mesas de trabajo con desplazamiento
      4. Trabajar con capas
      5. Crear grupos de desplazamiento
    2. Formas, objetos y trazados
      1. Seleccionar, redimensionar y rotar objetos
      2. Mover, alinear, distribuir y organizar objetos
      3. Agrupar, bloquear, duplicar, copiar y voltear objetos
      4. Establecer el trazo, el relleno y las sombras paralelas de objetos
      5. Crear elementos repetidos
      6. Crear diseños en perspectiva con transformaciones 3D
      7. Editar objetos utilizando operaciones booleanas
    3. Texto y fuentes
      1. Trabajar con herramientas de dibujo y texto
      2. Fuentes en Adobe XD
    4. Componentes y estados
      1. Trabajar con componentes
      2. Trabajar con componentes anidados
      3. Añadir varios estados a componentes
    5. Máscaras y efectos
      1. Crear una máscara con formas
      2. Usar efectos de desenfoque
      3. Crear y modificar degradados
      4. Aplicar efectos de mezclas
    6. Maquetación
      1. Redimensionado interactivo y restricciones
      2. Establecer relleno fijo para componentes y grupos
      3. Crear diseños dinámicos con pilas
    7. Vídeos y animaciones de Lottie
      1. Cómo usar los vídeos
      2. Crear prototipos mediante vídeos
      3. Usar animaciones de Lottie
  4. Prototipo
    1. Crear prototipos interactivos
    2. Animar prototipos
    3. Propiedades de objetos compatibles con la animación automática
    4. Crear prototipos con teclado y mando de juego
    5. Crear prototipos utilizando comandos de voz y reproducción
    6. Crear transiciones temporizadas
    7. Añadir superposiciones
    8. Diseñar prototipos de voz
    9. Crear vínculos de anclaje
    10. Crear hipervínculos
    11. Previsualizar diseños y prototipos
  5. Compartir, exportar y revisar
    1. Compartir mesas de trabajo seleccionadas
    2. Compartir diseños y prototipos
    3. Establecer permisos de acceso de vínculos
    4. Usar prototipos
    5. Revisar prototipos
    6. Trabajar con especificaciones de diseño
    7. Compartir especificaciones de diseño
    8. Inspeccionar especificaciones de diseño
    9. Controles de las especificaciones de diseño
    10. Revisar y comentar especificaciones de diseño
    11. Exportar activos de diseño
    12. Exportar y descargar activos de especificaciones de diseño
    13. Grupos compartidos para empresas
    14. Hacer copias de seguridad de recursos de XD o transferirlos
  6. Sistemas de diseño
    1. Sistemas de diseño con Bibliotecas Creative Cloud
    2. Trabajar con activos de documentos en Adobe XD
    3. Trabajar con Bibliotecas Creative Cloud en Adobe XD
    4. Migrar activos vinculados a Bibliotecas Creative Cloud
    5. Trabajar con tokens de diseño 
    6. Usar activos de Bibliotecas Creative Cloud
  7. Documentos en la nube
    1. Documentos en la nube en Adobe XD
    2. Colaborar y coeditar diseños
    3. Coeditar documentos que compartan con usted
  8. Integraciones y complementos
    1. Trabajar con activos externos
    2. Trabajar con activos de diseño de Photoshop
    3. Copiar y pegar activos desde Photoshop
    4. Importar o abrir diseños de Photoshop
    5. Usar activos de Illustrator en Adobe XD
    6. Abrir o importar diseños de Illustrator
    7. Copiar vectores de Illustrator en XD
    8. Complementos para Adobe XD
    9. Crear y administrar complementos
    10. Integración de Jira para XD
    11. Complemento Slack para XD
    12. Complemento Zoom para XD
    13. Publicar diseño de XD en Behance
  9. XD para iOS y Android
    1. Vista previa en dispositivos móviles
    2. Preguntas frecuentes de Adobe XD para dispositivos móviles
  10. Solución de problemas
    1. Problemas conocidos y resueltos
      1. Problemas conocidos
      2. Problemas resueltos
    2. Instalación y actualizaciones
      1. XD aparece como incompatible en Windows
      2. Código de error 191
      3. Código de error 183
      4. Problemas al instalar complementos de XD
      5.  Solicitud para desinstalar y volver a instalar XD en Windows 10
      6. Problemas con la migración de preferencias
    3. Inicio y cierre inesperado
      1.  XD se cierra al iniciar la aplicación en Windows 10
      2.  XD se cierra al cerrar sesión en Creative Cloud
      3. Problema con el estado de suscripción en Windows
      4. Aviso de aplicación bloqueada al iniciar XD en Windows
      5. Generación de volcados de fallos en Windows
      6. Recopilación y uso compartido de registros de errores
    4. Documentos en la nube y bibliotecas Creative Cloud
      1. Problemas con documentos en la nube de XD
      2. Problemas con componentes vinculados
      3. Problemas con bibliotecas y enlaces
    5. Crear prototipos, publicar y revisar
      1. No se pueden grabar interacciones de prototipos en macOS Catalina
      2. Problemas con flujos de trabajo de publicación
      3. Los vínculos publicados no aparecen en los navegadores
      4. Los prototipos no se renderizan correctamente en los navegadores.
      5. El panel de comentarios aparece repentinamente en los vínculos compartidos
      6. No es posible publicar bibliotecas
    6. Importar, exportar y usar otras aplicaciones
      1. Importar y exportar en XD
      2. Archivos de Photoshop en XD
      3. Archivos de Illustrator en XD
      4. Exportar a After Effects desde XD
      5. Archivos de Sketch en XD
      6. Aplicaciones de terceros que no aparecen en Exportar

Obtenga información sobre cómo crear prototipos usando el teclado y el mando de juego como desencadenadores.

desencadenadores de teclado y mando de juego

Adobe XD permite usar métodos abreviados de teclado y desencadenadores de mando de juego para simular aplicaciones de escritorio nativas y crear prototipos de experiencias o diseños de juego enriquecidos. Al conectar un prototipo, puede seleccionar Teclas y mando de juego en la lista desplegable Desencadenante y asignar cualquier tecla. Entonces podrá reproducir o grabar estas animaciones en la ventana de vista previa, un navegador web o aplicaciones móviles y compartirlas con los interesados para revisiones colaborativas. Esto le ayudará a contar mejor la historia del prototipo, a la vez que agrega una capa enriquecida a la experiencia general del usuario.

Puede elegir Teclas y mando de juego para:

  • Conectar un objeto individual o una mesa de trabajo a otra mesa de trabajo.
  • Conectar dos estados del componente.
  • Conectar un estado del componente a otra mesa de trabajo.
  • Reproducir voz, audio, vídeo o Lottie.

Trabajar con desencadenadores de teclado

Al crear prototipos de determinadas aplicaciones de escritorio, accesibilidad, accesos directos o juegos, es necesario un teclado para interactuar con el prototipo. En el prototipo, utilice atajos de teclado como desencadenadores para la transición entre pantallas o estados de componentes, o reproduzca voz, audio, vídeo o Lottie.

Al conectar un prototipo, seleccione Teclas y mando de juego. A continuación, presione cualquier tecla del teclado para asignarla como desencadenador a un objeto individual, un estado del componente o a toda una mesa de trabajo. Esto significa que puede tener varios desencadenadores de la misma mesa de trabajo.

desencadenador de teclado
Desencadenadores de teclado

A. Desencadenador configurado para método abreviado de teclado B. Tecla de método abreviado de teclado C. Acción establecida en animación automática. D. Mesa de trabajo de destino o estado del componente 

También puede combinar una tecla con un modificador para definir los desencadenadores, utilizando métodos abreviados de teclado, como CMD S y CTRL R. No puede usar la barra espaciadora ni otras teclas al nivel del sistema, como las de función, suspensión, volumen y encendido. Al asignar desencadenadores múltiples con el mismo método abreviado de teclado en la misma mesa de trabajo, el último desencadenador es el que se asigna y será el desencadenador en las vistas previas.

Trabajar con desencadenadores de mando de juego

La mejor manera de probar un prototipo de juego es usar el hardware del mando de juego real. En el prototipo, utilice mandos de juego como desencadenadores para la transición entre pantallas o estados de componentes, o reproduzca voz, audio, vídeo o Lottie. Luego, interactúe con el prototipo en un reproductor de escritorio o un navegador web usando un controlador de mando de juegos conectado.

Conecte un mando de Xbox (Series X/S o One) a través de Bluetooth o un mando de PlayStation (DualSense o DualShock 4) a través de Bluetooth o USB y seleccione Teclas y mando de juego. Luego, puede pulsar cualquier tecla del mando de juego conectado para asignarla como desencadenador a un objeto concreto, un estado del componente o a toda una mesa de trabajo.

Desencadenador de mando de juego
Desencadenadores de mando de juego

A. Seleccionar desencadenador de mando de juego B. Tecla de método abreviado de mando de juego C. Acción establecida en animación automática. D. Mesa de trabajo de destino o estado del componente 

 Asegúrese de utilizar el mismo mando para diseñar y previsualizar el prototipo. Por ejemplo, puede probar un prototipo con un mando de Xbox en el escritorio o la Web si el prototipo se hubiera diseñado usando un mando de Xbox.

Aplicación móvil y experiencia móvil web

XD admite teclados y mandos de juego en la aplicación de vista previa de escritorio y los prototipos web. Si previsualiza el prototipo en una aplicación móvil o un navegador móvil, puede tocar para realizar la transición entre mesas de trabajo (ya que no estaría unido ningún dispositivo de teclado ni de mando de juego).

Mandos de juego y navegadores compatibles

Compatibilidad con USB y Bluetooth:

Mando

Mac (USB)

Mac (Bluetooth)

Win (USB)

Win (Bluetooth)

Xbox (Series X/S, One)

No

PlayStation (DualSense, DualShock 4)  

Compatibilidad con navegadores:

Mando

Chrome (Mac)

Chrome (Windows)

Edge Chromium (Mac)

Edge Chromium (Windows)

Edge (versión antigua)

IE

Firefox (Mac y Windows)

Safari

Xbox (USB)

No

No

No

No

No

No

Xbox (Bluetooth)


No

No

No

No

PlayStation (USB)



No

No

No

No recomendado

PlayStation (Bluetooth)


No

No

No

No recomendado

Crear prototipos usando teclas de teclado o mando de juego

  1. Cambie a la pestaña Prototipo.

  2. Para definir una interacción, haga clic en el conector azul del objeto de origen, el estado del componente o la mesa de trabajo. Establezca las siguientes opciones en el Inspector de propiedades:

    • Desencadenante: establezca el tipo de desencadenador en Teclas y mando de juego y seleccione cualquier tecla del teclado de un mando de juego para asignar un desencadenador, excepto la barra espaciadora y otras teclas de nivel del sistema, como las de función, suspensión, volumen y encendido.
    • Tipo: seleccione cualquiera de los tipos de acción disponibles: TransiciónAnimación automáticaSuperposiciónDesplazarse aMesa de trabajo anteriorReproducción de audioReproducción de voz, Reproducción de vídeo o Reproducción de Lottie.
    • Destino: establezca la mesa de trabajo de destino o el estado del componente en la lista desplegable (no aplicable para algunos tipos de acción).

    Una vez que se elija el tipo de acción, configure las opciones específicas para dicho tipo de acción.

  3. Para definir más de una interacción para un objeto, estado del componente o mesa de trabajo:

    1. Selecciónelo y haga clic en el botón + en la mesa de trabajo. También puede hacer clic en el botón + en el Inspector de propiedades.
    2. Establezca las propiedades en el Inspector de propiedades.

     Recuerde que puede aplicar los desencadenadores de Pulsar, Arrastrar, Pasar el ratónHora una vez y VozTeclas y mando de juego muchas veces. 

    1

  4. Para obtener una vista previa de los cambios en el escritorio, seleccione el icono Vista previa de escritorio

  5. Para compartir su prototipo con los interesados en la aplicación de escritorio de XD, seleccione Compartir > Ver configuración > Revisión de diseñoDesarrollo.

Temas relacionados

 Adobe

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

¿Nuevo usuario?