Lección 8 de 16 · Lectura y práctica
Evaluación: Herramientas de diseño
Practica evaluación: herramientas de diseño con un ejemplo resuelto, un ejercicio y una infografía.
Del concepto a la práctica
Taller de esta lección
La evaluación reúne frames, formas y tipografía en una decisión pequeña: construir una tarjeta que informe y permita avanzar. Se comprobará si eliges la herramienta según la función y si el resultado resiste contenido diferente, no si conoces nombres aislados.
Ejemplo resuelto
La tarjeta “Fotografía nocturna” contiene un frame, un rectángulo de fondo, texto para nombre y horario, una elipse acompañada por “2 lugares” y un botón. El rectángulo no reemplaza el texto y la elipse no se usa como única alerta.
Dibuja el contenedor y establece sus límites.
Añade el título y el horario con jerarquía diferenciada.
Representa el cupo con forma y etiqueta escrita.
Cambia el nombre por uno más largo y corrige el crecimiento sin ocultar datos.
Error frecuente: confundir una forma decorativa con una interacción. Corrígelo verificando que toda acción tenga texto o señal comprensible y un área seleccionable suficiente.
Pruébalo
Crea la tarjeta y sustituye “2 lugares” por “Sin cupos disponibles”. Mantén visible la información y cambia el estado del botón.
Comprueba tu resultado
La tarjeta debe conservar una jerarquía clara, mostrar ambos estados sin ambigüedad y permitir identificar el elemento que conduce al detalle.
Mapa de prácticaEl tamaño, el espacio y el contraste ayudan a distinguir lo principal de lo secundario. Una jerarquía clara guía la lectura desde el título hasta la información y la acción. Comprueba que el orden visual coincida con la tarea de la persona.
Ver la infografía en tamaño completo ↗Sigue con Diseño de Interfaces con Figma
Esta lección forma parte de un curso de Cursalo. Revisa su programa y elige entre la compra individual o el acceso a toda la escuela.
Si ya tenías acceso a este curso, entra con tu cuenta: tus derechos y tu progreso se conservan. No necesitas comprarlo de nuevo.