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.
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 trabaje 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 predefinidos o defina los suyos propios y copie entre mesas de trabajo sin perder la ubicación de los 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 pueden usarse 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 ordenado 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 administra 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.