Curso Gratuito Curso Superior en Diseño de Interfaces con Adobe XD, Figma y InVision Studio

Información gratuita

Nombre y apellidos

Email

Teléfono

Situación laboral

País

Provincia

Acepto la Política de Privacidad, el Aviso Legal y la Política de Cookies de cursosgratuitos.es

Curso 100% Bonificable si eres trabajador contratado en el régimen general y envías la documentación de matrícula (en el caso de ser estudiante, desempleado, autónomo, funcionario o jubilado puedes realizar este curso de forma parcialmente subvencionada)

Busca otros cursos gratuitos

Para qué te prepara:

Este curso de Diseño de Interfaces con Adobe XD, Figma y InVision Studio te prepara para ser un gran profesional del diseño de interfaces de usuario UI, una disciplina cada vez mas demanda el mercado laboral. Te convertirás en un diseñador especializado que maneja todos los softwares necesarios para hacer una gran labor de prototipado y desarrollo de interfaces web. Maneja al completo Adobe XD, Figma y Sketch, aprendiendo de manera práctica mediante ejercicios tutelados.

A quién va dirigido:

Este curso está dirigido a personas interesadas en el diseño UX/UI que quieren desarrollarse como profesionales especializados en la creación de diseño de Interfaces de Usuario para aplicaciones o web. Tengas o no conocimientos previos, sabrás dominar todas las herramientas necesarias como Adobe XD, Figma y Sketch aplicando todo lo que aprendas a prácticas tuteladas.

Titulación:

Titulación Expedida y Avalada por el Instituto Europeo de Estudios Empresariales. "Enseñanza No Oficial y No Conducente a la Obtención de un Título con Carácter Oficial o Certificado de Profesionalidad."

Objetivos:

<ul><li>Aprender los principios del diseño de interfaces de usuario para sitios web y aplicaciones.</li><li>Aprende a dominar las mejores herramientas para el diseño UI como son Adobe XD, Figma y Sketch</li><li>Conoce como desarrollar un proyecto de diseño de interfaz, desde las primeras propuestas hasta el producto digital final.</li><li>Adquirir las competencias necesarias para desarrollarte como profesional especializado en UI.</li></ul>

Salidas Laborales:

Desarrolla tu carrera profesional como diseñador de interfaces de usuario (UI). Podrás trabajar en grandes proyectos de desarrollo de producto digital, mano a mano con diseñadores de experiencia de usuario (UX) y Desarrolladores Web. Tú serás el encargado de crear la apariencia visual con la que los usuarios del sitio web o aplicación interactuarán.

Resumen:

Cada vez son mas los profesionales que se necesitan para el diseño de productos digitales, sitios web o aplicaciones. Esto hace que se requieran profesionales muy especializados que intervengan en su creación. El Curso Diseño de Interfaces con Adobe XD, Figma y InVision Studio te capacita para desarrollarte como profesional especializado en el Diseño de Interfaces de Usuario (UI) dominando las principales herramientas para la creación y prototipado de web y app como son Adobe XD, Figma y Sketch. INESEM te ofrece todos los conocimientos necesarios para ser un gran diseñador de interfaces de usuario, desarrollando todo tu aprendizaje teórico en actividades prácticas tuteladas por profesionales. Plantea, prototipa y desarrolla los mejores sitios web y aplicaciones.

Metodología:

Con nuestra metodología de aprendizaje online, el alumno comienza su andadura en INESEM Business School a través de un campus virtual diseñado exclusivamente para desarrollar el itinerario formativo con el objetivo de mejorar su perfil profesional. El alumno debe avanzar de manera autónoma a lo largo de las diferentes unidades didácticas así como realizar las actividades y autoevaluaciones correspondientes. La carga de horas de la acción formativa comprende las diferentes actividades que el alumno realiza a lo largo de su itinerario. Las horas de teleformación realizadas en el Campus Virtual se complementan con el trabajo autónomo del alumno, la comunicación con el docente, las actividades y lecturas complementarias y la labor de investigación y creación asociada a los proyectos. Para obtener la titulación el alumno debe aprobar todas la autoevaluaciones y exámenes y visualizar al menos el 75% de los contenidos de la plataforma. Por último, es necesario notificar la finalización de la acción formativa desde la plataforma para comenzar la expedición del título.

Temario:

MÓDULO 1. EL DISEÑO DE INTERFACES DE USUARIO (UI)

UNIDAD DIDÁCTICA 1. INTRODUCCIÓN AL UI
  1. ¿Qué es interfaz de usuario (UI)?
  2. Diferencias y similitudes entre UX y UI
UNIDAD DIDÁCTICA 2. UI DESIGN PROCESS
  1. Proceso de negocio
  2. User persona
  3. Screen flow
  4. Wireframes
  5. Diseño Alta Fidelidad
  6. Prototipado
  7. Feedback y entrega
UNIDAD DIDÁCTICA 3. FUNDAMENTOS DEL DISEÑO UI
  1. Principios del diseño aplicados al UI
  2. Principios de claridad
  3. Reglas Heurísticas de usabilidad
  4. Elementos de una interfaz de usuario
  5. Patrones y consistencias del diseño UI
UNIDAD DIDÁCTICA 4. UI KIT Y SISTEMAS DE DISEÑO
  1. UI kits
  2. Atomic Design
  3. Icon Design
  4. Los sistemas de diseño
UNIDAD DIDÁCTICA 5. MOTION UI
  1. Principios del Motion
  2. Microinteracciones

MÓDULO 2. DISEÑO UI CON ADOBE XD

UNIDAD DIDÁCTICA 1. PRIMEROS PASOS EN ADOBE XD
  1. Introducción a Adobe XD
  2. Instalación y configuraciones principales
  3. Menú Herramientas
  4. Generación de Artboards y guía
  5. Ejercicios
UNIDAD DIDÁCTICA 2. HERRAMIENTAS BÁSICAS
  1. Formas: creación, modificación, colores, gradiantes y paletas
  2. Textos: propiedades, línea o área, alineación, color y estilos
  3. Imágenes y exportación: importanción, modificaciones y exportación de artboards
  4. Ejercicios
UNIDAD DIDÁCTICA 3. ORGANIZACIÓN DE ELEMENTOS I
  1. Organización de capas nombres y grupos
  2. Bloqueo y fusión
  3. Tipos de máscaras y aplicación en proyectos
  4. Ejercicios
UNIDAD DIDÁCTICA 4. ORGANIZACIÓN DE ELEMENTOS II
  1. Alineación de elementos, márgenes y distribución de formas
  2. Funcionalidad de repetición
  3. Aplicación y configuración de componentes
  4. Ejercicios
UNIDAD DIDÁCTICA 5. CUADRÍCULAS
  1. Creación y aplicación
  2. Diseño de páginas
  3. Prototipo
  4. Adaptación a mobile
  5. Ejercicios
UNIDAD DIDÁCTICA 6. INTERFACES
  1. Constantes y variables de una interfaz
  2. Header, footer y menú
  3. Botones y galerías
  4. Ejercicios

MÓDULO 3. DISEÑO UI CON FIGMA

UNIDAD DIDÁCTICA 1. PRIMEROS PASOS EN FIGMA
  1. Introducción
  2. Descarga y creación de una cuenta
  3. Entorno de trabajo
  4. El menú principal
  5. Ejercicios
UNIDAD DIDÁCTICA 2. HERRAMIENTAS BÁSICAS
  1. Mover y Escalar
  2. Frames y slices
  3. Dibujar vectores
  4. Herramientas de texto
  5. La herramienta Mano
  6. Comentarios en Figma
  7. Ejercicios
UNIDAD DIDÁCTICA 3. HERRAMIENTAS CONTEXTUALES
  1. Editar objetos
  2. Crear un componente de Figma
  3. Crear máscaras en Figma
  4. Crear un link con Figma
  5. Operaciones booleanas
  6. Otras herramientas
  7. Ejercicios
UNIDAD DIDÁCTICA 4. TRABAJO COLABORATIVO CON FIGMA
  1. Funcionamiento
  2. Añadir colaboradores
  3. Ver y responder comentarios
  4. Bibliotecas de componentes
  5. Ejercicios
UNIDAD DIDÁCTICA 5. CREACIÓN DE SISTEMAS DE DISEÑO
  1. Creación y gestión
  2. Estilos en un sistema de diseño
  3. Componentes en un sistema de diseño
  4. Ejemplos del sistema de diseño
  5. Ejercicios
UNIDAD DIDÁCTICA 6. PLUGING DE FIGMA
  1. Añadir plugins a Figma
  2. Pluging recomendados
UNIDAD DIDÁCTICA 7. ANIMACIONES E INTERACCIONES
  1. Creación de interacciones
  2. Creación de animaciones sencillas
  3. Manejo de interacciones disponibles
  4. Ejercicios
UNIDAD DIDÁCTICA 8. PRESENTACIÓN Y EXPORTACIÓN
  1. Crear presentación en Figma
  2. Exportar archivos
  3. Compartir el link de vista previa
  4. Ejercicios

MÓDULO 4. DISEÑO UI CON INVISION STUDIO

UNIDAD DIDÁCTICA 1. PRIMEROS PASOS EN INVISION STUDIO
  1. Introducción a InVision Studio
  2. El flujo de trabajo en InVision Studio
  3. La ventana de Bienvenida
  4. Descripción de la interfaz
  5. La anatomía del documento
  6. Guardar archivos de estudio
  7. Ejercicios
UNIDAD DIDÁCTICA 2. LAS MESAS DE TRABAJO
  1. Crear mesas de trabajo despazables
  2. Elementos de fijación
  3. Paralaje de máscaras de imagen
  4. Ejercicios
UNIDAD DIDÁCTICA 3. LAS CAPAS
  1. La gestión de las Capas
  2. Agregar y editar Capas de texto
  3. Capas de enmascaramiento
  4. Edición de máscaras
  5. Ejercicios
UNIDAD DIDÁCTICA 3. OPERACIONES BOOLEANAS
  1. Unión
  2. Sustraer
  3. Intersecar
  4. Diferencia
  5. Edición de subcapas
  6. Ejercicios
UNIDAD DIDÁCTICA 4. PROTOTIPADO CON INVISION
  1. Prototipado con InVision
  2. Configuración de un prototipo
  3. Interacciones en un prototipo
  4. Compartiendo un prototipo
  5. Colaboración en prototipo
  6. Ejercicios
UNIDAD DIDÁCTICA 5. TRANSICIONES DE MOVIMIENTO
  1. ¿Qué es la transición de movimiento?
  2. Configuración de mesas de trabajo
  3. Adición de una transición de movimiento
  4. Optimización de animaciones con el editor de línea de tiempo
  5. El disparador del temporizador
  6. Ejercicios
UNIDAD DIDÁCTICA 6. LOS COMPONENTES
  1. Creación de componentes
  2. Adición de instancias
  3. Edición de componentes
  4. Desvincular componentes
  5. Posición superior
  6. 6.Estilo predominante
  7. Texto anulado y reestablecido
  8. Redimensionar componentes
  9. Ejercicios
UNIDAD DIDÁCTICA 7. BIBLIOTECAS COMPARTIDAS
  1. Agregar una biblioteca compartida
  2. Intercambio de documentos y componentes compartidos
  3. Edición de componentes compartidos
  4. Recpnectar una biblioteca
  5. Ejercicios