Curso Superior en Diseño de Interfaces con Adobe XD, FIGMA y SKETCH
convocatoria
Convocatoria Abierta
modalidad
Online
duracion
250 H
precio
450 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
450EUR
¡Puedes fraccionar tus pagos cómodamente!

Cuota

450 €
Resto de plazos: 450 €/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 Sketch.

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 Sketch. 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 Sketch.
  • 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 Sketch.


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. 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. Archivos necesarios para realizar las actividades prácticas
  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 símbolos
  4. Ejercicios
  1. Creación y aplicación
  2. Diseño de páginas
  3. Flujo e intancias en wireframes
  4. Adaptación a movile
  5. Ejercicios
  1. Constantes y variables de una interfaz
  2. Header, footer y menú
  3. Botones y galerias
  4. Ejercicios
  1. Presentación
  2. Archivos necesarios para realizar las actividades prácticas
  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. Resetear la instancia de un componente
  3. Crear un componente de Figma
  4. Crear máscaras en Figma
  5. Crear un link con Figma
  6. Operaciones booleanas
  7. Otras herramientas
  8. Ejercicios
  1. Funcionamiento
  2. Añadir colaboradores
  3. Ver y responder comentarios
  4. Zonas interactivas
  5. Ejercicios
  1. Creación, gestión y organización
  2. Ejemplos de sistemas de diseño
  3. Versionamiento
  4. 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. Presentación
  2. Archivos necesarios para realizar las actividades prácticas
  1. Introducción a Sketch
  2. Descripción de la interfaz
  3. Los menús de Sketch
  4. Personalización de la barra de herramientas
  5. Crear nuevos documentos
  6. Ejercicios
  1. Estructura de un documento
  2. Páginas, artboard y grupos
  3. Propiedades de las capas
  4. Organización de los objetos
  5. Ejercicios
  1. Añadir formas vectoriales simples
  2. La herramienta Línea
  3. Herramienta de creación de polígonos
  4. La herramienta Pluma
  5. Lápiz para dibujar curvas
  6. La minipulación de formas vectoriales. Manejadores y rotación
  7. Combinar formas
  8. Reflejo de las formas
  9. Ejercicios
  1. Ajustes magnéticos
  2. La herramienta Zoom
  3. Utilización de reglas, guías y cuadrículas
  4. Uso de los layouts
  5. Opciones de alineación
  6. Reorganizar capas
  7. Ejercicios
  1. Aplicación de rellenos a las formas
  2. Rellenos simples, degradados e imagen de relleno
  3. Tipos de líneas
  4. Efectos de Sketch: desenfoque y sombras
  5. Estilos de Sketch
  6. Escalado de contenidos con estilos
  7. Creación de máscaras
  8. Ejercicios
  1. Creación de nuevos textos
  2. Propiedades de letras y párrafos
  3. Trabajar con estilos
  4. Plugin FrontVuddy
  5. Efectos aplicados sobre el texto
  6. Textos trazados
  7. Ejercicios
  1. Importación de imáenes bitmap
  2. Edición interna de imágenes
  3. Conversión de formas vectoriales a imágenes
  4. Utilizar símbolos
  5. Creación de librerias
  6. Uso y organización de símbolos en flujos
  7. Ejercicios
  1. Elementos de una interfaz
  2. Uso de datos aleatorios para simular aplicaciones
  3. Como se organizan las pantallas de prototipado
  4. Aplicación de interactividad
  5. Previsualización de los prototipados
  6. Crear animaciones entre pantallas de prototipos
  1. Importación de documentos de illustrator
  2. Exportar contenidos en Sketch
  3. Exportación de objetos
  4. Uso de slices para controlar exportación
  5. CSS en Sketch
  6. 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
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
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
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

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