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.
- 01Fundamentos visualesJerarquía, color, tipografía y ritmo visual.35 min de práctica
- Layout y flujoBox model, flujo natural y estructura.35 min de práctica
- FlexboxEjes, alineación, gap y distribución.35 min de práctica
- Grid y responsiveFilas, columnas y adaptación entre pantallas.35 min de práctica
- Componentes y sistemasReutilización, variantes y tokens semánticos.35 min de práctica
- Prototipado y proyecto finalEstados, acciones y un flujo que puedas probar.35 min de práctica
Qué vas a aprender
Practica con el editor real: composición visual, box model, flex, grid responsive, componentes, tokens y prototipado.
Fundamentos visuales
Construye una jerarquía que ayude a entender la pantalla de un vistazo.
Layout y flujo
Organiza una página con el flujo y el modelo de caja del editor.
Flexbox
Usa Flexbox para distribuir una fila de elementos con ritmo y alineación.
Grid y responsive
Crea una cuadrícula legible y adáptala a una pantalla móvil.
Componentes y sistemas
Convierte una pieza repetida en un componente y aplica un token de color.
Prototipado y proyecto final
Añade una interacción y comprueba que el prototipo tenga un estado inicial y destino.