Diseño UI/IX Con Adobe Xd
Programa
Diseño Gráfico Digital
Diseño UI/IX Con Adobe Xd ?
En esta materia se explicará y analizará todo lo correspondiente a una página web pero desde los objetivos de las empresas y las necesidades de los usuarios.
Habilidades a desarrollar
Pensamiento centrado en el usuario: Aprenderán a comprender las necesidades, deseos y expectativas de los usuarios.
Diseño de interacción: Adquirirán conocimientos sobre cómo diseñar la interacción entre los usuarios y las interfaces digitales.
Creación de mockups y wireframes: Estas habilidades les permitirán comunicar sus ideas de diseño de manera clara y efectiva, tanto a los miembros del equipo como a los clientes.
Diseño responsivo y a 12 columnas: Comprenderán los principios del diseño responsivo y cómo aplicarlos en el diseño de aplicaciones y sitios web.
Prototipado interactivo: Utilizando herramientas de prototipado para simular la experiencia de uso de una interfaz les permitirá probar y validar sus diseños antes de la etapa de desarrollo.
Estética y diseño visual: Aprenderán los principios del diseño visual, incluyendo la elección de colores, tipografía, diseño de iconos y uso de espacios negativos.
Módulos del curso
1.0
Historia y concepto de UX/UI
Explicación de los conceptos básicos de UX/UI.
Presentación de Figma y su importancia en el diseño de interfaces.
Demostración de la interfaz de Figma y sus principales herramientas.
PC o Portátil.
Crear cuenta en Figma.
Libreta para notas.
1.1
Participantes y funciones en un proceso UX/UI
Entender las diferencias y funciones de los participantes en el proceso de desarrollo.
PC o Portátil.
Software: Adobe XD.
Libreta para notas.
2.0
Herramientas Básicas de Diseño
Introducción a las herramientas de diseño en Figma (selección, formas, texto, etc.).
Principios básicos de diseño y cómo aplicarlos en Figma.
PC o Portátil.
Figma.
Libreta para notas.
2.1
Paper Prototyping
Poner en práctica la técnica de paper prototyping sobre un ejemplo real.
Entregable: Prototipo de papel.
PC o Portátil. Software: Figma. Libreta para notas.
3.0
Landing Page
Sobre el producto landing page (de una marca sugerida), hacer una propuesta con todo el análisis visto anteriormente.
PC o Portátil. Software: Figma. Libreta para notas.
4.0
Prototipado en Figma
Explicación de la importancia del prototipado en el diseño de experiencias de usuario.
Introducción a las herramientas de prototipado en Figma.
PC o Portátil.
Figma.
Libreta para notas.
5.0
Corrección proceso 12 columnas.
Con la intención de corregir procesos desde el inicio, se hará una corrección y reformas necesarias.
PC o Portátil. Software: Figma. Libreta para notas.
6.0
Principios de Diseño Responsivo y Componentes en Figma
Principios de diseño responsivo y su aplicación en Figma.
Creación y uso de componentes para mantener consistencia en el diseño.
PC o Portátil.
Figma.
Libreta para notas.
7.0
Parcial
Corroborar de forma práctica la aprendido.
PC o Portátil. Software: Figma. Libreta para notas.
Segundo Corte
8.0
Web - Web/app - App
Comprender las diferencias técnicas y de usabilidad de los tres métodos.
PC o Portátil. Software: Figma. Libreta para notas.
9.0
Maquetado
Utilizando de nuevo la herramienta digital, las 12 columnas y viendo algunas técnicas nuevas presentar una nueva maqueta web con mayores detalles.
PC o Portátil. Software: Figma. Libreta para notas.
10.0
Investigación de Usuario y Mapas de Empatía
Explicación de la importancia de la investigación de usuario.
Introducción a los mapas de empatía y cómo utilizarlos en el diseño.
PC o Portátil. Software: Figma. Libreta para notas.
11.0
Iterar
Potenciar las fortalezas del diseño de la interfaz y realizar las mejoras de Usabilidad del mismo, al final se obtendrá una versión mejorada del diseño inicial.
PC o Portátil. Software: Figma. Libreta para notas.
12.0
Guia de estilo - Activos del sitio
En esta clase aprenderemos a recopilar todos los ítems que componen el proyecto, botones, colores Hex, tipografías, tamaños de texto, componentes y estados
PC o Portátil. Software: Figma. Libreta para notas.
13.0
Proyecto Final
Sustentación de un proyecto final tomando como base todo lo aprendido durante el semestre.
PC o Portátil. Software: Figma. Libreta para notas.
Actividades :
Conferencia
Práctica Guiada
Taller
Experiencia en Campo
Instruccional
Salida Académica
Evaluación
Sustentación
Práctica Laboral
Trabajo en grupo