UI

PROGRAMA DEL CURSO

Educación digital
para el mundo real.
 UI

Acerca del curso

En este curso aprenderás a construir, analizar, mantener y
escalar un design system. Aplicarás la metodología de
Atomic Design para la creación de cada uno de los
elementos.
Crearás un design system para mejorar la calidad del
diseño de tus productos, reducir los costos de diseño en tu
equipo y hacer crecer el ecosistema de tu producto.
Al terminar el curso estarás listo para liderar este proceso y
construir puentes entre los distintos equipos de trabajo.

PROGRAMA DEL CURSO 03

 UI

Perfil profesional
Al finalizar este curso podrás:
✔ Crear y analizar los elementos de un Design system.
✔ Definir todos los elementos visuales para un
producto.
✔ Escalar cada uno de esos elementos para que
funcionen en múltiples espacios, elementos o
pantallas.
✔ Crear patrones de diseño sin limitar ni perder la
creatividad que tu producto necesita.
✔ Crear los guidelines y romperlos cuando sea
necesario.
✔ Documentar cada una de las definiciones en un hub
escalable para todos los miembros del equipo.
✔ Pensar sistemáticamente en dirección al orden, el
detalle, las constantes y las variables como claves
para el éxito.

PROGRAMA DEL CURSO 04

 UI

Características generales

Modalidad Duración

Online en vivo 7 semanas (26 horas)

Nivel de dificultad Dedicación

Medio Alta

Pre-requisitos

Conocimientos previos
Haber cursado Diseño UX / UI y Diseño UX / UI Avanzado.
Recomendamos cursar Prototipado (Figma y Adobe XD).
Contar con:
✓ Saberes avanzado en UX / UI.
✓ Reconocimiento de un sistema visual y sus distintos
elementos: grillas, retículas, tipografía, color, voz y
tono, entre otras
✓ Manejo de Figma, Sketch o Adobe XD.

Requerimientos técnicos
Computadora con mínima de 8 GB de RAM, procesador de
cuatro núcleos, GPU de 2 GB de RAM. Recomendados: 16
GB de RAM, procesador de ocho núcleos, GPU de 3 GB de
RAM. Figma, Sketch, Adobe XD y/o Zeplin | Suite Google |
Google Chrome | Github | Notion o plataforma para
documentación.

PROGRAMA DEL CURSO 05

 UI

Metodología de aprendizaje

Aprender haciendo

Aprender a partir de la práctica, basada en tres instancias:

el docente explica, luego hace y finalmente el estudiante
resuelve actividades.

✔ Clases online en vivo

Que proponen un recorrido gradual y orientado al
desempeño profesional..

✔ Clases complementarias
Clases adicionales a la cursada, optativas y con la
finalidad de asentar conocimientos o resolver dudas.

✔ Tutor a cargo
Además del profesor, contarás con un tutor que te
guiará en el proceso de aprendizaje.
✔ Trabajo en equipo
Habrá momentos de interacción entre los
estudiantes en grupos reducidos.

Proyecto final

Tomarás una empresa/producto de interés y relevarás en

profundidad el diseño system.
El caso de estudio contempla las siguiente etapas:
1) Relevamiento y análisis
2) Design System
3) Documentación
4) Librería/Assets

PROGRAMA DEL CURSO 06

 UI

01
Design system
✔ Branding Vs UI: ¿Cómo
generar una buena
convivencia y no morir en el
intento?
✔ Design system = productos
exitosos
✔ Casos reales y evolución

02
Fondations elements
✔ Layout, Pantallas, Grilla,
Módulo base, Escala,
Columnas
✔ Tipografía
✔ Color, iconografía e
ilustración

03
Atomic Design
Methodology
✔ Atoms, molecules,
organisms, templates, and
pages
✔ Patrones de diseño web y
nativo
✔ Affordance y accesibilidad

PROGRAMA DEL CURSO 07

 UI

04
Marking the library
✔ Commond componentes
✔ Patterns

05
Workflow y
Mantenimiento
✔ Personas/roles y procesos
✔ Hacer que los sistemas de
diseño resistan el paso del
tiempo

PROGRAMA DEL CURSO 08

 www.coderhouse.com

Coderhouse se reserva el derecho de modificar este programa, o cualquiera de los componentes

del curso, cuando lo considere necesario a fin de generar mejoras o actualizaciones.