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
UI Foundations

Parte 6 · 35 min de práctica

Prototipado y proyecto final

Añade una interacción y comprueba que el prototipo tenga un estado inicial y destino.

0 / 6 completadas

Lección

Un prototipo añade comportamiento al diseño. Define pantallas, estados y acciones pequeñas: click para navegar, abrir un overlay o actualizar una variable. Los flujos ayudan a probar una tarea de principio a fin; no todas las interfaces necesitan navegación compleja.

Ideas clave

  • Pantallas y user flows
  • Triggers y acciones
  • Estados de carga, vacío y error
  • Prueba e iteración
Completa primero la parte anterior para desbloquear su reto. Puedes consultar esta lección pública mientras tanto. Componentes y sistemas

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.