UI & Design Systems

Aprende los fundamentos del UI para desarrollar tu carrera en el campo del diseño de interfaces. Al finalizar el curso, podrás construir potentes sistemas visuales en Figma para cualquier producto digital.

Saber más

Outcomes

Skills
  • El diseño de interfaces ha cambiado mucho los últimos años y este curso te permitirá seguir la evolución que demanda hoy el sector.

    Aprenderás los fundamentos del UI para que puedas diseñar interfaces de alta calidad, con la posibilidad de montar las pantallas en Figma bajo un sistema de diseño escalable y consistente.

    Con este nuevo enfoque, el diseño de UI se convierte en un organismo vivo que permite desarrollar iteraciones constantes, indispensables para lograr la evolución de un producto digital a largo plazo.
Benefits
  • Estas habilidades te ayudarán a convertirte en un jugador clave dentro del proceso de diseño de un producto digital. Tener un “visual” de alta calidad se ha convertido es una característica fundamental para que una app o una web pueda posicionarse dentro de un mercado cada vez más exigente. Es por ello que estos skills son muy valorados en la industria.

Who

Hemos creado este curso con profesionales de la industria digital en mente, tanto si eres diseñador, desarrollador, product manager o emprendedor con nociones básicas de diseño. Para hacer el curso no es necesario tener conocimientos previos.

Content

Fundamentos del UI
  • Introducción al diseño de interfaces: tipografía, paleta de colores, morfología visual, grid/spacing, art direction.
  • Imagen: Función de la iconografía en UI, definiciones en los usos de ilustraciones y fotografía dentro de un producto digital.
Usabilidad
  • ¿Cómo lograr que nuestras intefaces, además de ser bonitas, sean entendibles? Jeraquías visuales, Gestalt aplicado a UI, organización de información y codificación.
  • ¿Cómo lograr que nuestras interfaces se puedan procesar en múltiples dispositivos? Gestión de formatos de imagen (SVG/PNG/Sprites etc...), dimensiones y densidades de pantalla y accesibilidad.
Atomic Design
  • Introducción al Atomic design.
  • ¿Qué función cumple el Atomic Design dentro del flujo de un producto digital?
Figma
  • Gestión de proyectos, workspaces y repaso de la interfaz a nivel general.
  • Designing: manipulación de objetos, propiedades de los layers, desarrollo de componentes, uso de tipografía, fills y strokes.
  • Creación de componentes y estilos.
  • Componentizado avanzado mediante variants, local variables y collections (NEW).
  • Gestión de librerías externas para trabajar con equipos.
  • Responsive layouts.
  • Construcción de prototipos interactivos.
Native Apps
  • Componentes: Introducción a Material Design (Android) y a Human Interface Design (iOS).
Design System
  • ¿Por qué hoy debemos diseñar sistemas en lugar de pantallas individuales?
  • Función de una Style Guide dentro de un proyecto digital e introducción a ZeroHeight e Invision DSM.
  • Tokens: relación diseño <> frontend ❤️
Proyecto final
  • Diseñarás las instancias principales de una app y su landing page: definirás el look and feel (relacionado con el branding de la marca), desarrollarás el Design System y la librería del proyecto dentro de Figma. Además, crearás un Style Guide en ZeroHeight o Invision DSM (vinculado a nuestra librería de Figma) con las directrices necesarias para que el producto se pueda continuar escalando.

Teachers

4 (1)Emil IosipescuDesign Lead y cofundador de Alaire, anteriormente en Domestika
Bio

Tools we use

  • Las clases se dan por Zoom, con la misma dinámica que la de una clase presencial pero con las ventajas del remoto. Podrás ver al profesor, a tus compañeros y compartir pantalla cuando sea necesario.
  • Te invitaremos a nuestro workspace en Slack donde podrás comunicarte con el profesor y tus compañeros durante y después de las clases. También podrás interactuar con alumnos de otros cursos y formar parte de la comunidad de Alaire todo el tiempo que quieras.
  • Tenemos almacenamiento ilimitado para que puedas compartir todo el material resultante de los cursos con el profesor y tus compañeros sin miedo. Referencias, ejercicios, pruebas y todo lo que necesites.

Methodology

Estamos orgullosos de nuestra forma de hacer las cosas. Alaire es un proyecto en el que participan tanto profesores como profesionales y, a la hora de definir los cursos, tenemos muy claro qué tipo de formación queremos dar. Una parte importante es la práctica aplicada siempre con criterio, o lo que es lo mismo, aplicada con una mentalidad abierta, flexible y creativa con la que podrás enfrentarte a cualquier proyecto. Esta es la parte diferencial de nuestra metodología y es el resultado de nuestra experiencia trabajando en un sector que tiende a cambiar segundo a segundo.

Contenidos focalizadosLos cursos se centran en aspectos muy específicos de las profesiones digitales del momento. De esta manera, aprendes una disciplina con un enfoque concreto y con énfasis en el desarrollo de un pensamiento capaz de abordar cualquier proyecto.

Corta duraciónCursos con una duración de 30 a 90 días. La carga lectiva es compatible con la rutina laboral y tus proyectos a corto o medio plazo. Las clases se realizan de forma intensiva y en grupos reducidos donde los alumnos aportan al proceso de aprendizaje.

Pensamiento fluidoLos alumnos deben aspirar a tener herramientas con las que abordar proyectos dentro de una realidad profesional llena de escenarios casi siempre distintos. Nuestro método se adapta y es sensible a los inputs más inesperados para poder afrontarlos siempre con buenos resultados.

Próximos cursos

Advanced Motion Design Motion Design Focused on Branding UI & Visual Systems Web Design outside the box Service Design in the digital world iOS & Android App Development