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

Fundamentos visuales

Construye una jerarquía que ayude a entender la pantalla de un vistazo.

0 / 6 completadas

Lección

Una interfaz clara guía la atención. El tamaño, el peso, el contraste, la posición y el espacio comunican qué es principal y qué es secundario. Empieza por el contenido y la tarea; el color decorativo viene después.

Ideas clave

Jerarquía y agrupación
Escala tipográfica
Contraste y color semántico
Espaciado consistente

Reto práctico

Convierte el contenido inicial en una tarjeta de bienvenida con tres niveles: título, descripción y acción. Haz que el título destaque y que el botón sea fácil de encontrar.

El título tiene al menos 24 px.
La descripción usa un tamaño menor que el título.
Hay un espacio claro entre el contenido y la acción.

Abrir lienzo de práctica