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

Layout y flujo

Organiza una página con el flujo y el modelo de caja del editor.

0 / 6 completadas

Lección

El tamaño visible se compone de contenido, padding, borde y margen. Block, flex y grid colocan a los hijos en un flujo; reserva la posición libre para los casos que de verdad lo necesitan. El padding pertenece al interior y el margin separa una caja de sus vecinas.

Ideas clave

Content, padding, border y margin
Block y flujo natural
Tamaño fijo, fill y hug
Posición libre con intención

Completa primero la parte anterior para desbloquear su reto. Puedes consultar esta lección pública mientras tanto. Fundamentos visuales