Probablemente has escuchado mencionar el programa Adobe XD y tal vez aún no te queda muy claro qué es y para qué se puede utilizar.
Lanzada oficialmente en el 2017, Adobe XD es una herramienta de diseño de edición de gráficos para crear wireframes y prototipos de interfaces, desarrollada por Adobe Inc. para las plataformas Windows y macOS ,
¿En qué se diferencia Adobe XD de Photoshop e Illustrator?
Adobe XD es una plataforma concebida para diseñar y prototipar; en cambio Photoshop es un potente editor de fotografías e Illustrator un software de gráficos vectorial. Ninguno tiene como objetivo de uso diseñar pantallas. Gracias a la flexibilidad de estos programas, es posible trabajar diversos materiales, incluso prototipos, aunque no sea lo más eficiente. De la misma forma que podemos crear fuego con la fricción de las piedras aunque sea más fácil hacerlo con un encendedor.
Sin embargo te puedo decir que cuando entiendas las diferencias entre los programas, es muy probable que te veas felizmente obligado a utilizar Photoshop e Illustrator para crear un trabajo completo.
Algunas de las funciones que diferencian a Adobe XD de las demás y que facilitan la tarea de prototipado son:
- Cuadrícula de repetición: Es posible crear repetición de bloques en segundos. Considerando que las interfaces están formadas por bloques que a su vez pueden ser entradas, listas, galerías o cualquier otro elemento. Esto reduce increíblemente el tiempo de trabajo.
- Componentes: Puedes crear elementos reutilizables que al ser modificados los cambios se reflejan en todos ellos, por ejemplo con los botones (algo similar a los objetos inteligentes pero un poco más flexibles), más parecidos a los símbolos que se utilizaban en Flash (si es que eso siquiera te suena conocido).
- Animaciones e interacción: La ventaja de esto es la posibilidad de crear prototipos realistas, funcionales y mucho más detallados.
- Enlaces de anclaje: Es posible simular los desplazamientos dentro de una pantalla. Mira cómo funciona esta función de anclaje.
- Grupos de desplazamiento: Estos sirven para simular carruseles o secciones dinámicas.
- Compartir: Por medio de un link puedes enviar esto a tus clientes, a los desarrolladores o a quien sea necesario. Ellos serán capaces de explorar los prototipos y dejar comentarios en estos.
- Importación de archivos de Illustrator, Photoshop e incluso de Sketch. Supongamos que tienes archivos que trabajaste anteriormente y te gustaría actualizarte. Tal vez te interese saber cómo importar archivos de Photoshop en Adobe XD
- Diseño de voz: Es posible integrar comandos de voz a los prototipos, por ejemplo para los asistentes inteligentes.
- Diseño responsivo o adaptable: Es posible elegir distintas resoluciones de pantallas para trabajar las versiones móviles, tablets o escritorio.
- Complementos: Es posible agregar funciones adicionales que van desde llenar bloques con texto simulado, cargar imágenes de stock hasta simuladores de deficiencias visuales como distintas clases de daltonismo.
- Especificaciones para desarrolladores. Es posible compartir las especificaciones de estilos por medio de un link. Esto facilitará y reducirá el tiempo de trabajo y tus compañeros te estarán muy agradecidos.
Como podrás ver estas funciones no están disponibles en los demás programas. La buena noticia es que la curva de aprendizaje para utilizarlo será corta si dominas Photoshop e Illustrator, ya que su interfaz es mucho más sencilla.
Si no lo has hecho aún ¿Te animarías a probar esta herramienta?