Experience Design CC (Beta) de Adobe – Adobe XD – es una excelente herramienta para diseñar y crear prototipos de sitios web y aplicaciones móviles, te explicaremos cómo usarlo.
Adobe XD recientemente lanzó nuevas funciones para Windows 10 la cuál lo utilizan los diseñadores de los principales gigantes digitales como Airbnb y Design Inc.
Los diseñadores ahora pueden citar wireframes, diseños de pantalla y prototipos interactivos, todo dentro de la misma aplicación utilizando herramientas poderosas como Repeat Grid específicamente desarrollada para XD. En un mundo del diseño donde las marcas valoran primero el diseño de UX y UI, es crucial que los diseñadores comprendan lo que es capaz en estas áreas y cómo construir una relación sólida con los desarrolladores.
Adobe XD es una herramienta útil para que los diseñadores vean y muestren sus diseños en un modo de prototipo de inmediato, para que puedas ver los cambios aplicados de inmediato en un teléfono inteligente o tableta. Cualquiera en la empresa en general puede ofrecer comentarios rápidos y los diseñadores pueden compartir su trabajo con los desarrolladores que, a su vez, construirán según las especificaciones.
Pero el software siempre está evolucionando e introduciendo nuevas funciones, afirma Adobe con una frecuencia mensual, a medida que aprendas de los propios diseñadores sobre qué funciones son importantes. Las últimas actualizaciones de Adobe XD en Windows 10, desde el 13 de junio, incluyen degradados, herramientas de texto estilizadas, símbolos y capas de arrastrar y soltar. Para ver una cronología de todas las funciones nuevas de Adobe XD.
Presentamos 50 tutoriales en línea de Adobe XD para principiantes o expertos. Algunos son tutoriales pagados y otros son gratuitos. A veces es difícil justificar el pago de tutoriales cuando hay alternativas gratuitas disponibles; sin embargo, la mayoría de los siguientes centros de aprendizaje basados en suscripción ofrecen una prueba gratuita, por lo que puede aprender Adobe XD de los mejores sin tener que pagar un centavo.
Todas las funciones de los sitios web ofrecen múltiples tutoriales, por lo que puede elegir exactamente qué características y habilidades desea aprender.
Hemos intentado incluir tutoriales recientes porque cuanto más antiguo se publicó un tutorial, más desactualizado estará el software. También vale la pena mencionar que muchas de las plataformas de tutoriales, como Dansky, envatotuts + y Udemy, cuentan con tutoriales del diseñador británico Daniel White. Daniel tiene más de 10 años de experiencia como diseñador en el Reino Unido.
Adobe Experience Design CC (Beta) está disponible para descargar de forma gratuita durante el período de vista previa. Puede descargarlo de Adobe o mediante la aplicación de escritorio de Creative Cloud.
Aprenda y soporte Adobe XD
10 tutoriales diferentes
Nivel: principiante y experimentado
Precio: gratuito
Comenzamos con el propio servicio de soporte de Adobe. Divididos en una guía para principiantes y una guía para el usuario, los tutoriales de Adobe son muy fáciles de seguir y un excelente lugar para comenzar.
Hay siete tutoriales con la ayuda de videos para ayudar a los nuevos usuarios a manejar el software, como familiarizarse con la interfaz XD y dibujar iconos por primera vez.
Los tutoriales para principiantes incluyen diseño para aplicaciones web y móviles, cómo crear y compartir prototipos, exportar, dibujar iconos y formas y obtener una vista previa de su diseño en dispositivos reales.
Todos estos son para macOS, pero desde entonces se han agregado dos videos clave: un instructivo en Adobe XD para Windows y cómo hacer wireframe en un prototipo de alta fidelidad.
Los tutoriales experimentados cubren consejos, sugerencias y trucos profesionales para el diseño de UI / UX en macOS y wireframe de alta fidelidad.
Todo lo que necesitas hacer por adelantado es descargar Adobe XD y un archivo de muestra para practicar.
Dansky
24 tutoriales diferentes
Nivel: principiante y experimentado
Precio: Gratis
Dansky es probablemente el mejor sitio web para visitar para obtener una sólida comprensión de Adobe XD.
Dansky es una plataforma en línea dedicada a personas creativas, esencialmente un centro de habilidades creativas para diseñadores en Adobe Illustrator, InDesign, Photoshop Premiere Pro, Sketch y XD. Los tutoriales de transmisión en vivo grabados de Adobe XD son proporcionados por el diseñador Daniel White, el hombre detrás de Dansky. Aunque son geniales; necesitará un poco de tiempo libre en sus manos para ver cada video completo de una hora y 30 minutos aproximadamente.
Cada tutorial se enfoca en un tema específico. Daniel cubre el diseño y prototipo de aplicaciones, diseño de interfaz de usuario de chat, mesas de trabajo desplazables, bordes rectos y curvos, 10 iconos, interfaz de usuario de conmutador de trabajo, diseño y encuadre de cables, capas y símbolos, interfaz de usuario del navegador, icono del logotipo de Instagram y la lista continúa.
Udemy
5 tutoriales diferentes de
Nivel: principiante y avanzado
Los cursos de Udemy no te costarán mucho dinero de su bolsillo, pero te garantizarán el asesoramiento de expertos sobre cómo navegar en Adobe XD.
Cómo diseñar y crear prototipos en Adobe XD es un curso de formación sobre las herramientas de Adobe XD, cómo diseñar iconos y otros elementos populares de la interfaz de usuario, y cómo diseñar una pantalla de aplicación en Adobe XD.
Recibirá videos a pedido, recursos complementarios y acceso en dispositivos móviles y TV.
Este curso está dirigido no solo a diseñadores web, diseñadores de UI y diseñadores de UX, sino también a estudiantes interesados en aprender el diseño y la creación de prototipos de aplicaciones.
Lynda.com
7 tutoriales diferentes
Nivel: principiante
Lynda es un gran centro para todos los tutoriales para desarrolladores, diseño y web. Puedes probar Lynda gratis durante 30 días, y en ese tiempo aprender a usar Adobe XD de forma gratuita, o puedes suscribirte al mes y obtener acceso a todos los tutoriales en video y nuevos cursos semanalmente.
En un video tutorial de una hora para principiantes, aprenda a usar todas las funciones principales de Adobe XD, como mesas de trabajo, herramientas de dibujo y texto, enlaces e interacciones, panel de vista previa y funciones para compartir.
Aprenda también a usar Repeat Grid, una función para duplicar contenido en un diseño. Ten en cuenta que este tutorial tiene casi un año, por lo que puede haber nuevas funciones.
Pero hay muchos más tutoriales en video de Adobe XD disponibles en Lynda.com, que incluyen nuevas funciones y cómo diseñar un sitio web o una aplicación móvil, así que busca para descubrir qué tutorial se adapta mejor a tus necesidades.
Envatotuts +
4 tutoriales diferentes
Nivel: Principiante
Hay cuatro tutoriales prácticos de Adobe XD disponibles en Envatotuts + que definitivamente vale la pena revisar.
De hecho, Daniel White vuelve a aparecer con sus consejos sobre cómo crear un prototipo de una aplicación en Adobe XD, junto con Adobe XD en 60 segundos y los tutoriales This is Adobe XD, que cubren rellenos, degradados y sombras, transformación y alineación de formas, desenfoque de objetos y fondos, creación de prototipos. y transiciones.
También está la Rafiq El Mansy Cómo crear un prototipo de interfaz de usuario con Adobe XD de guía paso a paso.
Puede tomar un curso Envatotuts + de inmediato con una prueba gratuita de 10 días; de lo contrario, la plataforma cuenta con una subscripción mensual, lo que otorga acceso a cientos de cursos, y se agregan nuevos cada semana.
Lea a continuación: Las mejores alternativas a Illustrator.