Creative Connection

February 20, 2018 /UX/UI Design /

Actualizaciones de febrero 2018 para Adobe XD

Queremos que Adobe XD te ayude a diseñar a la velocidad del pensamiento; por eso el mes pasado mejoramos el zoom, así como las funciones de color y de exportación. También te facilitamos la integración de procesos de trabajo gracias a las integraciones de terceros de los que dependes para llevar a término tus encargos.

En la versión que lanzamos este mes, hemos agilizado los procesos de trabajo vectorial entre Adobe Illustrator y XD, además de introducir una nueva forma de expresar la creatividad en Windows mediante lápiz óptico y entrada táctil.

¿Quieres ver esta actualización y mucho más en acción? Permanece atento a Adobe Live del 13 al 15 de febrero para ver a diseñadores UX de primer nivel utilizando las últimas funcionalidades de Adobe XD.

¿Usas Illustrator para diseñar iconos e imágenes vectoriales? Hemos conseguido que sea mucho más fácil aún trabajar con Illustrator y XD utilizando imágenes vectoriales vinculadas. Las imágenes vectoriales vinculadas permiten trasladar contenidos vectoriales de Illustrator a XD. Cuando hagas modificaciones en tu obra dentro de Illustrator, se actualizarán de inmediato en XD.

Pero la cosa no acaba ahí. Uno de los principios fundamentales de XD es avanzar a partir de la última plataforma y aprovechar los avances tecnológicos que puede ofrecer el hardware. En Windows, nos complace anunciar que ahora XD es compatible con los gestos básicos de lápiz óptico y entrada táctil.

Siempre estamos buscando formas de mejorar las funcionalidades que hemos introducido. Este mes, hemos realizado mejoras en la herramienta Cuentagotas y el desplazamiento por la pantalla.

Imágenes vectoriales en las Bibliotecas de CC

Creative Cloud se compromete a que tu equipo y tú trabajéis de manera eficiente entre diferentes aplicaciones de CC. Hay muchos materiales como iconos, ilustraciones y otras imágenes vectoriales que puedes crear en Illustrator pero te gustaría poder reutilizar en aplicaciones como XD. Ahora puedes reutilizar imágenes vectoriales de Illustrator y Adobe Stock con XD.

Insertar imágenes vectoriales vinculadas

Puedes arrastrar y soltar una imagen vectorial desde la ventana de la Biblioteca de CC hasta el lienzo para colocarla como imagen vectorial vinculada. Una vez sueltas la imagen, ves una vista previa borrosa con un spinner mientras XD realiza un truquito de magia para transformarla en una imagen vectorial vinculada totalmente escalable. A continuación verás la imagen y podrás girarla y cambiarla de tamaño.

Actualizar imágenes vectoriales vinculadas

La principal ventaja del uso de imágenes vectoriales vinculados es que se reduce la carga que conlleva hacer cambios en Illustrator y luego reimportar la imagen en XD. Con las imágenes vinculadas, puedes hacer clic en la miniatura situada en la ventana de la Biblioteca de CC y seleccionar Editar en el menú contextual. Así abrirás la imagen en Illustrator y podrás modificarla. Una vez modificada la imagen, haz clic en “Guardar” y verás cómo se aplican los cambios en XD por arte de magia. Esto supone un enorme ahorro de tiempo cuando se trabaja entre Illustrator y XD.

Desvincular y modificar imágenes vectoriales

Puede haber casos en que prefieras que la imagen vinculada deje de actualizarse desde Illustrator. Para desvincularla, haz clic en el icono de Desvincular situado en la esquina superior izquierda de la imagen o utiliza la opción de Desvincular dentro del menú contextual. Una vez desvinculadas, podrás editar diversas propiedades como el relleno, el trazo y la ruta en XD.

Conservar la posición de desplazamiento por la pantalla

Ahora tienes una forma sencilla de aplicar un cambio en un área determinada de una pantalla, para lo cual antes había que desplazarse por la pantalla con el fin de visualizarla.

Antes de esta versión, si te desplazabas por la pantalla y hacías clic en un objeto vinculado, el prototipo te trasladaba a la parte superior de la siguiente pantalla, en lugar de mantener tu posición de desplazamiento en la pantalla anterior.

Al vincular objetos en el modo Prototipo, ahora puedes decidir conservar la posición de desplazamiento por la pantalla, lo cual permite que el prototipo se traslade a la siguiente pantalla conservando la posición que tenía en la anterior.

Lápiz óptico y entrada táctil en Windows

A medida que evoluciona el sector del diseño, también van evolucionando las necesidades de los diseñadores y las plataformas. Estamos comprometidos a actuar adecuadamente en cada plataforma, aprovechando capacidades excepcionales para poder utilizar las últimas tecnologías. En esta versión, XD es compatible con el uso de lápiz óptico y entrada táctil en Windows 10, como complemento del ratón y del teclado.

Puedes utilizar el lápiz óptico o la entrada táctil para interactuar con herramientas de XD, crear imágenes sobre lienzo, navegar por las capas, interactuar con símbolos, vincular prototipos, editar propiedades, desplazarte por la ventana de previsualización y muchas más funciones.

Nunca ha sido tan fácil hacer pequeños retoques sobre la marcha en XD. Ahora puedes usar el lápiz óptico para introducir valores en el inspector de propiedades o, aún mejor, pulsar y mantener sobre un campo numérico para retocar los valores.

Gracias a la compatibilidad con la entrada táctil, puedes dibujar sobre el lienzo, cambiar el tamaño de los objetos y replicar cuadrículas, arrastrar y soltar imágenes e incluso tomar valores de color con el cuentagotas.

Esto no es más que el principio y estamos deseando conocer vuestra opinión.

Mejoras en Design Specs Beta

Design Specs Beta es el puente que te conecta con tu equipo de desarrollo. Permite a tu desarrollador previsualizar tus diseños en el navegador y recopilar información relevante como los valores de color, medidas y estilos. En la nueva versión, se pueden mostrar cuadrículas en Design Specs Beta. Esto permite a tu desarrollador ver y entender la estructura y el marco que has elegido.

Si has habilitado una cuadrícula para alguna de las mesas de trabajo en el modo diseño, el desarrollador puede activar las cuadrículas en Design Specs Beta para verla. Solamente está presente en las mesas de trabajo en las cuales la haya activado el diseñador o esté activada por defecto. El desarrollador puede optar por desactivarla una vez la haya visto.

Cuentagotas en el inspector de propiedades

Cuando introdujimos el selector de color en XD, recibimos opiniones que nos sugerían incluir un cuentagotas dentro de él. En diciembre, trasladamos el cuentagotas del inspector de propiedades al selector de color.

Pensamos que nos facilitaría la vida. Escuchamos vuestra opinión y nos dimos cuenta de cuántos clics innecesarios había que hacer para elegir un color desde que trasladamos el cuentagotas al selector de color. También escuchamos lo fácil que es ahora elegir colores para degradados desde que colocamos dentro el cuentagotas.

Tenemos claro que, para trabajar con rapidez, es imprescindible tener acceso al cuentagotas en ambos lugares: dentro del inspector de propiedades y dentro del selector de color. En esta versión, reintroducimos el cuentagotas en el inspector de propiedades también.

Mejoras en los comentarios

Siempre estamos buscando formas de mejorar las funcionalidades que hemos introducido. Este mes, hemos hecho mejoras en los comentarios dentro de los prototipos, facilitando así añadir comentarios y pincharlos en una determinada parte del diseño.

Recursos para Adobe XD

Descarga Cinco Kits de UI gratuitos publicados exclusivamente para Adobe XD por cinco talentosos diseñadores que te ayudarán a poner en marcha tus proyectos.

Kits de iconos

En Awwwards 2018 hemos lanzado un conjunto exclusivo de kits de iconos para utilizar en Adobe XD. Estos kits, creados por tres diseñadores de renombre mundial, rinden homenaje a la excelencia del diseño UX y subrayan la importancia de los iconos para narrar historias. Infórmate sobre los kits creados por Lance Wyman, Anton & Irene y Büro Destruct en nuestro blog aquí. Independientemente de si eres principiante o profesional, este pequeño regalo de Adobe hará que tu próximo proyecto sea más rápido, sencillo y, en definitiva, mejor para tus usuarios. Descarga los kits gratis aquí.

Comunidad UX

¡Mantengamos la conversación en marcha! Puedes seguir nuestro usuario @AdobeXD para recibir novedades o comunicarte con el equipo en Twitter utilizando el hashtag #AdobeXD. También puedes chatear con nosotros en Facebook, donde compartimos vídeos y novedades, así como responder a preguntas durante sesiones en vivo.

Para recibir información de primera mano directamente en tu buzón de entrada, inscríbete en la newsletter de diseño de experiencia de usuario de Adobe.
Cuando compartas tus prototipos en Behance, no olvides etiquetarlos con #MadeWithAdobeXD y seleccionar Adobe XD bajo “Herramientas utilizadas” para tener la oportunidad de figurar en la newsletter de Adobe XD.

 

 

UX/UI Design

Join the discussion