Introducción a Adobe XD para aplicaciones móviles

Offered By: Domestika

Course Description

Overview

Aprende desde cero a diseñar una app para iOS y Android como un profesional

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

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.

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

Syllabus

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 y distribuir
Creación, edición y combinación de formas - Parte 1
Creación, edición y combinación de formas - Parte 2
Diseñando iconos
Integración de textos y estilos tipográficos
Práctica: Crea iconos y estilos tipográficos
Integración de imágenes
Trabajando con símbolos - Parte 1
Trabajando con símbolos - Parte 2
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 - Parte 2
Vinculación entre secciones - Parte 1
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

Taught by

Arturo Servín