Para qué te prepara este curso subvencionado Curso Gratuito Curso Superior en Diseño de Interfaces con Adobe XD, Figma y InVision Studio:
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.
Objetivos de este curso subvencionado Curso Gratuito Curso Superior en Diseño de Interfaces con Adobe XD, Figma y InVision Studio:
<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.
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."
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
- ¿Qué es interfaz de usuario (UI)?
- Diferencias y similitudes entre UX y UI
UNIDAD DIDÁCTICA 2. UI DESIGN PROCESS
- Proceso de negocio
- User persona
- Screen flow
- Wireframes
- Diseño Alta Fidelidad
- Prototipado
- Feedback y entrega
UNIDAD DIDÁCTICA 3. FUNDAMENTOS DEL DISEÑO UI
- Principios del diseño aplicados al UI
- Principios de claridad
- Reglas Heurísticas de usabilidad
- Elementos de una interfaz de usuario
- Patrones y consistencias del diseño UI
UNIDAD DIDÁCTICA 4. UI KIT Y SISTEMAS DE DISEÑO
- UI kits
- Atomic Design
- Icon Design
- Los sistemas de diseño
UNIDAD DIDÁCTICA 5. MOTION UI
- Principios del Motion
- Microinteracciones
MÓDULO 2. DISEÑO UI CON ADOBE XD
UNIDAD DIDÁCTICA 1. PRIMEROS PASOS EN ADOBE XD
- Introducción a Adobe XD
- Instalación y configuraciones principales
- Menú Herramientas
- Generación de Artboards y guía
- Ejercicios
UNIDAD DIDÁCTICA 2. HERRAMIENTAS BÁSICAS
- Formas: creación, modificación, colores, gradiantes y paletas
- Textos: propiedades, línea o área, alineación, color y estilos
- Imágenes y exportación: importanción, modificaciones y exportación de artboards
- Ejercicios
UNIDAD DIDÁCTICA 3. ORGANIZACIÓN DE ELEMENTOS I
- Organización de capas nombres y grupos
- Bloqueo y fusión
- Tipos de máscaras y aplicación en proyectos
- Ejercicios
UNIDAD DIDÁCTICA 4. ORGANIZACIÓN DE ELEMENTOS II
- Alineación de elementos, márgenes y distribución de formas
- Funcionalidad de repetición
- Aplicación y configuración de componentes
- Ejercicios
UNIDAD DIDÁCTICA 5. CUADRÍCULAS
- Creación y aplicación
- Diseño de páginas
- Prototipo
- Adaptación a mobile
- Ejercicios
UNIDAD DIDÁCTICA 6. INTERFACES
- Constantes y variables de una interfaz
- Header, footer y menú
- Botones y galerías
- Ejercicios
MÓDULO 3. DISEÑO UI CON FIGMA
UNIDAD DIDÁCTICA 1. PRIMEROS PASOS EN FIGMA
- Introducción
- Descarga y creación de una cuenta
- Entorno de trabajo
- El menú principal
- Ejercicios
UNIDAD DIDÁCTICA 2. HERRAMIENTAS BÁSICAS
- Mover y Escalar
- Frames y slices
- Dibujar vectores
- Herramientas de texto
- La herramienta Mano
- Comentarios en Figma
- Ejercicios
UNIDAD DIDÁCTICA 3. HERRAMIENTAS CONTEXTUALES
- Editar objetos
- Crear un componente de Figma
- Crear máscaras en Figma
- Crear un link con Figma
- Operaciones booleanas
- Otras herramientas
- Ejercicios
UNIDAD DIDÁCTICA 4. TRABAJO COLABORATIVO CON FIGMA
- Funcionamiento
- Añadir colaboradores
- Ver y responder comentarios
- Bibliotecas de componentes
- Ejercicios
UNIDAD DIDÁCTICA 5. CREACIÓN DE SISTEMAS DE DISEÑO
- Creación y gestión
- Estilos en un sistema de diseño
- Componentes en un sistema de diseño
- Ejemplos del sistema de diseño
- Ejercicios
UNIDAD DIDÁCTICA 6. PLUGING DE FIGMA
- Añadir plugins a Figma
- Pluging recomendados
UNIDAD DIDÁCTICA 7. ANIMACIONES E INTERACCIONES
- Creación de interacciones
- Creación de animaciones sencillas
- Manejo de interacciones disponibles
- Ejercicios
UNIDAD DIDÁCTICA 8. PRESENTACIÓN Y EXPORTACIÓN
- Crear presentación en Figma
- Exportar archivos
- Compartir el link de vista previa
- Ejercicios
MÓDULO 4. DISEÑO UI CON INVISION STUDIO
UNIDAD DIDÁCTICA 1. PRIMEROS PASOS EN INVISION STUDIO
- Introducción a InVision Studio
- El flujo de trabajo en InVision Studio
- La ventana de Bienvenida
- Descripción de la interfaz
- La anatomía del documento
- Guardar archivos de estudio
- Ejercicios
UNIDAD DIDÁCTICA 2. LAS MESAS DE TRABAJO
- Crear mesas de trabajo despazables
- Elementos de fijación
- Paralaje de máscaras de imagen
- Ejercicios
UNIDAD DIDÁCTICA 3. LAS CAPAS
- La gestión de las Capas
- Agregar y editar Capas de texto
- Capas de enmascaramiento
- Edición de máscaras
- Ejercicios
UNIDAD DIDÁCTICA 3. OPERACIONES BOOLEANAS
- Unión
- Sustraer
- Intersecar
- Diferencia
- Edición de subcapas
- Ejercicios
UNIDAD DIDÁCTICA 4. PROTOTIPADO CON INVISION
- Prototipado con InVision
- Configuración de un prototipo
- Interacciones en un prototipo
- Compartiendo un prototipo
- Colaboración en prototipo
- Ejercicios
UNIDAD DIDÁCTICA 5. TRANSICIONES DE MOVIMIENTO
- ¿Qué es la transición de movimiento?
- Configuración de mesas de trabajo
- Adición de una transición de movimiento
- Optimización de animaciones con el editor de línea de tiempo
- El disparador del temporizador
- Ejercicios
UNIDAD DIDÁCTICA 6. LOS COMPONENTES
- Creación de componentes
- Adición de instancias
- Edición de componentes
- Desvincular componentes
- Posición superior
- 6.Estilo predominante
- Texto anulado y reestablecido
- Redimensionar componentes
- Ejercicios
UNIDAD DIDÁCTICA 7. BIBLIOTECAS COMPARTIDAS
- Agregar una biblioteca compartida
- Intercambio de documentos y componentes compartidos
- Edición de componentes compartidos
- Recpnectar una biblioteca
- Ejercicios
curso gratuito le prepara para ser 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.
. ¿A qué esperas para llevar a cabo tus proyectos personales?.Cursos gratuitos relacionados:
Curso Gratuito Curso en Diseño UI con Invision StudioEl Curso en Diseño UI con InVision te prepara para ampliar tus destrezas y habilidades en el desarrollo visual de entornos digitales y aplic...
Curso Gratuito Curso en Diseño UI con FigmaCon el Curso en UI con Figma obtendrás todos los conocimientos necesarios para dominar la herramienta más completa para el diseño visual de prototi...
Curso Gratuito Curso en Diseño UI con FigmaCon el Curso en UI con Figma obtendrás todos los conocimientos necesarios para dominar la herramienta más completa para el dise&ntild...
Curso Gratuito Character Studio: Experto en 3D Studio MaxEste Curso de Character Studio: Experto en 3D Studio Max le prepara para desenvolverse profesionalmente en el mundo del diseño 3D, usando la...
Curso Gratuito Curso Universitario en Diseño y Modelado 3D con 3D Studio MaxEste Curso Universitario en Diseño y Modelado 3D con 3D Studio Max estarás preparado para utilizarlo de manera profesional, permitien...
Curso Gratuito Curso Online en Character Studio en 3ds MaxEl curso online de Character Studio en 3ds Max le prepara para introducirse y realizar proyectos de creación y diseño de personajes 3...
Curso Gratuito Modelado Inorgánico Básico: Experto 3D Studio MaxEl Curso de Modelado Inorgánico Básico: Experto 3D Studio Max le prepara para tener una visión amplia del diseño 3D, fa...
Curso Gratuito Rigging de Personajes: Experto en 3D Studio MaxEl Curso de Rigging de Personajes: Experto en 3D Studio Max, te prepara para tener una visión amplia del entorno de diseño y animación 3. Gracias a...