Programa de aprendizaje · Tipografía web
Tipografía web:
de la teoría al código
Las decisiones tipográficas determinan si un usuario lee o abandona una página. Este programa cubre los fundamentos técnicos y visuales que todo diseñador o desarrollador web necesita dominar: desde la escala de tipos hasta el rendimiento de fuentes en producción.
Solicitar información-
01
Anatomía del tipo en pantalla
Diferencias entre tipografía impresa y digital. Cómo el subpíxel, la resolución y el antialiasing afectan la percepción visual. Criterios para elegir familias tipográficas según el soporte.
Evaluación: quiz de identificación visual
-
02
Escala tipográfica y jerarquía
Construcción de escalas modulares con CSS. Uso de unidades relativas (rem, em, clamp) para tipografía fluida. Relación entre tamaño, peso y contraste en la jerarquía de contenidos.
Evaluación: ejercicio de corrección de jerarquía
-
03
Rendimiento y carga de fuentes
Formatos de fuente web (WOFF2, variable fonts). Estrategias de carga con font-display, preload y subsetting. Impacto en Core Web Vitals y cómo medirlo con herramientas reales.
Evaluación: auditoría de rendimiento guiada
-
04
Legibilidad y accesibilidad
Contraste de color según WCAG. Longitud de línea, interlineado y espaciado entre letras para distintos contextos de lectura. Pruebas con lectores de pantalla reales.
Evaluación: test de conformidad WCAG AA/AAA
-
05
Sistemas de diseño tipográfico
Cómo documentar decisiones tipográficas en un sistema de diseño. Tokens de tipografía, componentes reutilizables y coherencia entre plataformas. Ejemplos de sistemas reales.
Evaluación: creación de ficha tipográfica
-
06
Proyecto final integrador
Aplicación de todos los módulos sobre un caso real: rediseño tipográfico de una interfaz existente con justificación técnica, código funcional y análisis de resultados.
Evaluación: revisión por instructor + autoevaluación
Quiénes enseñan este programa
Tres especialistas con trayectorias distintas y un criterio común: enseñar tipografía desde la práctica, no desde la teoría abstracta.
Bettina Varela
Diseñadora tipográfica · Módulos 1, 2 y 5
"La tipografía no decora el texto. Lo es."
Oriol Fabregas
Desarrollador front-end · Módulos 3 y 6
"Un buen sistema tipográfico se nota cuando falta, no cuando está."
Nadia Szymańska
Especialista en accesibilidad · Módulo 4
"Legible no significa solo visible. Significa comprensible para todos."
Avisos sobre el programa
Las plazas se abren por convocatorias. Si quieres saber cuándo hay descuentos en la matrícula o cambios en el calendario, déjanos tu correo. Sin boletines semanales, sin publicidad: solo avisos cuando haya algo concreto que comunicar.