Abres una web y dudas entre una tipografía sobria, dos colores fuertes y una composición con más aire. Massimo Vignelli habría empezado por ordenar la información y reducir las decisiones visuales, aunque esa disciplina funciona mejor cuando la estructura ayuda a orientarse y no borra pistas que el público necesita.
La claridad de Vignelli nace de un sistema, no de una estética vacía
- Primero, la jerarquía: cada elemento debe ayudar a encontrar o entender algo.
- La tipografía acompaña la estructura: una fuente conocida no arregla una página desordenada.
- El mapa del metro: su abstracción resolvía una tarea, pero chocaba con la geografía que la gente esperaba reconocer.
- La lección para una web: mantén reglas constantes y adapta la composición al contenido.
Vignelli ordenaba la información antes de elegir la forma
Una página puede parecer elegante y, aun así, dejar a quien la visita sin saber dónde mirar. En la obra de Vignelli, la retícula, la jerarquía tipográfica y el uso medido del color daban prioridad a la lectura; la forma seguía una lógica.
Su trayectoria pasó por identidades corporativas, señalética, publicaciones y diseño de producto. Esa amplitud ayuda a entender una idea que mantuvo durante décadas: el diseño podía tratarse como un sistema coherente en distintos medios, en lugar de como una colección de adornos. La consistencia debía servir a la función.
Por eso no reduciría su legado a “usar Helvetica”. Una tipografía neutra puede convivir con una página confusa; en cambio, una jerarquía clara permite distinguir títulos, instrucciones y detalles incluso con una familia tipográfica sencilla. La decisión más visible llega después de la estructura.
El mapa del metro muestra el límite de simplificar demasiado
El mapa de Nueva York de 1972 es el ejemplo más conocido de su método: líneas rectas, ángulos regulares y una geografía muy esquemática para mostrar conexiones. Unimark International lo diseñó con Massimo Vignelli, Bob Noorda y Joan Charysyn; atribuirlo a una sola persona borra parte del trabajo colectivo.
La propuesta sigue dividiendo opiniones porque la claridad de las rutas no compensaba para todo el mundo la distancia visual entre el diagrama y la ciudad que conocía. El New York Transit Museum explica que el diseño eliminaba detalles topográficos y que la institución volvió a buscar una representación más geográfica. La controversia enseña algo práctico: simplificar ayuda solo mientras conserva las referencias que necesita el público.
La sustitución del mapa no demuestra que el diseño fuera un fracaso absoluto. El sistema funcionaba para seguir conexiones bajo tierra, pero era menos útil si alguien quería relacionar la estación con calles, barrios o distancias reales. En una web, el equivalente sería esconder el menú principal para que la página se vea más limpia.
Unigrid demuestra que una plantilla puede dejar espacio a cada historia
Una retícula rígida suele parecer enemiga de la variedad, pero el programa Unigrid del Servicio de Parques Nacionales de Estados Unidos muestra otra posibilidad. Vignelli creó un sistema común para folletos de parques: compartían estructura e identidad, mientras cada publicación podía organizar su propio contenido.
Según el Servicio de Parques Nacionales, su oficina imprime de media alrededor de 20 millones de ejemplares al año dentro del programa. Esa escala vuelve visible una ventaja menos vistosa que un logotipo: las reglas compartidas reducen decisiones repetidas y ayudan a mantener reconocible la información entre publicaciones muy distintas.
En una web, la aplicación no consiste en copiar una plantilla sin pensar. Conviene fijar primero lo que debe repetirse, como estilos de encabezado, botones y navegación; luego deja que cada página disponga de los módulos que necesita. La coherencia está en las reglas comunes, no en que todas las páginas sean idénticas.
Usa un sistema visual cuando la tarea del visitante se repite
Si una web tiene varias páginas de servicios, productos o recursos, la gente aprende dónde están los títulos, los enlaces y las acciones. Ahí una retícula estable y una paleta breve ayudan a reconocer patrones; romperlos en cada sección obliga a volver a aprender la interfaz.
Si cada página cuenta una historia distinta, como una revista o una exposición digital, conviene permitir variaciones dentro de límites claros. Mantén la navegación y los estilos de texto previsibles, pero cambia el ritmo de imágenes, columnas y espacios según el contenido. El sistema orienta; la composición específica mantiene el interés.
Para elegir tipografía, empieza por las funciones, no por el nombre de la fuente: cuerpo de texto, titulares, datos y botones. Si una familia ofrece suficientes pesos para diferenciarlas, puede bastar una sola; si el diseño necesita una segunda, úsala para una función concreta y comprueba que ambas sigan siendo cómodas de leer en tamaños pequeños.
Con el color, asigna un papel a cada tono: uno para acciones principales, otro para estados o avisos y neutros para el texto y el fondo. Si dos colores compiten por llamar la atención, decide cuál conduce a la acción y reserva el otro para un uso menos frecuente. Una paleta coherente reduce la duda sobre qué mirar primero.
La mejor herencia de Vignelli es saber qué conviene dejar fuera
Al revisar su trabajo, me convence más la disciplina para decidir qué información hace falta que la imitación de sus formas geométricas. Un plano esquemático, una retícula fija o una tipografía austera solo funcionan si ayudan a resolver una tarea reconocible.
Antes de ajustar colores o cambiar de fuente, prueba una pregunta sencilla: ¿qué necesita localizar o comprender alguien en esta pantalla? Si la respuesta se repite entre páginas, crea reglas; si cambia, conserva la orientación básica y adapta el resto. Así la web puede ganar coherencia sin perder las pistas que la vuelven útil.