Swiss Grid Explorer
Swiss Grid Explorer is a parametric grid generator built for Illustrator, Affinity, and the web — a single tool that adapts to any document format while preserving the proportional character of historical grid systems by Müller-Brockmann, Gerstner, Vignelli, and Tschichold. This article traces the process of building it, and why proportional ratios are the right approach to cross-platform grid generation.
Hay una contradicción en el flujo de trabajo de casi cualquier diseñador que trabaja con retículas estructurales: los sistemas que estudió en los libros de Brockmann o en los cursos de tipografía suiza no tienen una traducción directa a las herramientas digitales que usa a diario. Illustrator tiene guías, InDesign tiene márgenes y columnas, Affinity tiene su propio sistema. Pero ninguno de ellos entiende la diferencia entre una retícula de Gerstner y una de Vignelli, ni por qué esa diferencia importa.
Construí Swiss Grid Explorer para resolver ese problema de forma honesta.
El peso de un sistema
Josef Müller-Brockmann publicó Grid Systems in Graphic Design en 1981. Karl Gerstner desarrolló el concepto de retícula como programa en Designing Programmes en 1964. Massimo Vignelli aplicó un sistema modular riguroso al sistema de identidad de los Parques Nacionales de EE.UU. en 1977. Jan Tschichold, antes de convertirse en el defensor de la tipografía clásica que conocemos, propuso en 1928 márgenes asimétricos y dramáticos que desafiaban toda convención editorial de la época.
Estos cuatro sistemas no son simplemente estilos visuales, son formas distintas de pensar la relación entre el espacio, el contenido y el lector. Una retícula de Brockmann es densa, modular, diseñada para contener múltiples jerarquías de contenido sin colapsar. La de Tschichold es exactamente lo contrario: dos columnas amplias con márgenes que ocupan casi el 12% del lado menor del documento, donde el blanco no es vacío sino estructura.
La mayoría de las herramientas de retícula disponibles no hacen esa distinción. Tienen sliders para columnas y márgenes, pero no tienen concepto del carácter de un sistema.
La decisión técnica que cambia todo
El problema concreto que encontré al desarrollar la primera versión era este: si guardaba los presets con valores absolutos, esos valores solo tenían sentido en el contexto del documento para el que fueron diseñados. Un margen de 40 píxeles en un documento de 1920×1080 es completamente diferente a 40 píxeles en un A4.
La solución fue almacenar los presets como ratios proporcionales a la dimensión menor del documento. El preset de Brockmann tiene un margen del 5,7%, derivado de los 12mm originales sobre los 210mm de un A4. Aplicado sobre un documento de 1920×1080 píxeles, calcula automáticamente el margen equivalente.
El carácter del sistema se preserva independientemente del formato.
Esto también obligó a una decisión importante desde el punto de vista del diseño: ser honesto sobre los presets históricos. El sistema de Vignelli para los Parques Nacionales usaba en realidad un módulo más complejo que el 3×4 que incluyo en la herramienta. Lo que el preset captura es el carácter editorial de su trabajo, pocas columnas amplias, márgenes generosos, no una réplica literal del Unigrid. Lo documento así en la interfaz.
Tres entornos, una sola lógica
Una de las decisiones tempranas fue que la herramienta debía funcionar en los tres entornos donde trabajo: Adobe Illustrator, Affinity, y el navegador. No como tres versiones distintas con comportamientos diferentes, sino como implementaciones de la misma lógica de cálculo.
El script de Affinity usa la API nativa del SDK para crear guías programáticas con preview en vivo, una ventaja que el entorno de Affinity permite y que Illustrator no. El script de Illustrator genera rectángulos vectoriales en una capa bloqueada y guías magnéticas nativas en una capa separada. Reutiliza las capas existentes al volver a ejecutarse, sin duplicados.
El web app exporta un SVG con grupos nombrados que cualquiera de las dos aplicaciones, más Inkscape, puede abrir reconociendo la jerarquía de capas.
El SVG incluye atributos inkscape:groupmode="layer" para que Inkscape reconozca los grupos como capas reales, e id semánticos para Illustrator y Affinity. No es el mínimo viable, es el formato que funciona correctamente en todos los destinos.
Lo que sigue
Swiss Grid Explorer v1.1 está disponible como web app y como código abierto en GitHub. Los scripts para Illustrator y Affinity están en el repositorio con instrucciones de instalación.
Es la primera herramienta de una serie orientada al diseño paramétrico y la arquitectura. El problema que resuelve, la distancia entre los sistemas que estudiamos y las herramientas que usamos, no termina con las retículas.
El problema que resuelve no termina con las retículas.
Abrir web app · Repositorio en GitHub
Bibliografía
- Müller-Brockmann, Josef. Grid Systems in Graphic Design / Raster Systeme für die Visuelle Gestaltung. Verlag Niggli AG, 1981.
- Gerstner, Karl. Designing Programmes: Four Essays and an Introduction. Verlag Arthur Niggli, 1964. Edición revisada: Lars Müller Publishers, 2007.
- Tschichold, Jan. Die neue Typographie. Bildungsverband der Deutschen Buchdrucker, 1928. Traducción al inglés: University of California Press, 1995.
- Vignelli, Massimo. Unigrid System. National Park Service, 1977.
- Vignelli, Massimo. The Vignelli Canon. Lars Müller Publishers, 2010.