Aprende desde cero a diseñar una app para iOS y Android como un profesional
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.
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.
- Bienvenida
- El flujo de trabajo de Adobe XD
- Navegando por la interfaz del programa
- Las ventajas del inspector de propiedades
- Las mesas de trabajo
- Gestión de documentos
- Búsqueda de recursos
- Práctica: Estructura base del diseño de una aplicación
- Estructurando la aplicación
- Ordenar, alinear, distribuir
- Creación, edición y combinación de formas
- Diseñando iconos
- Integración de textos y estilos tipográficos
- Crea iconos y estilos tipográficos
- Integración de imágenes
- Trabajando con símbolos
- La herramienta mágica: Grid
- Editar Grid
- Integración del kit de interfaz de usuario para iOS
- Integración del kit de interfaz de usuario para Android
- Práctica: Crea la interfaz de tu aplicación
- Las amadas guías inteligentes
- Seleccionar objetos desde el panel de capas
- La maravilla de las carpetas
- Fijando objetos
- Las ventajas de usar una librería de Adobe
- Práctica: Ordena los recursos de tu aplicación
- Modos de trabajo
- La importancia de la pantalla inicial
- Vinculación entre secciones
- Editar, revisar y corregir vínculos
- Diferentes clases de previsualización
- Compartir, editar, compartir de nuevo
- Los comentarios
- Crea y comparte tu prototipo de aplicación
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.
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).