Por Arturo Servín, Diseñador Web
Aprende desde cero a diseñar una app para iOS y Android como un profesional
Una aplicación exitosa debe solucionar un problema de forma simple y amigable, y el diseño es clave para lograrlo. En este Domestika Basics de cinco cursos, aprenderás desde cero a utilizar Adobe XD, el software para el diseño de prototipos de interfaces de sitios web y aplicaciones de Adobe CC, para diseñar una app como un profesional. De la mano del diseñador gráfico especializado en diseño web y Adobe Certified Instructor Arturo Servín, conocerás todo lo que necesitas para dominar el programa sin conocimientos previos.
Lo primero que harás será entender el flujo de trabajo de un documento en Adobe XD, conocer los diferentes módulos de su interfaz, cómo utilizar la ventana de propiedades y las mesas de trabajo, para luego crear tu primer documento en este software t comenzar a estructurar el diseño de tu aplicación.
Aprenderás a usar las herramientas para ordenar, alinear y distribuir elementos dentro de las mesas de trabajo. Crearás formas simples para convertirlas en iconos que integrarás en tu aplicación y verás cómo puedes desarrollar e integrar estilos tipográficos.
Después crearás la interfaz de la aplicación. Verás cómo importar imágenes y trabajar con símbolos en tu proyecto. Seguidamente conocerás la herramienta Grid para optimizar procesos, y Arturo te explicará cómo integrar tu interfaz de usuario para iOS y Android.
Continuarás tu aprendizaje, esta vez enfocado en algo fundamental: la organización. Descubrirás la utilidad de trabajar con guías inteligentes y aprenderás a utilizar adecuadamente el panel de capas. Seguidamente, verás cómo trabajar con carpetas y, también, cómo fijar elementos dentro de la aplicación. Luego, verás las ventajas de trabajar con una librería de Adobe CC.
5 Módulos incluidos en el curso
Módulo 1 – Conceptos básicos de Adobe Xd
Descubre la interfaz y las herramientas principales para crear tu proyecto
Empezarás tu introducción a Adobe XD conociendo el flujo de trabajo de un documento en este software, cómo crear un documento nuevo, organizarlo y exportarlo. Navegarás por la interfaz del programa módulo a módulo: primero los modos de visualiza…
Módulo 2 – Proyección y diseño básico
Aprende a estructurar una aplicación móvil y a integrar iconos y tipografías
Arturo iniciará este segundo curso explicándote la manera en la que debes estructurar una aplicación en Adobe XD para reflejarla de la mejor manera en la interfaz del programa. Seguidamente, aprenderás a utilizar adecuadamente las herramientas p…
Módulo 3 – Gráficos e interfaz
Crea la interfaz de tu aplicación para iOS y Android
Comenzarás el tercer curso aprendiendo a integrar imágenes dentro del proyecto mediante importación y arrastre de archivos. Seguidamente, verás cómo hacer un símbolo y colocarlo múltiples veces en el documento logrando un proceso óptimo. Arturo …
Módulo 4 – La organización: pieza fundamental
Descubre herramientas y consejos para tener un proyecto organizado
Iniciarás el cuarto curso con el foco en la organización de tu documento desde su nacimiento. Aprenderás las ventajas de desarrollar un proyecto usando las guías inteligentes como una herramienta de construcción clave y, también, verás el mejor …
Módulo 5 – Crea un prototipo interactivo de aplicación
Aprende a vincular secciones para luego compartir un prototipo 100 % interactivo
En el último curso de este Domestika Basics afinarás todos los detalles para tener un prototipo listo para probarlo antes de iniciar el desarrollo. Primero, descubrirás cómo funcionan los modos de trabajo para construir un prototipo. Seguidament…
Para finalizar este Domestika Basics de Adobe XD, crearás un prototipo interactivo de tu aplicación. Arturo te explicará la importancia de la pantalla inicial y, una vez tengas construida toda las pantallas de la aplicación, te enseñará a vincular las secciones, así como a editar y corregir los enlaces. Verás diferentes opciones de previsualización, para finalmente conocer las distintas formas de compartir tu prototipo y recibir comentarios.
Requisitos técnicos
- Un ordenador con Windows 10 Creators Update v1703 o posterior, o macOS High Sierra 10.13 o posterior.
- Procesador con compatibilidad de 64 bits.
- 4 GB de RAM.
- Adobe XD CC (puedes comprarlo o descargar la versión de prueba de 7 días en la página oficial de Adobe).