en
Dodrawing Academy · acceso público

Aprende diseño de interfaces creando

Una ruta práctica de fundamentos visuales a prototipos. Lee las lecciones sin cuenta y practica en un lienzo temporal con las mismas herramientas de Dodrawing.

Ruta de aprendizaje

UI Foundations

Seis partes progresivas para crear interfaces claras, estructuradas y reutilizables. Cada reto se valida en el lienzo antes de avanzar.

18 horas6 partesLecciones y práctica públicas
  1. 01Fundamentos visualesJerarquía, color, tipografía y ritmo visual.35 min de práctica
  2. Layout y flujoBox model, flujo natural y estructura.35 min de práctica
  3. FlexboxEjes, alineación, gap y distribución.35 min de práctica
  4. Grid y responsiveFilas, columnas y adaptación entre pantallas.35 min de práctica
  5. Componentes y sistemasReutilización, variantes y tokens semánticos.35 min de práctica
  6. Prototipado y proyecto finalEstados, acciones y un flujo que puedas probar.35 min de práctica
UI Foundations

Parte 3 · 35 min de práctica

Flexbox

Usa Flexbox para distribuir una fila de elementos con ritmo y alineación.

0 / 6 completadas

Lección

Flex organiza elementos en un eje principal y otro transversal. Direction elige el eje principal, justify distribuye sobre él, align controla el eje transversal y gap crea una separación compartida. Fill y hug permiten que los hijos respondan al espacio disponible.

Ideas clave

  • Flex container e hijos
  • Row y column
  • Justify y align
  • Gap, wrap, fill y hug
Completa primero la parte anterior para desbloquear su reto. Puedes consultar esta lección pública mientras tanto. Layout y flujo

Dodrawing Academy enseña fundamentos de UI, jerarquía visual, color, tipografía, box model, flexbox, CSS grid, diseño responsive, componentes, design tokens y prototipado mediante ejercicios prácticos en el lienzo.

La práctica es temporal. Reiniciar restaura el DIL inicial; salir de esta página descarta los cambios.