Adobe XD: diseñe, prototipo y comparta con la solución UX / UI de Adobe

Hoy, instalé Adobe XD, la solución UX / UI de Adobe para crear prototipos de sitios web, aplicaciones web y aplicaciones móviles. Adobe XD permite a los usuarios cambiar de wireframes estáticos a prototipos interactivos con un solo clic. Puede realizar cambios en su diseño y ver cómo su prototipo se actualiza automáticamente, sin necesidad de sincronizar. Y puede obtener una vista previa de sus prototipos, completarlos con transiciones en dispositivos iOS y Android, y luego compartirlos con su equipo para obtener comentarios rápidos.

Adobe XD

Las características de Adobe XD incluyen:

  • Prototipos interactivos - Cambie del modo de diseño al de prototipo con un solo clic y conecte mesas de trabajo para comunicar el flujo y las rutas de las aplicaciones multipantalla. Conecte elementos de diseño de una mesa de trabajo a otra, incluidas las celdas Repetir cuadrícula. Agregue interacciones con controles visuales intuitivos para probar y validar la experiencia.
  • Publica prototipos para recibir comentarios: Genere enlaces web que se puedan compartir para obtener comentarios sobre sus diseños, o incorpórelos en Behance o en una página web. Los revisores pueden comentar directamente sobre sus prototipos y partes específicas de su diseño. Recibirás una notificación cuando hagan comentarios y simplemente pueden actualizar sus navegadores para ver los cambios.
  • Mesas de trabajo rápidas y versátiles: Ya sea que esté trabajando con una mesa de trabajo o con cien, XD le ofrece el mismo rendimiento rápido. Diseño para diferentes pantallas y dispositivos. Desplázate y haz zoom sin demoras. Elija entre tamaños preestablecidos o defina los suyos propios y copie entre mesas de trabajo sin perder la ubicación de sus elementos de diseño.
  • Repetir cuadrícula - Seleccione elementos en su diseño, como una lista de contactos o una galería de fotos, y repítalos horizontal o verticalmente tantas veces como desee; todos sus estilos y espacios permanecen intactos. Actualice un elemento una vez y sus cambios se actualizarán en todas partes.
  • Soporte multiplataforma - Adobe XD es compatible de forma nativa con Windows 10 (Plataforma universal de Windows) y Mac, con aplicaciones móviles complementarias para Android e iOS.
  • Panel de activos - Haga que los colores y estilos de caracteres estén fácilmente disponibles para su reutilización agregándolos al panel Activos (anteriormente el panel Símbolos), que incluye símbolos automáticamente. Edite cualquier color o estilo de carácter en el panel y los cambios se reflejarán en todo su documento.
  • Símbolos reinventados - Ahorre tiempo con símbolos, elementos de diseño reutilizables que eliminan la necesidad de buscar y editar cada instancia de un activo en un documento. Actualice uno y se actualizarán en todas partes, o elija anular instancias específicas. Los símbolos pueden ser gráficos vectoriales, imágenes rasterizadas u objetos de texto, y también se pueden usar como objetos dentro de las cuadrículas de repetición.
  • Bibliotecas Creative Cloud - Con la integración de Bibliotecas Creative Cloud, puede acceder y aplicar imágenes rasterizadas, colores y estilos de caracteres creados en Photoshop CC, Illustrator CC y otras aplicaciones Creative Cloud desde dentro de XD, y reutilizarlos en cualquier lugar de sus documentos.
  • Inspector de propiedades contextuales - Trabaje en un espacio despejado gracias al inspector de propiedades contextual, que solo muestra opciones para los objetos que ha seleccionado. Modifique propiedades como el color y el grosor del borde, los colores de relleno, las sombras, los desenfoques, la opacidad y la rotación, y acceda a las opciones de alineación, dimensiones y Repetir cuadrícula.
  • Navegación de lienzo inteligente - Amplíe fácilmente un área específica de su diseño o haga una selección en una mesa de trabajo y use un atajo para acercarlo directamente. Desplázate o haz zoom con tu mouse, panel táctil o atajos de teclado. Y obtenga un gran rendimiento incluso si tiene cientos de mesas de trabajo.
  • Capas contextuales - Manténgase organizado y concentrado mientras gestiona diseños complejos gracias a un enfoque contextual de las capas. XD resalta solo las capas asociadas con la mesa de trabajo en la que está trabajando, para que pueda encontrar rápida y fácilmente lo que necesita.
  • Herramientas de guía de diseño - Dibuje, reutilice y mezcle elementos de diseño sin problemas utilizando cuadrículas ajustables y otras herramientas de diseño intuitivas que lo ayudan a crear medidas relativas entre objetos, enmascarar con formas, agrupar, bloquear, alinear y distribuir elementos de diseño y más.
  • Efectos de desenfoque - Desenfoca rápidamente un objeto específico o un fondo completo para cambiar el punto focal de tu diseño, dándole profundidad y dimensión.
  • Gradientes lineales versátiles - Cree hermosos degradados lineales utilizando controles visuales simples pero precisos en el Selector de color. También puede importar degradados desde Photoshop CC e Illustrator CC.
  • Herramienta Pluma moderna - Dibuja formas y trazados fácilmente con la herramienta Pluma. Utilice trazados personalizados, agregue o elimine puntos de anclaje, manipule líneas fácilmente y cambie entre trazados curvos y en ángulo, todo con la misma herramienta.
  • Edición de grupo booleano - Cree y experimente con formas complejas combinando grupos de objetos utilizando operadores booleanos no destructivos.
  • Estilo de tipografía - Diseñe el texto con un control preciso para mejorar la experiencia del usuario. Ajuste fácilmente elementos tipográficos como fuente, tipo de letra, tamaño, alineación, espaciado entre caracteres y espaciado entre líneas. Cambie la apariencia de su texto de la misma manera que cambia otros elementos en XD como opacidad, relleno, efectos de fondo y desenfoque y bordes.
  • Control de color optimizado - Elija colores ingresando valores exactos o muestreando desde adentro o afuera XD con el Cuentagotas. Cree y guarde muestras de color y use atajos para códigos hexadecimales en el Selector de color.
  • Recursos de IU - Diseñe y cree prototipos rápidamente para dispositivos Apple iOS, Google Material Design y Microsoft Windows utilizando componentes de interfaz de usuario de alta calidad.
  • Copie y pegue desde otras aplicaciones de diseño - Lleve ilustraciones a XD desde Photoshop CC e Illustrator CC.
  • Vistas previas de iOS y Android en contexto - Obtenga una vista previa de sus diseños y todas las interacciones en los dispositivos reales a los que se dirige. Realice cambios en el escritorio y luego pruébelos en sus dispositivos para verificar su fidelidad y usabilidad.
  • Sugerencias de hotspot - Resalte automáticamente los puntos de acceso en su prototipo para que los usuarios puedan ver qué áreas son interactivas y se puede hacer clic.
  • Gestión de prototipos - Cree varias URL desde el mismo archivo para compartir diferentes versiones de su prototipo. Comparta un número ilimitado de prototipos y acceda fácilmente a ellos y elimínelos de su cuenta de Creative Cloud.
  • Grabe interacciones de prototipos como videos - Al hacer clic en la vista previa, grabe un archivo MP4 para compartirlo con su equipo o partes interesadas (solo Mac).
  • Exportar obras de arte, activos y mesas de trabajo: Exporta imágenes y diseños en formatos PNG y SVG, que puedes configurar para iOS, Android, web o tus propias configuraciones personalizadas. Exporta una mesa de trabajo completa o elementos individuales. Y comparta activos y mesas de trabajo exportándolos como archivos PDF individuales o como un solo archivo PDF.
  • Soporte multilingüe - Los idiomas admitidos incluyen inglés, francés, alemán, japonés y coreano.
  • Notificaciones por correo electrónico para comentarios - Reciba notificaciones por correo electrónico cuando las partes interesadas comenten sobre sus prototipos web. Los correos electrónicos se pueden enviar individualmente o en lotes en un resumen diario

Lo mejor de todo es que Adobe XD viene con mi licencia para Adobe Creative Suite.

Divulgación: somos afiliados de Adobe.

¿Qué piensas?

Este sitio usa Akismet para reducir el correo no deseado. Descubra cómo se procesan los datos de sus comentarios.