Adobe XD y octubre. Un salto sin precedentes en el 2020

Creative Cloud

Por: James Alonso

Sin dudas en la comunidad de los diseñadores y de Adobe, la nueva actualización de XD está dejando mucho que hablar. Las nuevas funciones y complementos dan un salto extremadamente grande y comienza a poner las miradas de miles de usuarios en esta herramienta de diseño.

Comencemos por recordar sobre adobe y su origen.

Adobe XD es un editor de gráficos vectoriales desarrollado y publicado por Adobe Inc. para diseñar y crear prototipos e interfaces en el área de la experiencia del usuario, tanto para páginas web, como aplicaciones móviles. Este fue lanzado el 15 de octubre del 2015. Hoy en día está disponible para Mac OS y Windows.

Adobe primero anuncio que estaban desarrollando una nueva herramienta de diseño y prototipado bajo el nombre ¨Proyecto Cometa¨ en la conferencia de Adobe Max en octubre del año 2015. La primera versión beta fue realizada para Mac OS como ¨Adobe Experience Design CC¨ para cualquiera con una cuenta de Adobe el 14 de marzo del 2016. Luego una versión beta de Adobe XD fue publicada para el sistema operativo de Windows un 13 de diciembre del año 2016. Esta dejó de ser una aplicación beta en el año 2017, un 18 de octubre.

Desde esa fecha hasta hoy, Adobe XD (XD), ha tomado una fuerza increíble con características asombrosas que hacen de las experiencias de los diseñadores, una estancia de emociones y cumplidos.

Adiós Photoshop

Sin dudas las otras herramientas de la Suite de Adobe eran las mas usadas para el diseño de experiencia e interfaces de usuario, tales como Adobe Photoshop, Illustrator, InDesign, y otras que fueron quedando obsoletas con el tiempo.

Photoshop fue creado para editores de fotos y diseñadores gráficos que soltaban sus creatividades en esa increíble herramienta. Pero se hacía engorroso hacer muchos efectos para el diseño de experiencia e interfaz de usuario, ya que tomaba mucho tiempo trabajando las alineaciones, las máscaras de recortes, el trabajo vectorial no era su fuerte, y así muchas trabas que indiscutiblemente hacia anhelar un cambio de herramienta urgente.

Para ese entonces ya estaba lanzado Sketch para Mac OS pero muchos diseñadores usaban Windows y era un producto de pago. Eso comenzó a despertar gustos y necesidades de una herramienta para la comunidad de Adobe, y fue cuando comenzaron a promocionar una nueva herramienta minimalista creada para diseñadores de experiencia e interfaz de usuario, Adobe XD.

La alegría fue tan grande que pronuncie rápidamente ¨Adiós Photoshop¨

Ocubre, 2020

El crecimiento de Adobe XD desde su lanzamiento hasta el mes pasado ha sido extraordinario, ganándose un gran respeto como herramienta dentro de la comunidad y la competencia. Pero este mes nos toco el gusto mas esperado con sus nuevas características, de ellas hablaremos ahora.

Ahora sí, 3D

El mundo de las experiencias digitales está en constante crecimient0. Existe un cambio constantemente de nuestros dispositivos. Los diseños visuales de productos y servicios siguen volviéndose más ricas e intuitivas. Tendencias como la realidad aumentada y componentes en 3D, se están volviendo cada vez más comunes. Pero tenemos un plano que nos restringe a diseñar en un segundo plano, que nos limitaba grandemente a desatar en este campo la creatividad de las tres dimensiones.

Pero hoy Adobe XD nos presenta una forma completamente nueva de diseñar con transformaciones 3D. Ahora, puede mover y rotar objetos hacia adelante, hacia atrás y a través de planos para brindar profundidad y perspectiva a nuestros diseños y desatar la creatividad.

Hay muchas formas de utilizar Transformaciones 3D y llevar los diseños al siguiente nivel. Flotar elementos en la UI (Interfaz de Usuario) en espacios físicos para diseñar experiencias de realidad aumentada. Se pueden voltear y girar objetos para interacciones y animaciones. Junta los objetos en profundidad para crear efectos en capas. Otro ejemplo es inclinar y gira las capas o componentes para darle diferentes perspectivas. Las posibilidades son infinitas sobre cómo puede utilizar esta nueva característica del 3D.

Creé este componente para visualizar como quedará al aplicarle un efecto 3D con esta nueva característica de Adobe XD.

Estas características las podemos aplicar a componentes, capas, textos o grupos, por lo que no existen límites para ser creativos. Pegue objetos en un grupo transformado y XD aplicará automáticamente las transformaciones a los objetos pegados. La Transformación 3D también trabaja con otras funciones como Scroll Groups, Repetir Grillas y Auto-Animación en caso de Prototipos.

La Transformación 3D es muy fácil de usar. Puedes seleccionar un objeto y habilite Transformaciones 3D en el Inspector de propiedades (o presionando el atajo de teclas ⌘ / Ctrl + T). Podrás ver todas las opciones para mover y rotar objetos en diferentes planos, tal y como lo mostré en el ejemplo arriba.

Luego de aplicar algunas propiedades con esas características, el componente diseñado quedó de esta manera:

Siempre juega bien trabajar detalles como las sombras, que ayudan al efecto visual.

Ahora te toca a ti experimentar, crear y compartir todo lo que puedas hacer con esta nueva función en Adobe XD.

Diseñando juntos con la biblioteca Creative Cloud

Con el paso de los meses y los años Adobe XD ha crecido en colaboración, apostando mucho a los equipos y los sistemas de diseño.

Para ganar en este aspecto, el almacenamiento en la nube de adobe (Creative Cloud Libraries) ha integrado a XD esta facilidad de poder guardar nuestros archivos, pero no solo eso, sino también nuestras librerías, desde paletas de colores, fuentes y hasta componentes, haciéndolo mucho más fácil e intuitivo para los Sistemas de Diseño, que pueden ser publicados con un solo clic e invitar a su equipo a contribuir y trabajar juntos, es genial.

Una vez que haya seleccionado sus activos (colores, estilos de personajes y componentes), haga clic en el icono de publicación para crear una biblioteca. Puede controlar quién puede acceder a su biblioteca y administrar las actualizaciones en los sistemas de diseño.

OJO: Puedes publicar y compartir librerías sin importar el plan XD al que estás suscrito. El próximo año, publicar y compartir Bibliotecas estará ilimitado ad los planes de pagos y será limitado a una Biblioteca publicada con hasta otro editor en el plan XD Starter.

Tiempo de trabajar juntos en tiempo real, nada más y nada menos que: Coediting (Coedición)

La Coedición ya no está en beta, ahora está disponible de forma global. Trabaje juntos en tiempo real o realizar ediciones en nuestro propio tiempo sabiendo que tenemos acceso a las mismas fuentes, donde todos tenemos acceso a la más reciente versión sincronizándose automáticamente todo lo que hagamos en la nube.

Texto de altura automática

Si de felicidad se trata, esta opción llegó para aumentarla en nosotros. Las cajas de texto aumentan o reducen su altura en función de la cantidad de texto que contengan. Ahora podemos hacer diseños que se adapten a diferentes tamaños que creamos, saltando automáticamente según vaya aumentando en longitud.

Componentes anidados

Sin dudas algunas, ahora podemos anidar componentes dentro de otros. Si realizamos algún cambio en un componente anidado dentro de otro componente, esos cambios se expandirán a las solicitudes del componente exterior. Veremos en nuestra comunidad de Adobe y las comunidades de diseñadores, reflejar increíbles presentaciones, no solo eso, sino que se gana en efectividad y en tiempo a la hora de hacer correcciones, porque cuando tenemos encuentros con nuestros clientes, los proyectos siempre tienen fases de cambios, y esta característica nos ayuda de manera increíble. No te tardes más, pruébalo y déjame saber en los comentarios que te va pareciendo.

Soporte para estados de componentes en especificaciones de diseño

Las especificaciones del diseño ayudan acelerar el proceso de transferencia a medida que pasa del diseño al código. Esto les permite a los desarrolladores ver si un componente tiene varios estados y ver las especificaciones de cada estado en las especificaciones de diseño.

Aún queda como sugerencia personal que los componentes que se trabajan en 3D, puedan trabajar para el estado de hover, apuesto en fe de que lo veremos pronto.

Me gustaría que instales, Adobe XD si nunca has trabajado con él y experimentes estas sensaciones de las nuevas características de octubre y las mucha que tiene que lo hacen una de las herramientas en el diseño de experiencia e interfaz de usuario, con más respeto y enganche en estos tiempos.

Vista hace fe, y las inspiraciones visuales motivan mucho. Por eso te recomiendo también que veas los perfiles de estos increíbles diseñadores que usan Adobe XD como software de diseño, reflejando en sus trabajos, asombrosos talentos y poder en la creatividad.


Creative Cloud

Posted on 10-29-2020