Curso Superior en Diseño de Interfaces con Adobe XD, Figma y InVision Studio
convocatoria
Convocatoria Abierta
modalidad
Online
duracion
250 H
precio
460 EUR
convocatoria
Convocatoria
Abierta
Las acciones formativas de INESEM tienen modalidad online
Modalidad
Online
Duración de las acciones formativas de INESEM
Duración
250 H
Precio de las acciones formativas de INESEM
Precio
460EUR
¡Puedes fraccionar tus pagos cómodamente!

Cuota

460 €
Resto de plazos: 460 €/mes

Presentació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 InVision Studio.

plan de estudios

Para qué te prepara

¿Te gustaría ser profesional en diseño de Interfaces de Usuario (UI)? Con el Curso de Diseño de Interfaces Web aprenderás a crear las mejores experiencias de usuario en sitios web o app, con las principales herramientas, como son Adobe XD, Figma y InVision Studio. En el Curso de Diseño de Interfaces Web aplicarás todo el conocimiento a propuestas prácticas tuteladas por profesionales que te capacitarán como un experto del diseño de interfaces de usuario.


Objetivos
  • Conocer los principios y fundamentos del diseño de Interfaces de Usuario en sitios web o app.
  • Dominar las principales herramientas para el diseño de interfaces de Usuario; Adobe XD, Figma y InVision Studio.
  • Aplicar todos los conocimientos mediante prácticas tuteladas por profesionales.
  • Aprender a desarrollar el proceso completo de creación de interfaces web. De 0 a 100.
  • Desarrollar tu creatividad y capacidades en una disciplina con gran demanda laboral.

A quién va dirigido

Este Curso de diseño de Interfaces Web va dirigido a personas interesadas en el diseño UX/UI que deseen especializarse como profesionales del diseño de Interfaces de Usuario (UI). Tengas o no conocimientos previos en el diseño de experiencias de usuario en web o app, este curso te capacitará aprendiendo a manejar por completo y de forma prácticas las mejores herramientas como son Adobe XD, Figma y InVision Studio.


Salidas Profesionales

Con el Curso de Diseño de Interfaces Web lograrás especializarte como profesional del Diseño de Interfaces de Usuario (UI) pudiendo formar parte de grandes equipos del diseño de Productos Digitales. Compartirás trabajo con Diseñadores de Experiencia de Usuario (UX) siendo tu el encargado de dar forma a todas las ideas que harán de la web o app todo un éxito.

temario

  1. ¿Qué es interfaz de usuario (UI)?
  2. Diferencias y similitudes entre UX y UI
  1. Proceso de negocio
  2. User persona
  3. Screen flow
  4. Wireframes
  5. Diseño Alta Fidelidad
  6. Prototipado
  7. Feedback y entrega
  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
  1. UI kits
  2. Atomic Design
  3. Icon Design
  4. Los sistemas de diseño
  1. Principios del Motion
  2. Microinteracciones
  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
  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
  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
  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
  1. Creación y aplicación
  2. Diseño de páginas
  3. Prototipo
  4. Adaptación a mobile
  5. Ejercicios
  1. Constantes y variables de una interfaz
  2. Header, footer y menú
  3. Botones y galerías
  4. Ejercicios
  1. Introducción
  2. Descarga y creación de una cuenta
  3. Entorno de trabajo
  4. El menú principal
  5. Ejercicios
  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
  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
  1. Funcionamiento
  2. Añadir colaboradores
  3. Ver y responder comentarios
  4. Bibliotecas de componentes
  5. Ejercicios
  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
  1. Añadir plugins a Figma
  2. Pluging recomendados
  1. Creación de interacciones
  2. Creación de animaciones sencillas
  3. Manejo de interacciones disponibles
  4. Ejercicios
  1. Crear presentación en Figma
  2. Exportar archivos
  3. Compartir el link de vista previa
  4. Ejercicios
  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
  1. Crear mesas de trabajo despazables
  2. Elementos de fijación
  3. Paralaje de máscaras de imagen
  4. Ejercicios
  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
  1. Unión
  2. Sustraer
  3. Intersecar
  4. Diferencia
  5. Edición de subcapas
  6. Ejercicios
  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
  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
  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
  1. Agregar una biblioteca compartida
  2. Intercambio de documentos y componentes compartidos
  3. Edición de componentes compartidos
  4. Recpnectar una biblioteca
  5. Ejercicios

metodología

claustro

Claustro de Profesores Especializado

Realizará un seguimiento personalizado del aprendizaje del alumno.

campus virtual

Campus virtual

Acceso ilimitado desde cualquier dispositivo 24 horas al día los 7 días de la semana al Entorno Personal de Aprendizaje.

materiales didácticos

Materiales didácticos

Apoyo al alumno durante su formación.

material adicional

Material Adicional

Proporcionado por los profesores para profundizar en cuestiones indicadas por el alumno.

Centro de atención al estudiante (CAE)

Centro de atención al estudiante (CAE)

Asesoramiento al alumno antes, durante, y después de su formación con un teléfono directo con el claustro docente 958 050 242.

inesem emplea

INESEM emplea

Programa destinado a mejorar la empleabilidad de nuestros alumnos mediante orientación profesional de carrera y gestión de empleo y prácticas profesionales.

comunidad

Comunidad

Formada por todos los alumnos de INESEM Business School para debatir y compartir conocimiento.

revista digital

Revista Digital INESEM

Punto de encuentro de profesionales y alumnos con el que podrás comenzar tu aprendizaje colaborativo.

masterclass

Master Class INESEM

Aprende con los mejores profesionales enseñando en abierto. Únete, aprende y disfruta.

Clases online

Clases online

Podrás continuar tu formación y seguir desarrollando tu perfil profesional con horarios flexibles y desde la comodidad de tu casa.

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.

becas

Becas y financiación

Hemos diseñado un Plan de Becas para facilitar aún más el acceso a nuestra formación junto con una flexibilidad económica. Alcanzar tus objetivos profesionales e impulsar tu carrera profesional será más fácil gracias a los planes de Inesem.

Si aún tienes dudas solicita ahora información para beneficiarte de nuestras becas y financiación.

20% Beca Antiguos Alumnos

Como premio a la fidelidad y confianza de los alumnos en el método INESEM, ofrecemos una beca del 20% a todos aquellos que hayan cursado alguna de nuestras acciones formativas en el pasado.

20% Beca Desempleo

Para los que atraviesan un periodo de inactividad laboral y decidan que es el momento idóneo para invertir en la mejora de sus posibilidades futuras.

15% Beca Emprende

Una beca en consonancia con nuestra apuesta por el fomento del emprendimiento y capacitación de los profesionales que se hayan aventurado en su propia iniciativa empresarial.

15% Beca Amigo

La beca amigo surge como agradecimiento a todos aquellos alumnos que nos recomiendan a amigos y familiares. Por tanto si vienes con un amigo o familiar podrás contar con una beca de 15%.

Financiación 100% sin intereses

Información sobre becas Becas aplicables sólamente tras la recepción de la documentación necesaria en el Departamento de Asesoramiento Académico. Más información en el 958 050 205 o vía email en formacion@inesem.es

Información sobre becas * Becas no acumulables entre sí.

Información sobre becas * Becas aplicables a acciones formativas publicadas en inesem.es

Información sobre becas * Becas no aplicables a formación programada.

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."
Titulación:
Titulacion de INESEM

claustro

Claustro de profesores:
Daniel
Daniel Cabrera

Experto en Implantación, Gestión y Auditoría de Sistemas de Seguridad de Información ISO 27001-27002. Cuenta con más de 10 años de experiencia en Administrador de Sistemas y responsable de TI, apasionado de las tecnologías abiertas y el software libre, especialista en infraestructuras de alta demanda y disponibilidad. Licenciado en Ciencias Físicas por la Universidad Autónoma de Madrid.

Leer más
Bibiana
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.

Leer más
Rafael
Rafael Marín

Ingeniero técnico en Informática de Sistemas por la UGR. Cuenta con más de 5 años de experiencia y vocación en el ámbito de las tecnologías TIC y la programación de aplicaciones informáticas. Especializado en data science, big data y business intelligence y apasionado por la Inteligencia Artificial. 

Leer más
Juan Francisco
Juan Francisco Segura Crespo

Graduado en Bellas Artes, Máster en Producción Artística especializado en Arte y Tecnología por la Universidad Politécnica de Valencia. 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 y comunicación para instituciones artísticas y recibido diferentes becas y premios por su trabajo como creador visual. Actualmente realiza una Tesis sobre Diseño y Tecnologías de la imagen y ejerce como docente en el Departamento de Diseño y Artes Gráficas de INESEM.

Leer más
María Pilar
María Pilar Liñan Arantave

Amante el diseño gráfico con más 8 años de experiencia como directora de arte al frente de proyectos de diseño web y dirigiendo la creatividad de campañas marketing digital. Licenciada en bellas artes. Especializada en diseño web, diseño de interfaces y diseño de UI/Ux (Backend-fron-end). Siempre al día las últimas tendencias de usabilidad, responsividad e interactividad.

Leer más
Emilio
Emilio Romero Sánchez

Diseñador Gráfico y Técnico en Artes Gráficas. Experto en maquetación, diseño, fotocomposición y producción editorial. Su experiencia laboral se prolonga durante más de 10 años en los que se ha desarrollado en el ámbito de la asesoría publicitaria, ofreciendo soluciones integrales e innovadoras.

Leer más
Francisco Javier
Francisco Javier Ramos Casanova

Graduado en Edificación por la Universidad de Granada. BIM Coordinator - BIM Specialist: Architect & Engineer. Certificado Internacional de Building Smart. Licenciado en Bellas Artes por la Universidad de Granada. Especializado en pedagogía de las Artes Visuales

Leer más
TAMBIÉN PODRÍA INTERESARTE...
Otras Acciones Formativas relacionadas
Curso en Diseño Gráfico: Fundamentos y Técnicas
Online | 150 H. | 360 EUR
Curso en Diseño de Packaging
Online | 150 H. | 360 EUR
Curso en Tipografía Decorativa
Online | 100 H. | 360 EUR
Curso Superior de Photoshop Avanzado
Online | 250 H. | 460 EUR

5 RAZONES

PARA ELEGIR INESEM

Hay muchas más motivos ¿Quieres conocerlos?

Por qué matricularme en INESEM
logo
ARTÍCULOS RELACIONADOS
Cargando artículos
INESEM EMPLEA

Completa tu formación con nuestro Servicio de Orientación Profesional y nuestro Programa de Entrenamiento por Competencias.

inesem emplea inesem emplea inesem emplea
Universidades colaboradoras
La universidad Antonio de Nebrija es Universidad colaboradora con INESEM Business School La universidad a Distancia de Madrid es Universidad colaboradora con INESEM Business School