Adobe XD: la herramienta de diseño de UI y UX gratuita que puede usar ahora mismo

Anuncio

No es frecuente que asocie Adobe con descargas "gratuitas", pero eso es exactamente lo que esa compañía ha hecho con Adobe XD. Es una aplicación de creación rápida de prototipos de interfaz para dispositivos móviles y sitios web, que permite a los diseñadores crear rápidamente diseños para plataformas específicas.

Lo mejor de Adobe XD es lo fácil que es usarlo. Incluso si tiene poca experiencia diseñando algo, solo hay una curva de aprendizaje muy gradual para detenerlo.

Incluso la interfaz de usuario es refrescante, sin todas las herramientas y paneles que alejan a tanta gente aplicaciones como Photoshop, Illustrator y Lightroom 15 alternativas gratuitas a Adobe Lightroom, Illustrator y Photoshop¿Te gustaría obtener Adobe Photoshop, Lightroom o Illustrator gratis? Estas son algunas de las mejores alternativas de Creative Cloud. Lee mas . En este artículo, le presentaremos Adobe XD y le explicaremos qué puede y qué no puede hacer con él.

¿Qué es Adobe XD?

Adobe XD es una herramienta de diseño. No creará su aplicación para usted, pero lo ayudará a presentar una visión o un prototipo de cómo desea que se vea su próxima aplicación móvil o tableta, sitio web u otra interfaz de usuario. La aplicación utiliza tableros de arte, esencialmente maquetas de pantalla, para proporcionar una representación visual del diseño de su aplicación.

Crear aplicaciones móviles Haga su primera aplicación móvil con estos paquetes de cursos con descuento¿Tienes lo que se necesita para desarrollar la próxima gran aplicación para iOS o Android? ¡Estos paquetes de cursos con grandes descuentos le enseñarán cómo se hace! Lee mas y los sitios web que funcionan pueden requerir una gran cantidad de conocimientos técnicos. Adobe XD le proporciona las herramientas para convertir una idea en una prueba de concepto. Cuando haya terminado, tendrá un plan desde el cual trabajar, y uno que puede ajustar sin cesar hasta que esté satisfecho con el diseño.

De la misma manera que el arte conceptual es tan importante en los esfuerzos creativos (ver esto hermoso arte conceptual de videojuegos Dónde encontrar un hermoso arte conceptual de videojuegos en línea¿Quieres ver algunos de los hermosos conceptos artísticos detrás de tus juegos favoritos? ¡Aquí están los recursos de arte de videojuegos a tu disposición! Lee mas como prueba), una prueba de concepto para el diseño de interfaz deseado es importante cuando se trata de software y construcción de sitios web. Proporcionar a los programadores un concepto que coincida tan estrechamente con el producto terminado es una excelente manera de alinear sus expectativas con lo que es posible.

Lo mejor de todo es que la aplicación está diseñada de tal manera que cualquiera puede usarla. Si usted es un diseñador experimentado, un programador o alguien que carece de ambas habilidades; Adobe XD puede cerrar la brecha entre su visión y su conocimiento técnico. Ni siquiera tienes que aprende a codificar Aprenda a codificar remezclando aplicaciones existentes gratisEste sitio le permite crear o remezclar aplicaciones, lo que le permite ser creativo sin temor a romper nada. Lee mas para diseñar una aplicación.

¿Qué puede hacer Adobe XD?

Adobe XD está diseñado con algunas aplicaciones específicas en mente, pero también puede pensar fuera de la caja. La aplicación facilita las cosas al incluir plantillas para:

• Aplicaciones para teléfonos inteligentes: Desde iPhone 5 y SE hasta los últimos modelos; y una plantilla genérica de Android también.
• Aplicaciones de tableta: Con plantillas para iPad, ambos tamaños de iPad Pro, Surface Pro 3 y 4, y una plantilla genérica de tableta Android.
• Sitios web / aplicaciones web: Con algunos ajustes preestablecidos para elegir, incluido Full HD.

No tiene que atenerse a estas plantillas, solo están ahí para facilitarle la vida. También puede especificar un tamaño de interfaz completamente personalizado (es decir, pantalla) y comenzar a diseñar para casi cualquier plataforma que pueda imaginar.

Si está diseñando una aplicación móvil, puede descargar la aplicación gratuita Adobe XD para su plataforma y exportar sus diseños para una vista previa en vivo en su dispositivo.

Los kits de interfaz de usuario hacen la vida aún más fácil

Si estas pensando en diseñando para iOS 7 razones por las que vale la pena aprender el lenguaje de programación SwiftDebería aprender el lenguaje de programación Swift más temprano que tarde si no quiere quedarse atrás. Aquí hay algunas razones excelentes que pueden convencerlo. Lee mas , Android, Windows u otra plataforma bien establecida; puedes usar kits de interfaz de usuario para obtener una mano amiga. Estas son esencialmente plantillas de proyectos mantenidas por Apple, Google, Microsoft y otros, descargables en formato de archivo .XD de Adobe.

Con los kits de interfaz de usuario puede acelerar la producción, lo que le permite diseñar su aplicación dentro de las limitaciones y elementos comunes que se ven en su plataforma de elección. Como son mantenidos por los desarrolladores de la plataforma, generalmente siempre están actualizados y completos.

Por ejemplo, el kit de interfaz de usuario iOS de Apple incluye dimensiones de pantalla en blanco para una variedad de dispositivos, ejemplos de Teclado iOS, elementos de navegación como la cinta en la parte superior de la pantalla, los botones de alternar iOS y más. Puede copiar y pegar fácilmente elementos en sus mesas de diseño y crear prototipos precisos.

Adobe también mantiene algunos otros kits de interfaz de usuario, incluidas muestras de relojes inteligentes compatibles con watchOS, un kit de sitio web de comercio electrónico y un conjunto de ejemplos para crear aplicaciones de teléfonos inteligentes con moneda digital Las 10 mejores aplicaciones de Bitcoin y criptomonedas para iPhoneAhora es más fácil que nunca comprar Bitcoin, convertir a altcoins e incluso invertir en ICO, todo desde su teléfono con aplicaciones de criptomonedas. Lee mas . Deberá descargar el archivo apropiado Kits de IU para iOS, Diseño de material de Google y Microsoft Windows por separado.

Un conjunto simple de herramientas integradas

A diferencia de otras aplicaciones complejas de diseño y gráficos de Adobe, XD tiene una interfaz de usuario limpia y agradable con solo unas pocas herramientas simples. Tienes tus formas básicas: rectángulos, círculos, líneas y una herramienta de lápiz para crear formas personalizadas. También hay una herramienta de texto simple, con acceso a la biblioteca de fuentes Typekit (pero no a todas).

Luego puede cambiar varios atributos relacionados con estos elementos, como la opacidad, el color de relleno, los bordes, las sombras y el comportamiento de desplazamiento. Finalmente, hay una lupa y una herramienta de mesa de trabajo para expandir su diseño.

Adobe XD lo ayuda a colocar elementos en lugares estéticamente agradables al "encajar" en su lugar alrededor de los bordes de la pantalla, el punto central del lienzo y otros elementos. Puede anular esto si lo desea manteniendo presionado un botón (en la versión para Mac es Cmd).

En el borde superior de la aplicación, verá dos botones: Diseño y Prototipo. El diseño es donde pasarás la mayor parte de tu tiempo creando tu visión. Cambie al modo Prototipo para agregar varias interacciones entre elementos en pantalla. Puede desencadenar eventos y cambiar a diferentes mesas de trabajo, proporcionando una experiencia de usuario simple sin escribir una línea de código.

Esto se hace a través de una simple interfaz de arrastrar y soltar, por ejemplo: crear un botón con la herramienta de círculo, crear una nueva mesa de trabajo con el deseado resultado de presionar ese botón (por ejemplo, una pestaña diferente en su aplicación), cambie al modo Prototipo y arrastre la flecha desde el botón a su nuevo mesa de trabajo. Pulse el botón "Reproducir" o haga una vista previa en su dispositivo en vivo para ver cómo se desarrolla.

Incluso puede especificar transiciones y efectos para que se vea elegante. Existen algunas limitaciones bastante grandes para el modo Prototipo. Realmente no puede profundizar demasiado en él, pero tiene un propósito y su implementación simple hace que sea fácil de usar.

¿Qué tan limitada es la versión gratuita de Adobe XD?

Al ser un producto gratuito, Adobe XD está diseñado para engancharlo a su flujo de trabajo simple y herramientas fáciles de usar sin gastar un centavo. El mayor inconveniente de la versión gratuita es la incapacidad de tener más de un prototipo compartido activo o un conjunto de especificaciones de diseño al mismo tiempo.

Entonces, para su primer diseño o proyecto, la versión gratuita puede ser suficiente. Cuando se trata de compartir más diseños o proyectos con su equipo o desarrolladores de aplicaciones, rápidamente llegará a un muro. Siempre puede exportar sus diversas mesas de trabajo como archivos .PNG de forma gratuita, para siempre a través de Archivo> Exportar opción.

Sin embargo, la creación de prototipos y la interactividad compartidas entre las mesas de trabajo es una de las características destacadas aquí. La aplicación sigue siendo útil sin ella, pero no en la misma medida. No puede construir un prototipo totalmente realizado, pero puede establecer rápidamente su diseño.

Las otras limitaciones de la versión gratuita incluyen un número limitado de fuentes Typekit y 2 GB de almacenamiento en la nube (en lugar de 100 GB) para los suscriptores de Creative Cloud. Si decide perder el dinero por la versión paga, Adobe XD le costará $ 9.99 / mes solo para esta aplicación o $ 52.99 / mes para el conjunto completo de Creative Cloud.

Nosotros pensamos Adobe Creative Cloud vale la pena 5 razones para comprar Adobe Creative CloudCreative Cloud de Adobe viene con muchas ventajas excelentes. Hemos compilado una lista de razones para invertir en Adobe Creative Cloud mientras aún puede hacerlo. Lee mas , siempre que pueda aprovecharlo lo suficiente.

Adobe XD es una herramienta sorprendentemente fácil de usar

Adobe XD es una herramienta útil, ya sea que tenga la intención de pagarla o no. En algunos casos, puede salirse con la versión gratuita para trabajar en pequeños proyectos personales. Cuando se trata de un trabajo serio y de compartir con los equipos, deberá actualizar.

Adobe XD no es el todo y el final del diseño de UI. Los diseñadores han estado utilizando herramientas gráficas durante años para crear maquetas para sitios web, diseños de aplicaciones y más. Revisar la Las mejores herramientas de gráficos vectoriales de Mac para diseñadores con un presupuesto El mejor software de vectores para diseñadores de Mac con un presupuestoAquí están los mejores software de vectores para macOS que puede usar de forma gratuita o comprar con un presupuesto. ¡Perfecto para diseñadores modernos! Lee mas para ver algunas alternativas capaces.