Bauhaus y la retícula: por qué seguimos diseñando sobre la misma cuadrícula de 1919

En 1919 la Bauhaus propuso reducir el diseño a formas geométricas esenciales y sistemas de retícula. Un siglo después, cada web que visitas —la tuya también— sigue organizada sobre esa misma lógica. Esta es su historia y por qué sigue ganando.

En 1919, en una Alemania que acababa de perder una guerra y necesitaba reinventarse, el arquitecto Walter Gropius fundó en Weimar una escuela con una ambición desmedida: unir el arte, la artesanía y la industria bajo un mismo techo. La llamó Bauhaus — literalmente, "casa de construcción". Duró solo catorce años, cerrada por presión nazi en 1933. Y sin embargo, cada vez que abres una página web bien maquetada, estás mirando su legado.

No es una exageración retórica. Es, casi literalmente, geometría.

Qué proponía la Bauhaus

La idea central era radical para su época: despojar el diseño de todo ornamento heredado y reconstruirlo desde cero a partir de formas geométricas elementales — el círculo, el triángulo, el cuadrado — y colores primarios. Johannes Itten, responsable del curso preliminar que todo alumno debía pasar, enseñaba a ver antes de enseñar a dibujar: composición, contraste, ritmo visual, reducidos a su esqueleto.

Wassily Kandinsky, que enseñó allí teoría del color, llegó a proponer una correspondencia exacta entre forma y color: el amarillo es triángulo, el rojo es cuadrado, el azul es círculo. Puede sonar dogmático — lo era —, pero detrás había una convicción que define todo lo que vino después: que la forma no es decoración, es estructura, y la estructura se puede sistematizar.

Esa idea de sistematizar lo visual es la semilla de la retícula.

De la Bauhaus al estilo suizo

Cuando la Bauhaus cerró, sus profesores no desaparecieron: se dispersaron por el mundo y sembraron sus ideas en otros sitios. László Moholy-Nagy fundó la New Bauhaus en Chicago. Y en Suiza, una generación de diseñadores — Max Bill, Josef Müller-Brockmann, Armin Hofmann — tomó aquella reducción geométrica y la llevó a su consecuencia lógica: el sistema de retícula modular.

Müller-Brockmann publicó en 1961 "Grid Systems in Graphic Design", el libro que todavía se cita como referencia en escuelas de diseño. Su propuesta era simple de enunciar y exigente de ejecutar: dividir la página en columnas y módulos matemáticamente relacionados, y resolver cada composición dentro de esa estructura, no a pesar de ella. El resultado fue el International Typographic Style — lo que la mayoría conoce simplemente como "estilo suizo" —, con la Helvetica como su tipografía emblemática y el orden como su argumento estético.

La retícula dejó de ser una ayuda para alinear elementos. Se convirtió en el lenguaje mismo del diseño moderno.

Cómo llegó la retícula a la pantalla

El salto de la imprenta a la pantalla no rompió esa lógica: la hizo todavía más necesaria. A principios de la web, cuadrar una página con tablas HTML era una tarea manual y frágil. El 960 Grid System, popular a finales de los 2000, trajo al navegador exactamente lo que Müller-Brockmann formalizó en papel: columnas y módulos predecibles sobre los que construir cualquier composición.

De ahí nació el sistema de doce columnas que Bootstrap popularizó masivamente, y que hoy sigue siendo la base mental con la que la mayoría de equipos piensa un layout, aunque ya no se escriba una sola línea de Bootstrap. CSS Grid y Flexbox son la culminación técnica de la misma idea: retículas nativas del navegador, flexibles, capaces de reorganizarse según el tamaño de pantalla sin que nadie tenga que recalcular nada a mano.

El diseño responsive no inventó un paradigma nuevo. Adaptó el paradigma de 1919 a un medio que cambia de tamaño solo.

Por qué seguimos usándola

Hay una razón perceptiva y una razón práctica, y las dos pesan. La perceptiva: el cerebro humano procesa más rápido lo que sigue un patrón predecible. Una retícula consistente reduce la carga cognitiva de escanear una página — sabes dónde mirar porque la estructura te lo indica sin que lo pienses.

La práctica: una retícula es un sistema reutilizable. Una vez definida, cada nueva sección, cada nuevo componente, hereda sus reglas de espaciado y alineación sin que haya que inventarlas de nuevo. Es la misma ventaja que tenía para una imprenta suiza en 1961 y que tiene hoy para cualquier equipo que mantiene un sistema de diseño: coherencia sin reinventar la rueda en cada pantalla.

Cuándo tiene sentido romperla

La retícula no es una jaula, y los propios suizos lo sabían: la estructura existe para poder tomar decisiones con criterio dentro de ella, no para eliminar todas las decisiones. Romper la retícula de forma puntual — un elemento que se sale del margen, una imagen que invade dos columnas, una composición asimétrica deliberada — es precisamente lo que hace memorable una página que de otro modo sería correcta pero olvidable. Ya hablamos de esto cuando tratamos el neobrutismo: romper una regla solo comunica algo cuando quien la mira sabe que existía una regla.

El error habitual no es romper la retícula. Es no tener ninguna que romper.


Más de un siglo después de que Gropius abriera las puertas de aquella escuela en Weimar, seguimos resolviendo pantallas con la misma lógica que un grupo de profesores alemanes aplicó a sillas, teteras y carteles: reducir a lo esencial, sistematizar la estructura y confiar en que la geometría, bien usada, no necesita disculparse por serlo.

Otros artículos sobre diseño web

Estética, tendencias, tipografía, color y estilos visuales en el diseño de sitios web.