- Presentación
- Temario
- Claustro
- Metodología
- Titulación
Descripción
Cada vez son más demandados profesionales del diseño de experiencias de Usuario (UX/UI) y la especialización se ha convertido en un factor decisivo para la empleabilidad en el sector. ¿Quieres ser uno de ellos? El Curso de diseño de Interfaces Web te enseña todo lo necesario para especializarte en el Diseño de Interfaces de Usuario (UI) aprendiendo de manera práctica a manejar las principales herramientas como son Adobe XD, Figma y Sketch.
¿A quién va dirigido?
Objetivos
- Aprender los principios del diseño de interfaces de usuario para sitios web y aplicaciones.
- Aprende a dominar las mejores herramientas para el diseño UI como son Adobe XD, Figma y Sketch
- Conoce como desarrollar un proyecto de diseño de interfaz, desde las primeras propuestas hasta el producto digital final.
- Adquirir las competencias necesarias para desarrollarte como profesional especializado en UI.
Salidas Profesionales
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
¿Con quién vas a aprender? Conoce al claustro
Daniel Cabrera
Licenciado en Ciencias Físicas y con Máster en Implantación, Gestión y Auditoría de Sistemas de Seguridad de Información ISO 27001-27002.
Administrador de sistemas durante más de 15 años, gestor de plataformas de alta capacidad, escalabilidad y rendimiento. Siempre a la última en todo lo relacionado con tecnologías Cloud, DevOps, SER, etc.
Bibiana Moreno Leyva
CEO de EducaLMS, proyecto de innovación educativa. Técnica superior en Desarrollo de Aplicaciones Informáticas. Cuenta con más de seis años de experiencia profesional en la coordinación de análisis de aplicaciones multiplataforma y cinco años en desarrollo de aplicaciones web con distintas infraestructuras.
Emilio Romero Sánchez
Técnico Superior en Diseño y Producción Editorial. Especialista en Diseño Gráfico, Impresión en pequeño y gran formato, Diseño e Impresión 3D, Rotulación, Publicidad y Branding.
Hoy en día, continúa su desarrollo profesional en el ámbito publicitario, ofreciendo soluciones integrales e innovadoras.
María Pilar Liñan Arantave
Licenciada en Bellas Artes y especializada en diseño. Apasionada de su trabajo, cuenta con más de 10 años al frente de proyectos creativos de diseño web y diseño UX-UI. Actualmente, además de docente, es responsable de supervisar todos los aspectos de innovación y diseño digital. Le encantan los retos y estar siempre a la última en tendencias digitales.
Juan Francisco Segura Crespo
Graduado en Bellas Artes y Máster en Producción Artística especializado en Arte y Tecnología por la Universidad Politécnica de Valencia.
Cuenta con amplia experiencia profesional en diseño gráfico, artes visuales y gestión de industrias culturales. Ha participado en numerosos proyectos de creación para instituciones artísticas y recibido diferentes becas y premios por su trabajo como creador.
Metodología
EDUCA LXP se basa en 6 pilares
Titulación
INESEM Business School se ocupa también de la gestión de la Apostilla de la Haya, previa demanda del estudiante. Este sello garantiza la autenticidad de la firma del título en los 113 países suscritos al Convenio de la Haya sin necesidad de otra autenticación. El coste de esta gestión es de 65 euros. Si deseas más información contacta con nosotros en el 958 050 205 y resolveremos todas tus dudas.
Explora nuestras Áreas Formativas
Construye tu carrera profesional
Descubre nuestro amplio Catálogo Formativo, incluye programas de Cursos Superior, Expertos, Master Profesionales y Master Universitarios en las diferentes Áreas Formativas para impulsar tu carrera profesional.
Curso Superior en Diseño de Interfaces con Adobe XD y Figma
