- 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 navegar por diferentes vistas de los vínculos de especificaciones de diseño.
El vínculo de compartir para desarrollo se ha enriquecido, incluyendo información del prototipo interactivo junto con especificaciones de diseño. Haga clic en el icono de alternancia Ver especificaciones del vínculo compartido para alternar entre Vista de especificaciones de diseño y Vista de prototipo. La nueva experiencia ofrece las siguientes ventajas:
- Ahora, los diseñadores pueden comunicar de manera eficiente sus intenciones de diseño y facilitar todos los recursos que necesitan los desarrolladores con un único vínculo compartido.
- Los desarrolladores pueden comprender mejor las interacciones y los comportamientos previstos, además de ahorrar tiempo evitando cambiar constantemente entre vínculos independientes de prototipos y de especificaciones de diseño.
- Los desarrolladores pueden cambiar fácilmente entre la vista de cuadrícula y la de flujo para ver las especificaciones del diseño.
Vista de cuadrícula y vista de flujo
Para obtener una vista holística de tu flujo de diseño con toda la información del diseño de la mesa de trabajo, puedes cambiar entre las vistas de Cuadrícula y Flujo.
Eficiente para navegar, la vista de Cuadrícula es un formato de cuadrícula simple de la información de diseño de la mesa de trabajo donde al igual que la vista de Flujo mantiene el diseño de la mesa de trabajo y su arquitectura.
Para navegar por la vista deCuadrícula predeterminada, haz clic en el nombre del vínculo o en el icono de la cuadrícula situado en la esquina superior izquierda. Para cambiar entre vista de Cuadrícula y vista de Flujo, haz clic en el icono de la vista de Flujo situado en la esquina superior izquierda de la pantalla.
En la vista de Flujo, puedes:
- Comunicar el diseño y la jerarquía de organización y
- Pasar sobre una mesa de trabajo para ver sus mesas de trabajo vinculadas.
En la vista de Cuadrícula, puedes:
- Ver la representación en miniatura de todas las pantallas,
- Numerar los comentarios de una mesa de trabajo determinada,
- Buscar una mesa de trabajo en particular por su nombre y
- Ver las pantallas vinculadas para una mesa de trabajo determinada.
Comparte tus comentarios sobre la nueva experiencia usando Voz del usuario de Adobe XD.
Vista de especificaciones
La vista de especificaciones muestra los detalles de la mesa de trabajo, los colores, los estilos de carácter y los destinos utilizados. Puede utilizar la flecha plegable para expandir y contraer secciones individuales.
En el panel Propiedades, puede ver:
- Detalles de la mesa de trabajo, colores exclusivos y estilos de carácter utilizados en dicha mesa de trabajo, así como la mesa de trabajo de destino a la que están vinculados.
- Fragmentos de código CSS para que sus desarrolladores de diseños puedan copiar y pegar directamente en su código.
- Instancias en las que se han utilizado los colores y estilos de carácter cuando desplaza el puntero
- Códigos de color hexadecimales y etiquetas personalizadas de los colores utilizados en mesa de trabajo.
- Detalles de varias interacciones, como transiciones, propiedades de modos de fusión, superposiciones, voz, interacciones y animación automática.
- Comentarios relacionados con la mesa de trabajo.
En la parte inferior de la pantalla, existen teclas de flecha y un icono Inicio. La tecla de flecha izquierda le lleva a la mesa de trabajo anterior, la tecla de flecha derecha le dirige a la mesa de trabajo siguiente y el icono Inicio le envía a la mesa de trabajo Inicio.
Respecto a los métodos abreviados de teclado para especificaciones de diseño, consulte Métodos abreviados de teclado.
Puede ver las etiquetas personalizadas solo si el diseñador ha facilitado los nombres de las etiquetas de color en el panel Activos.