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 4 · 35 min de práctica

Grid y responsive

Crea una cuadrícula legible y adáptala a una pantalla móvil.

0 / 6 completadas

Lección

Grid resuelve composiciones de filas y columnas. Usa flex para una dimensión principal y grid cuando la relación entre filas y columnas importa. Responsive significa reorganizar, redimensionar o apilar el contenido según el espacio, no solo reducirlo.

Ideas clave

  • Filas, columnas, celdas y gap
  • Grid frente a flex
  • Desktop, tablet y móvil
  • Reflow y componentes adaptables
Completa primero la parte anterior para desbloquear su reto. Puedes consultar esta lección pública mientras tanto. Flexbox

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.