Al ajustar una página web, puedes acabar eligiendo entre una composición simétrica y otra más dinámica, o entre una letra moderna y una de aire clásico. Jan Tschichold defendió ambas soluciones en momentos distintos, aunque su cambio de criterio no fue una simple renuncia a la claridad. Para entender qué puedes aplicar hoy, conviene mirar qué problema resolvía cada decisión.
La claridad tipográfica depende del texto y de su uso
- Dos etapas: pasó de impulsar la Nueva Tipografía a defender una composición más clásica.
- Asimetría: ayuda a ordenar información cuando la jerarquía se entiende de un vistazo.
- Penguin: sus reglas unificaron cubiertas y páginas interiores para una colección amplia.
- Sabon: muestra cómo una letra de raíz clásica también respondió a límites técnicos de impresión.
Su trayectoria pasó de la vanguardia a una tipografía clásica
Una página inclinada, con bloques de texto desiguales, puede parecer más libre que una retícula simétrica; para Tschichold, esa libertad tenía que servir a la lectura. Tras visitar la exposición de la Bauhaus en Weimar en 1923, se acercó a las propuestas de la vanguardia y publicó Elementare Typographie en 1925 y Die neue Typographie en 1928. La Biblioteca Nacional Alemana explica que aquel manual proponía soluciones funcionales y que sus ideas suscitaron tanto entusiasmo como críticas. Deutsches Buch- und Schriftmuseum
La historia suele simplificarse como si el diseñador hubiera mantenido una doctrina moderna sin cambios. Pero su trabajo posterior se volvió más clásico, especialmente al diseñar libros: la composición asimétrica que podía dar energía a un cartel no siempre resultaba cómoda en una novela larga. Leo ese giro como una respuesta al contenido y a la lectura, no como una contradicción que invalide toda su obra.
La asimetría funciona cuando deja clara la jerarquía
En un cartel, el espacio vacío puede dirigir la mirada tanto como las letras. Tschichold defendió organizar la página como un campo visual, con bloques tipográficos colocados según su función; en Die neue Typographie, esa idea convirtió la composición en una herramienta para comunicar con rapidez. La exposición del MoMA sobre la Nueva Tipografía describe el uso de composiciones asimétricas, a menudo junto a imágenes, como parte de ese lenguaje moderno. MoMA
La lección práctica para una web no consiste en desplazar elementos al azar. En una portada con titular, bajada y llamada a la acción, una retícula asimétrica puede dar prioridad al mensaje principal; si las diferencias de tamaño, posición y peso tipográfico compiten entre sí, la mirada pierde el orden que la composición debía ofrecer.
Las reglas de Penguin sirven como base para textos largos
Una colección de libros necesita que cada título parezca parte de la misma familia. En Penguin, Tschichold unificó la relación entre título y autor en las cubiertas y redactó pautas de composición para el trabajo de impresión; también ajustó el símbolo del pingüino. El Design Museum sitúa su labor en la consolidación de un sistema visual coherente para la editorial. Design Museum
En sus Penguin Composition Rules de 1947, recomendaba evitar espacios demasiado amplios entre palabras y admitía dividir una palabra al final de línea si eso mejoraba el color uniforme del párrafo. La pauta respondía a la composición justificada en imprenta. En una web, no la convertiría en una regla automática: la alineación a la izquierda suele dar un borde más estable, mientras que la justificación puede abrir huecos visibles en columnas estrechas.
| Situación | Qué puede ocurrir | Qué probar |
|---|---|---|
| Texto largo en una columna estrecha | La justificación puede crear espacios irregulares entre palabras. | Alinear a la izquierda y revisar el resultado en pantalla pequeña. |
| Cubiertas o tarjetas de una misma serie | Sin posiciones y proporciones compartidas, cada pieza parece de otra marca. | Definir una retícula común y dejar margen para títulos de distintas longitudes. |
| Titular breve junto a una imagen | La simetría puede restar tensión a una composición editorial. | Probar una disposición asimétrica, manteniendo una prioridad visual clara. |
Sabon une una forma clásica con límites técnicos
El regreso a las formas clásicas se aprecia en Sabon, la tipografía que Tschichold diseñó en la década de 1960 a partir de modelos de Garamond. El encargo buscaba que el diseño funcionara en varios sistemas de composición de la época; esa condición técnica influyó en sus proporciones y en la forma de las letras. Por eso Sabon no es una simple copia de un tipo histórico, sino una interpretación hecha para unas necesidades concretas.
Si buscas una letra para una web con artículos extensos, puedes considerar una serif como Sabon cuando encaje con el tono editorial y conserve buena legibilidad en el tamaño real de lectura. Para una interfaz con etiquetas pequeñas y controles, una sans serif puede resultar más clara. Yo elegiría según la tarea de cada texto: primero comprobaría la lectura en móvil y después decidiría cuánto carácter necesita la marca.
La tipografía cambia cuando cambia la lectura
El recorrido de Tschichold deja una pauta útil para diseñar: una solución gráfica debe responder al soporte, al contenido y a la forma en que la gente lo lee. La coherencia no exige repetir una sola receta; exige que cada elección, desde la retícula hasta el espaciado entre palabras, ayude a entender el mensaje.