Adobe XD: interesante software beta para ver

Adobe XD: interesante software beta para ver

Si nunca has oído hablar de él Adobe xd antes de ahora estás leyendo el artículo correcto. En pocas líneas te guiaré para que descubras este innovador software dedicado a la creación de prototipos de páginas web y aplicaciones, que aún necesita algunas mejoras.



Nacido en 2015 de un ambicioso proyecto de Adobe con el nombre de Proyecto cometa, se convirtió entonces Adobe Experience Design CC (abreviado Adobe XD según el título) y está diseñado para cualquier persona que quiera diseñar fácilmente interfaces, herramientas para probar prototipos en versión de escritorio / móvil que se pueden ver a través de la web (a través de un navegador) y con herramientas de exportación a web, iOS y Android. Se puede utilizar de dos formas principales: «Diseño», con herramientas que le permiten diseñar arrastrando y soltando, y «Prototipo», con funciones que permiten vincular las distintas pantallas y elementos que el usuario utilizará de una aplicación.

Obviamente, todo es solo a nivel de diseño, sin entrar en los detalles del desarrollo en sí, y sin necesariamente tener que crear layouts basados ​​en herramientas más completas pero complejas de administrar como Illustrator o Photoshop.

Index
  1. Lo que nos gusta
  2. Lo que menos nos gusta
    1. 1. Inserción de imágenes
    2. 2. Gestión de textos
    3. 3. Objetos
    4. Conocimiento

Lo que nos gusta

El software se encuentra actualmente en beta y íntegramente en inglés, disponible para OSX y para Windows (pero parece que solo funciona en Windows 10) y, aunque todavía está en desarrollo, recibe actualizaciones constantes y diversas mejoras con cada versión. La última actualización, por ejemplo, presenta los niveles de posicionamiento de objetos, que son muy cómodos y funcionan de manera muy similar a cualquier otro software de Adobe, mientras continúan mejorando las herramientas básicas del programa. Muy alta comodidad: poder agregar fácilmente elementos como botones, imágenes destacadas, cuadros, etc., partiendo de bibliotecas existentes y yendo a modificar sus elementos. Los presets internos ya están disponibles i kits completos de l’interface utilisateur avec les éléments d’Apple iOs, Google Material et Microsoft Windows, mais rien ne vous empêche d’en créer de nouveaux ou d’aller en récupérer d’autres déjà réalisés à partir de modèles gratuits, facilement disponibles sur neto. Otra gran ventaja del programa es la posibilidad de insertar objetos en bibliotecas de símbolos poder utilizar varias instancias de los mismos objetos variando solo el maestro para realizar modificaciones en el conjunto elaborado. Una vez que nuestro diseño está completo, podemos pasar a la prototipos donde insertar sustancialmente una especie de «mapeo de navegación» a nuestros elementos: en la práctica, si por ejemplo en el diseño hemos insertado un botón que nos remite a una determinada página, podemos asegurar que en el prototipo navegable para el botón del cliente realmente funciona y nos lleva a la página en cuestión, todo con solo arrastrar algún tipo de fila desde el botón a la página deseada. Buena ventaja, ¿no?

FILE Como se utilizan las acciones de Photoshop

Lo que menos nos gusta

1. Inserción de imágenes

Actualmente, el sistema de gestión de imágenes insertadas es bastante pesado. Está permitido insertar una foto en una caja pero, posteriormente, la gestión de esta lamentablemente no es tan sencilla. También es muy conveniente repetir la foto varias veces multiplicándola en el mismo marco como si fuera algún tipo de textura usando la función «repetir cuadrícula» pero el simple recorte y cambio de tamaño está muy mal administrado y, a menudo, el resultado se deja en manos de azar y paciencia del albacea. Adobe acepta el consejo: copie exactamente el método que implementó en InDesign, que proporciona los controladores para cambiar el tamaño del marco independientemente de los controladores para cambiar el tamaño de la foto en el interior.

2. Gestión de textos

Entiendo la intención de querer crear un software que sea ágil y rápido de usar sin que el usuario se pierda en los meandros de las paletas, pero el panel de administración de texto actual es una de las cosas más mínimas que existen. Los posibles ajustes se pueden contar con los dedos de una mano: fuente, peso de fuente (negrita, clara, etc.), tamaño de punto, seguimiento, interlineado, alineación de párrafo (centro, bandera izquierda, bandera derecha).
Por supuesto, al hacerlo tenemos las funciones esenciales para la web disponibles, pero también ayudaría insertar un panel avanzado con estilos de texto que se pueden guardar y recuperar en cualquier momento. Tal como está, se encontrará creando un nuevo cuadro de texto cada vez que necesite redefinir el color y la fuente … y desafortunadamente el viejo truco de Illustrator / InDesign de usar el «cuentagotas» en el cuadro de texto anterior para traer el atributo a el nuevo, aquí no funciona.

FILE Guía de fotografía digital: acércate a tus sujetos, fotografía macro

3. Objetos

Se ha insertado una herramienta esencial «Pista de Bézier» que, tengo que decir, hace su trabajo sucio en la economía y en la dinámica del software, y también se pueden insertar rutas a través de las herramientas rectángulo is circulo. Las rutas que, lamentablemente, en Adobe XD siempre serán objetos separados que no se pueden fusionar en un solo objeto bajo ninguna circunstancia. La funcionalidad, por otro lado, es útil, especialmente para los diseñadores menos experimentados y para aquellos que se encuentran dibujando formas más o menos complejas desde cero. Si el objetivo es acelerar el flujo de trabajo, la inserción de una paleta similar a la presente en Illustrator e InDesign que permita fusionar / sumar / restar formas básicas (círculos, rectángulos) es imprescindible, aunque las posibilidades de inserción son extremadamente complejas. formas en la interfaz de usuario de una aplicación es obviamente baja.

Final: Adobe XD es un programa realmente genial, rápido de usar e intuitivo, pero obviamente necesita mejoras (no es en vano que todavía estemos en beta), pero el camino es correcto … querido Adobe, ¡sigue así!

Si aún no lo sabe y todo esto lo desconcertó, le aconsejo que descargue inmediatamente la versión beta del software del sitio de Adobe en este enlace y empieza a utilizarlo dando rienda suelta a tu creatividad. Déjame saber lo que piensas …

Conocimiento

Eche un vistazo a uno de los videos tutoriales oficiales de Adobe XD, que, aunque no entra en los detalles técnicos del software, le dará una idea incluso del enfoque de diseño de la interfaz de usuario.

Go up

We use our own and third party cookies to improve the user experience. More Informaticon