Adobe XD es una aplicación de creación de prototipos de interfaz rápida para dispositivos móviles y sitios web.  En este artículo, te presentamos Adobe XD.

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

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 rápida de creación 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

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 rápida de creación 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 para detenerlo.

Incluso la interfaz de usuario es refrescante, sin todas las herramientas y paneles que alejan a tanta gente de aplicaciones como Photoshop, Illustrator y Lightroom. 15 alternativas gratuitas a Adobe Lightroom, Illustrator y Photoshop 15 alternativas gratuitas a Adobe Lightroom, Illustrator y Photoshop. desea obtener Adobe Photoshop, Lightroom o Illustrator de forma gratuita? 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 construirá 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.

Creación de aplicaciones móviles Cree su primera aplicación móvil con estos paquetes de cursos con descuento Cree su primera aplicación móvil con estos paquetes de cursos con descuento ¿Tiene lo necesario 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! 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 haya terminado, tendrá un plan desde el cual trabajar, y uno que puede ajustar sin cesar hasta que esté satisfecho con el diseño.

Adobe XD CC

De la misma manera que el arte conceptual es tan importante en los esfuerzos creativos (vea este hermoso arte conceptual de videojuegos Dónde encontrar un hermoso arte conceptual de videojuegos en línea Dónde encontrar un hermoso arte conceptual de videojuegos en línea ¿Desea ver algo del hermoso arte conceptual detrás de su juegos favoritos: ¡Aquí están los recursos de arte de videojuegos a su disposición! Lea más como prueba), una prueba de concepto para el diseño de interfaz deseado es importante cuando se trata de la construcción de software y 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 tiene que aprender a codificar Aprenda a codificar remezclando aplicaciones existentes de forma gratuita Aprenda a codificar remezclando aplicaciones existentes de forma gratuita Este sitio le permite crear o remezclar aplicaciones, lo que le permite ser creativo sin temor a 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 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.

Opciones de inicio de Adobe XD

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 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 el lenguaje de programación Swift Deberí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. Leer más, Android, Windows u otra plataforma bien establecida; puede 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. Dado que son mantenidos por los desarrolladores de la plataforma, generalmente siempre están actualizados y completos.

Kit de interfaz de usuario de Adobe XD e iOS

Por ejemplo, el kit de interfaz de usuario 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 iOS y más. Puede copiar y pegar fácilmente elementos en sus mesas de trabajo de diseño y crear prototipos precisos.

Adobe también mantiene algunos otros kits de interfaz de usuario, que incluyen ejemplos 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 monedas digitales. 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 criptomonedas. Lee mas . Deberá descargar los kits de interfaz de usuario adecuados para iOS, el diseño de materiales 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.

Propiedades del objeto Adobe XD

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 activar eventos y cambiar a diferentes mesas de trabajo, proporcionando una experiencia de usuario simple sin escribir una línea de código.

Adobe XD Prototype

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 resultado deseado de presionar ese botón (por ejemplo, una pestaña diferente en su aplicación), cambiar al modo Prototipo y arrastre la flecha desde el botón a su nueva mesa de trabajo. Presione 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 con é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 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 imposibilidad 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 se topará con un muro. Siempre puede exportar sus diversas mesas de trabajo como archivos .PNG de forma gratuita, para siempre a través de la opción Archivo> Exportar .

Adobe XD Compare

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 gastar el dinero en efectivo para 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.

Creemos que Adobe Creative Cloud vale la pena 5 Razones para comprar Adobe Creative Cloud 5 Razones para comprar Adobe Creative Cloud Adobe Creative Cloud tiene muchas ventajas. Hemos compilado una lista de razones para invertir en Adobe Creative Cloud mientras aún puede hacerlo. Lea más, 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 compartir con equipos, necesitará actualizar.

Adobe XD no es el diseño integral 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 con un presupuesto El mejor software de vectores para diseñadores de Mac con un presupuesto El mejor software de vectores para diseñadores de Mac con un presupuesto Aquí están los mejores software de vectores para macOS que puede usar de forma gratuita o comprar en un presupuesto. ¡Perfecto para diseñadores modernos! Lea más para ver algunas alternativas capaces.

Explore más sobre: ​​Adobe Creative Cloud, Diseño.