Guía del usuario Cancelar

Trabajar con prototipos compartidos en XD

  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. Requisitos del sistema
      1. Requisitos de hardware y software
      2. Adobe XD, Big Sur y Apple Silicon | macOS 11
    5. Conceptos básicos del espacio de trabajo
    6. Cambiar el idioma de la aplicación en Adobe XD
    7. Acceder a kits de diseño de interfaz de usuario
    8. Accesibilidad en Adobe XD
    9. Métodos abreviados de teclado
    10. Consejos y trucos
    11. Opciones de suscripción de Adobe XD
    12. Cambios en el plan de inicio de XD
  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
  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

Conozca cómo trabajar con prototipos compartidos en XD.

prototipos

Adobe XD propicia una fácil colaboración entre los diseñadores y los revisores de prototipos compartidos. Como revisor, puede trabajar con los prototipos de las siguientes maneras:

Para empezar, hay que familiarizarse con los ajustes y las opciones de los vínculos de los prototipos.

Conocer los ajustes y las opciones

En el vínculo del prototipo, puede revisar la configuración de la cuenta, ajustar la configuración del zoom, consultar las notificaciones e invitar a otras partes interesadas:

interactuar con prototipos

A. Invitar B. Configuración de zoom C. Modo de pantalla completa D. Asistencia y comentarios E. Notificaciones F. Configuración de la cuenta 

  • Invitar: Para invitar a otras partes interesadas al vínculo del prototipo, haga clic en Invitar. Al invitar a una parte interesada, podrá elegir el nivel de acceso en Puede ver o Puede compartir. Deberá iniciar sesión en su cuenta de Adobe para poder ver el botón Invitar.
  • Configuración del zoom: Para acercar y alejar la vista en el vínculo de un prototipo, utilice los ajustes del zoom. Puede seleccionar diversos aumentos de zoom predefinidos: 25 %, 50 %, 75 %, 100 %, 150 % o 200 %, según sea necesario. Como alternativa, puede usar el gesto de pellizcar para hacer zoom con el panel táctil o mantener pulsada la tecla Cmd/Ctrl y usar la rueda del ratón para desplazarse y elegir aumentos más pequeños. El nivel de zoom predeterminado con el que se abran los vínculos del prototipo será el mismo que antes.
  • Modo de pantalla completa: Haga clic en el icono de pantalla completa para ver el prototipo en modo de pantalla completa. Pulse Esc para salir del modo de pantalla completa.
  • Asistencia y comentarios: En cualquier momento, si quiere consultar ayuda o enviar comentarios, haga clic en el icono del signo de interrogación.
  • Notificaciones: Para ver todas las actividades o notificaciones relativas a los prototipos en los que esté trabajando, haga clic en el icono de la campana. 
  • Configuración de la cuenta: Para ver los detalles de la cuenta de usuario, haga clic en el icono del perfil.

Interactuar con prototipos

Los prototipos compartidos son de naturaleza interactiva. Puede interactuar con un prototipo mediante el uso de activadores. Use los activadores que defina el diseñador, como tocar, arrastrar, teclado, mando y entradas de voz, que dan como resultado acciones como transiciones, audio, voz, vídeo y reproducciones de Lottie. También puede utilizar los controles de desplazamiento de la parte inferior de la pantalla.

Cuestiones a las que prestar atención

  • Si la pantalla de carga del vínculo del prototipo incluye un vídeo que se ha elegido para reproducirse automáticamente, el vídeo siempre tendrá el sonido silenciado. Haga clic en Activar sonido en el mensaje que le salga en la parte inferior de la pantalla.
  • [Solo Safari] La reproducción automática de sonido está deshabilitada en Safari de forma predeterminada. Para activar la reproducción automática de sonido en vínculos de prototipos de XD, consulte Habilitar la reproducción automática de sonido en Safari. Si habilita la reproducción automática de los vínculos del prototipo en XD, no tendrá que activar más el sonido del vídeo. 

Para saber cómo funciona el vídeo con otras interacciones, consulte Conocer las interacciones y las acciones de reproducción de vídeo.

Activar sonido de vídeo
Haga clic en Activar sonido en el banner azul que aparece en la parte de abajo de la pantalla

Opciones de control de los prototipos

  • En la parte inferior del prototipo, puede hacer clic en los botones de control de flecha izquierda y derecha para moverse por las mesas de trabajo del mismo. Haga clic en Inicio para volver a la vista de la primera mesa de trabajo.
  • Al hacer clic en un comentario en la aplicación del navegador, la mesa de trabajo correspondiente a ese comentario aparecerá en la pantalla. 
  • Para crear un entorno más controlado para las pruebas de usuario en prototipos con cables, puede ocultar los controles de paginación y navegación del prototipo web.

Para ello, seleccione Compartir > Ver configuración > Personalizado > Mostrar control de navegación al crear vínculos en XD. Para obtener más información, consulte Compartir prototipos.

Si los controles de navegación son:

  • Activado (configuración predeterminada): la aplicación web del prototipo muestra los botones Inicio, Volver y Siguiente.
  • Deshabilitado: los controles de navegación de la aplicación web del prototipo y los números de las mesas de trabajo no son visibles. Puede usar los puntos importantes definidos para interactuar con los prototipos y hacer clic en el botón Inicio para navegar a la pantalla de inicio. Al abrir un prototipo en un dispositivo móvil, podrá ver la pantalla de bienvenida, las flechas de desplazamiento izquierda y derecha estarán ocultas y el gesto de deslizamiento estará deshabilitado.
Controles de navegación habilitados
Controles de navegación habilitados

A. Inicio B. Mesa de trabajo anterior C. Mesa de trabajo siguiente 

Controles de navegación deshabilitados
Controles de navegación deshabilitados

Si los flujos de los prototipos tienen cables, puede elegir mostrar los controles de navegación al publicar los prototipos.

Vista de cuadrícula

La Vista de cuadrícula en prototipos y especificaciones de diseño facilita a los interesados o desarrolladores navegar rápidamente hasta la mesa de trabajo más relevante.

Para cambiar a Vista de cuadrícula, haga clic en el nombre del vínculo o en el icono de cuadrícula de la esquina superior derecha del prototipo compartido. 

Vista de cuadrícula

A. Icono de cuadrícula con el nombre del vínculo B. Contraer el panel de comentarios 

En Vista de cuadrícula, puede hacer lo siguiente:

  • Ver la representación en miniatura de todas las pantallas,
  • Contar los comentarios de una mesa de trabajo determinada,
  • Buscar una mesa de trabajo en particular por su nombre y
  • Hacer clic en el icono de la pantalla vinculada para ver todas las pantallas vinculadas para una mesa de trabajo determinada.
vista de cuadrícula-desglose
Vista de cuadrícula

A. Número de comentarios en una mesa de trabajo B. Haga clic en el icono de pantalla vinculada para ver las pantallas vinculadas C. Pantallas vinculadas de las primeras tarjetas de la mesa de trabajo 

Añadir comentarios

Puede revisar los prototipos y compartir impresiones con los diseñadores, añadiendo comentarios sobre los prototipos compartidos. El vínculo del prototipo siempre estará al día con los últimos comentarios.

Requisitos previos

Puede hacer comentarios sobre diseños y prototipos públicos sin iniciar sesión en la primera instancia. 

Puede iniciar sesión con su Adobe ID o hacer comentarios como invitado. Para iniciar sesión como invitado, haga clic en Iniciar sesión como invitado en la parte superior del panel. Cuando se le solicite facilitar un nombre, escriba uno e introduzca el código CAPTCHA.

  • Puede escribir sus comentarios en la sección Hacer un comentario. Pulse las teclas Intro o Mayús + Intro para introducir una nueva línea en el cuadro de comentarios y las teclas Ctrl/Cmd + Intro para Enviar el comentario añadido.
  • Una vez añadidos los comentarios, seleccione la opción  junto al hilo de comentarios para ResolverEditarEliminar sus comentarios. Tenga en cuenta no obstante que no podrá editar ni eliminar los comentarios añadidos por otros usuarios.
  • Active el botón deslizante Todos los comentarios en pantalla de la esquina inferior izquierda del panel de comentarios para ver en una única vista todos los comentarios añadidos en varias mesas de trabajo. El botón deslizante está activado de forma predeterminada en vínculos publicados de especificaciones de diseño o prototipos.
  • Haga clic en para ocultar anotaciones o chinchetasutilice el icono para filtrar los comentarios según los nombres de los revisores, la hora o el estado de los comentarios. 
  • El resaltado azul a la izquierda indica que son comentarios para la mesa de trabajo actual. Hacer clic en un conjunto de comentarios no relativo a la mesa de trabajo actual le llevará a esa mesa de trabajo, para establecer primero el contexto. 
  • El número 3 en la parte superior del icono de notificaciones de la esquina superior derecha del panel de comentarios señala los comentarios no resueltos en las diversas mesas de trabajo.

 

Funciones de comentario
Funciones de comentario

A. Opción Invitar B. Configuración de zoom C. Modo de pantalla completa D. Asistencia y comentarios E. Notificaciones F. Perfil de usuario G. Opciones de menú de comentarios H. Filtrar comentarios I. Ocultar anotaciones J. Botón deslizante Todos los comentarios en pantalla 

Filtrar comentarios
Filtrar comentarios

A. Filtrar comentarios por revisores  B. Filtrar comentarios por tiempo  C. Filtrar comentarios por estado  D. Borrar un filtro añadido E. Ver un filtro añadido 

  • También puede reproducir animaciones o grabaciones que formen parte de cualquier prototipo compartido y agregar sus comentarios a medida que las vaya reproduciendo. 
  • Utilice mención por @ al añadir comentarios para ver la lista de los demás revisores de un prototipo. Si utiliza esta opción, el otro revisor recibirá una notificación por correo y desde la aplicación de escritorio de Creative Cloud. Al hacer clic en la notificación, se le redirigirá a la mesa de trabajo correspondiente.

 Cuando se elimina una mesa de trabajo en XD, los comentarios web de la mesa de trabajo dejan de estar disponibles.

Para obtener más información, consulte Revisar prototipos

Siga estos pasos para usar un navegador móvil en modo vertical para añadir comentarios a prototipos compartidos en dispositivos móviles Android o iOS:

  1. Abra un prototipo compartido en el navegador móvil y use el gesto de pellizcar para abrir el modo de navegación.

    Aparecerá un icono de comentario junto con el número de comentarios sobre ese prototipo. El icono de comentario aparece solo cuando el propietario activa la opción de comentar sobre el prototipo. 

    Pellizcar para activar los controles

  2. Para ver el panel de comentarios, toque el icono de comentarios. En este panel, puede añadir un comentario, eliminar o editar comentarios existentes o fijar un comentario. 

    panel de comentarios

  3. Toque el icono de chincheta y luego toque en cualquier lugar de la pantalla para colocar el marcador de chincheta. Para enviar el comentario y la chincheta, escriba el comentario y toque el icono del avión de papel. 

    Marcador de fijado

Logotipo de Adobe

Inicia sesión en tu cuenta