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

No es frecuente que asocies a Adobe con “gratis” descargas, pero eso es exactamente lo que esa empresa 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 en el diseño de algo, solo hay una curva de aprendizaje muy gradual que lo detiene..

Incluso la interfaz de usuario es sorprendentemente rígida, sin todas las herramientas y paneles que apartan a tantas personas de aplicaciones como Photoshop, Illustrator y Lightroom. 15 alternativas gratuitas a Photoshop, Illustrator, Lightroom y más 15 alternativas gratuitas a Photoshop, Illustrator, Lightroom y Más ¿No desea gastar $ 50 / mes en una suscripción de Adobe Creative Cloud? Estas son algunas de las mejores alternativas gratuitas disponibles. Lee mas . En este artículo, le presentaremos Adobe XD y le explicaremos lo que puede y no puede hacer con él..

¿Qué es Adobe XD??

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

Crear aplicaciones móviles Cree su primera aplicación móvil con estos paquetes de cursos con descuento Haga su primera aplicación móvil con estos paquetes de cursos con descuento ¿Tiene lo necesario para desarrollar la próxima gran aplicación de iOS o Android? ¡Estos paquetes de cursos con grandes descuentos te enseñarán cómo se hace! Lea más 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 hayas terminado, tendrás un plano del que trabajar, y uno que podrás modificar hasta que estés satisfecho con el diseño..

De la misma manera que el arte conceptual es tan importante en los esfuerzos creativos (vea este hermoso video conceptual de videojuegos Dónde encontrar un hermoso video conceptual de videojuegos Dónde encontrar un hermoso arte conceptual de videojuegos ¿Quiere ver algunos de los hermosos diseños conceptuales detrás de su juegos favoritos: aquí están los recursos artísticos de los videojuegos a su disposición. Lea más como prueba), una prueba de concepto para el diseño de interfaz que desee es importante cuando se trata de software y construcción de sitios web. Proporcionar a los programadores un concepto que coincida tanto 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 estas dos habilidades; Adobe XD puede cerrar la brecha entre su visión y su conocimiento técnico. Ni siquiera tiene que aprender a codificar Aprender a codificar remezclando aplicaciones existentes de forma gratuita. Aprender a codificar remezclando aplicaciones existentes de forma gratuita. Este sitio le permite crear o remezclar aplicaciones, lo que le permite ser creativo sin el temor de romper nada. Leer más 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 smartphone: Desde iPhone 5 y SE hasta los últimos modelos; y una plantilla genérica de Android también.
• Aplicaciones para tabletas: 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, incluyendo Full HD.

No tienes que apegarte a estas plantillas, solo están ahí para hacerte la vida más fácil. También puede especificar un tamaño de interfaz completamente personalizado (es decir, una 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.

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

Si está pensando en diseñar para iOS 7 Razones por las que vale la pena aprender el lenguaje de programación Swift 7 Razones por las que vale la pena aprender la lengua de programación Swift Usted debe 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. Leer más, Android, Windows u otra plataforma bien establecida; puede utilizar los kits de interfaz de usuario para obtener una mano de ayuda. 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 UI puede acelerar la producción, lo que le permite diseñar su aplicación dentro de las restricciones y elementos comunes que se ven en la plataforma de su elección. Dado que los desarrolladores de la plataforma los mantienen, generalmente están siempre actualizados y completos..

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

Adobe también mantiene algunos otros kits de UI, que incluyen muestras de reloj inteligente compatibles con watchOS, un kit de sitio web de comercio electrónico y un conjunto de ejemplos para crear aplicaciones para teléfonos inteligentes con moneda digital. Las 10 mejores aplicaciones de Bitcoin y Cryptocurrency para iPhone. Ahora 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 criptomoneda. Lee mas . Deberá descargar los kits de IU adecuados para iOS, el diseño de materiales de Google y Microsoft Windows por separado..

Un simple conjunto de herramientas integradas

A diferencia de otras aplicaciones complejas de diseño y gráficos de Adobe, XD tiene una IU 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).

A continuación, puede cambiar varios atributos relacionados con estos elementos, como opacidad, color de relleno, bordes, sombras y comportamiento de desplazamiento. Finalmente, hay una lupa y una herramienta de mesa de trabajo para expandir tu diseño.

Adobe XD le ayuda a colocar elementos en lugares estéticamente agradables al “chasquido” 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 de Mac es Cmd).

A lo largo del borde superior de la aplicación verás dos conmutadores: 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 los elementos en pantalla. Puede desencadenar eventos y cambiar a diferentes mesas de trabajo, lo que proporciona una sencilla experiencia de usuario sin escribir una línea de código.

Esto se realiza a través de una sencilla 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 resultado deseado al presionar ese botón (por ejemplo, una pestaña diferente en su aplicación), cambiar al modo de Prototipo y arrastre la flecha desde el botón hasta su nueva mesa de trabajo. Golpea el “Jugar” Botón o vista previa en su dispositivo en vivo para ver cómo funciona.

Incluso puede especificar transiciones y efectos para que se vea elegante. Hay algunas limitaciones bastante grandes para el modo de prototipo. Realmente no se puede profundizar demasiado en él, pero tiene un propósito y su implementación simple lo hace 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 que se enganche 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 conjunto de especificaciones de diseño a la vez.

Así que 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 se encontrará con una pared. Siempre puede exportar sus diferentes 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 compartidos y la interactividad 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 puedes construir un prototipo completamente realizado, pero puedes establecer rápidamente tu 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 acumular el dinero en efectivo para la versión de pago, Adobe XD le costará $ 9.99 / mes solo por esta aplicación o $ 52.99 / mes por el paquete completo de Creative Cloud..

Creemos que Adobe Creative Cloud vale la pena. 5 razones para comprar Adobe Creative Cloud. 5 razones para comprar Adobe Creative Cloud. Creative Cloud de Adobe ofrece muchas ventajas. Hemos compilado una lista de razones para invertir en Adobe Creative Cloud mientras todavía pueda. Lee más, siempre que puedas usarlo 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 trabajo serio y compartir con equipos, deberás actualizar.

Adobe XD no es el todo y el final de todo el diseño de la interfaz de usuario. 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. Eche un vistazo a las mejores herramientas de gráficos vectoriales de Mac para diseñadores en un presupuesto El mejor software de vectores para diseñadores de Mac en un presupuesto El mejor software de vectores para diseñadores de Mac en un presupuesto Adobe Illustrator puede ser el estándar de oro cuando se trata de software de vectores para Mac, pero no siempre tienes que gastar una fortuna en software de diseño. Leer más para ver algunas alternativas capaces.

Explorar más sobre: ​​Adobe Creative Cloud, Design.