La jerarquía visual: por qué no todo puede ser importante

Cabecera negra con JERARQUÍA en blanco, visual en gris y una línea turquesa que refuerza la jerarquía tipográfica.

Un cartel puede tener una buena tipografía, unos colores bien elegidos y una composición aparentemente equilibrada y, sin embargo, no comunicar absolutamente nada. O, más bien dicho, comunicarlo todo a la vez, que a efectos prácticos puede acabar siendo lo mismo.

Seguro que alguna vez has visto un cartel lleno de información en el que no sabías por dónde empezar a leer. El nombre del evento, la fecha, los patrocinadores, las actividades y algún eslogan competían por captar tu atención. Todo era grande, todo destacaba y todo parecía imprescindible.

El problema no era necesariamente la cantidad de información, sino la falta de una estructura que indicara <1></1>queles elementos habíamos de mirar primero. En diseño gráfico, la jerarquía visual permite organizar los elementos de una composición según su importancia y facilita la comprensión del mensaje. No consiste simplemente en hacer unas cosas más grandes que las otras: implica decidir qué ha de identificar el espectador de un vistazo, qué ha de entender después y qué información puede consultar una vez ya hemos captado su atención.


Cuando todo destaca, no destaca nada

Imaginemos que tenemos que diseñar un cartel para anunciar un festival de música. Tenemos el nombre del evento, la fecha, el lugar, las actividades y la información sobre la entrada.

Si presentamos todos estos elementos con el mismo tamaño, el mismo peso tipográfico y un espaciado similar, obligamos al espectador a identificar por sí mismo qué es importante.

Técnicamente, la información está toda ahí, pero el público tiene que hacer el esfuerzo de ordenarla por su cuenta. Es aquí donde el trabajo de composición marca la diferencia: el trabajo del diseñador no consiste solo en colocar información dentro de un formato, sino en darle una estructura que permita entenderla sin tener que descifrar cada elemento por separado.

Cartel de Vera Bock para la WPA con figuras de trabajadores y el lema Work Pays America en letras destacadas.
«Work Pays America», de Vera Bock (1936–1941). Fuente: Library of Congress / Wikimedia Commons.

Un ejemplo real es el cartel Work Pays America, diseñado por Vera Bock para la Works Progress Administration (WPA) en los años treinta. Las figuras de los trabajadores y el lema ocupan los espacios de máxima presencia, mientras que la información institucional queda subordinada. El mensaje se puede identificar antes de comenzar a leer los detalles.

Este cartel no es una acumulación de elementos de la misma importancia: pone el énfasis allí donde interesa y reserva un papel secundario al resto. El impacto visual es consecuencia de esta selección.

I estas prioridades no deberían decidirse arbitrariamente. Dependen del objetivo de la pieza, del público al que se dirige y del contexto en el que se mostrará.

Cartel de las cuatro libertades con la palabra Freedom de gran tamaño, lista de libertades y antorcha de la Libertad.
«Cuatro Libertades», cartel WPA (1936–1941). Fuente y ficha de la obra.

En este cartel sobre las cuatro libertades, la palabra Freedom concentra la primera lectura gracias al tamaño y al color, mientras que la lista de derechos concreta el mensaje. La antorcha y el globo aportan significado simbólico sin substituir el titular: la composición funciona porque estos elementos se articulan alrededor de una idea central.


El tamaño importa, pero no lo es todo

El tamaño es probablemente el recurso más evidente para establecer una jerarquía. Un elemento grande acostumbra a captar más atención que uno pequeño, especialmente cuando comparten características visuales.

Incrementar el cuerpo de una tipografía no garantiza, por sí sola, una jerarquía efectiva. El peso tipográfico, el contraste cromático, la posición y el espacio que rodea cada elemento pueden reforzar o contradecir esta decisión. Por eso, antes de hacer crecer un titular, conviene observar cómo interactúa con el resto de la composición.

Un titular negro sobre un fondo blanco puede tener más presencia que un texto más grande en un gris de contraste reducido. De la misma manera, un pequeño elemento rojo rodeado de formas neutras puede convertirse en el primer punto de atención de toda la composición.

Cartel de la WPA con fondo rojo, un libro abierto y la frase «don't GUM UP a book» con la palabra GUM UP muy destacada.
«Don’t gum up a book», de Arlington Gregg (1936–1940). Fuente y ficha de la obra.

En el cartel de Arlington Gregg, el texto GUM UP se diferencia claramente del resto por el tamaño, la forma y la textura de las letras. El tratamiento tipográfico refuerza la idea de la goma pegada al libro, de modo que el recurso expresivo no es solo una decoración: contribuye a hacer comprensible el mensaje y a establecer un punto focal inequívoco.

La jerarquía no depende de las características aisladas de un elemento, sino de la relación que establece con los demás.

Cartel de Frank S. Nicholson para la WPA con un arco rocoso gigante, dos genets y el título See America en la parte inferior.
«See America», de Frank S. Nicholson (c. 1938). Fuente: Biblioteca del Congreso / Wikimedia Commons.

El cartel See America, de Frank S. Nicholson, es especialmente interesante porque la atención no comienza necesariamente con el texto. La gran forma rocosa y las figuras diminutas construyen un contraste de escala que capta la mirada. El titular, situado en la franja inferior, identifica la campaña y cierra la lectura. La jerarquía también se puede construir entre imagen y tipografía.

La composición demuestra que no hace falta convertir todos los contenidos en titulares. En este caso, la imagen genera interés y la tipografía aporta la identificación y el contexto. Cada parte tiene una función diferente.

Un error habitual es intentar solucionar una composición confusa haciendo más grande el elemento que no destaca lo suficiente. A menudo, el resultado es una sucesión de titulares cada vez más voluminosos que continúan compitiendo entre ellos. En lugar de aumentar indefinidamente el protagonismo de cada pieza, puede resultar mucho más eficaz rebajar la presencia de los datos secundarios y reservar el contraste para lo que realmente ha de destacar.


El espacio en blanco también establece jerarquías

Cuando hablamos de jerarquía visual, solemos pensar en tipografías, colores y dimensiones. Pero hay un recurso igualmente importante que a menudo pasa desapercibido: el espacio.

En un artículo anterior ya hablé de el espacio en blanco y de la necesidad de no llenar todos los rincones de una composición. Aquí nos interesa especialmente una de sus funciones: separar, agrupar y relacionar elementos para dar estructura a la información.

La proximidad visual influye en la manera como interpretamos las relaciones entre los contenidos. Los elementos situados cerca tienden a percibirse como un conjunto, mientras que una separación mayor sugiere que pertenecen a grupos diferentes. Este principio de la percepción, estudiado por la Gestalt, nos ayuda a estructurar fechas, horarios, nombres e imágenes sin necesidad de llenar una pieza de líneas divisorias.

Cartel turístico de Pennsylvania, diseñado por Katherine Milhous, con una familia amish y un paisaje ilustrado.
Cartel de promoción de Pensilvania, de Katherine Milhous (c. 1938). Fuente: Library of Congress / Wikimedia Commons.

En este cartel de Pennsylvania, diseñado por Katherine Milhous para la WPA, el paisaje y las figuras construyen un bloque visual principal. Los textos ocupan zonas diferenciadas, de manera que la imagen y la información no tienen que competir constantemente por la misma atención.

No es un ejemplo de espacio en blanco extremo, pero sí de una distribución que separa funciones y evita interferencias innecesarias. Los espacios de transición entre los elementos también forman parte del recorrido de lectura: permiten identificar qué información está relacionada y contribuyen a organizar la composición sin recurrir constantemente a marcos o efectos decorativos.

Cartel de J. Hirt sobre los parques nacionales con dos muflones ilustrados y texto de conservación de la fauna.
«Los parques nacionales preservan la vida salvaje», de J. Hirt (c. 1938). Fuente y ficha de la obra.

El cartel de J. Hirt sobre la fauna de los parques nacionales ofrece otra manera de organizar el conjunto: la representación de los animales domina la superficie, mientras que la tipografía ocupa una zona definida. Los elementos no necesitan la misma escala para relacionarse; la separación y la continuidad gráfica permiten entender el titular y la imagen como partes de un solo mensaje.


Diseñar también es decidir el orden de lectura

Una jerarquía efectiva debería permitir identificar los diferentes niveles de información con relativa facilidad.

En un cartel cultural, por ejemplo, podríamos establecer tres niveles:

  1. Información principal: el nombre del evento o el mensaje que queremos destacar.
  2. Información secundaria: la fecha o algún dato determinante para el público.
  3. Información complementaria: la ubicación, el horario, el precio u otras indicaciones prácticas.

Eso no es una fórmula universal. En una campaña promocional, el precio puede ser el primer reclamo. En una señalización de emergencia, la indicación principal debe tener prioridad absoluta. Y en un cartel de un concierto, el nombre del artista puede tener más importancia que el del festival.

La jerarquía tiene que adaptarse siempre a lo que necesitamos comunicar. Otra valla de la campaña See America nos permite ver cómo se puede construir un recorrido desde una escena ilustrada hasta el mensaje identificador.

Cartel WPA See America con dos personas dentro de una gran cueva y titular tipográfico al pie.
«See America», cartel de promoción turística (c. 1937). Fuente: Library of Congress / Wikimedia Commons.

La cueva y las figuras humanas crean el primer estímulo visual. La franja tipográfica inferior explica de qué trata la pieza. Una buena jerarquía no obliga necesariamente a leer en un orden exacto, pero sí que facilita distinguir qué es esencial y qué es complementario.

La mirada del espectador no sigue siempre un recorrido fijo. Influyen la experiencia previa, los intereses personales, el contexto y las características del soporte.

Por eso, más que imponer un recorrido infalible, el diseñador debe construir una composición que oriente la atención y permita encontrar rápidamente la información relevante.


La jerarquía cambia según el soporte

Un mismo diseño no funciona necesariamente igual en todas partes, porque las condiciones de lectura cambian según el soporte. Un cartel de gran tamaño, observado desde el otro lado de la calle, necesita un mensaje reconocible a distancia; en un folleto que tenemos en mano, en cambio, podemos incorporar información más detallada y cuerpos de texto más pequeños. Esta diferencia debería formar parte del planteamiento inicial y no dejarse para el momento de adaptar los formatos.

En las redes sociales, el problema es diferente. Una composición pensada para un formato grande puede perder toda su jerarquía cuando se reduce al tamaño de una pantalla de móvil.

El título que antes destacaba deja de hacerlo, los datos secundarios se vuelven difíciles de leer y los elementos decorativos pueden acabar compitiendo con el mensaje principal.

El cartel de Joost Schmidt para la exposición de la Bauhaus de 1923 combina formas geométricas, tipografía y direcciones diagonales. Según la documentación de Bauhaus Kooperation, se utilizó para anunciar la exposición en estaciones de ferrocarril alemanas. La composición buscaba impacto a distancia, pero los datos del evento también debían poder localizarse en una lectura más próxima.

Cartel original de Joost Schmidt para la exposición de la Bauhaus en Weimar de 1923, con formas geométricas y tipografía diagonal.
Cartel de la exposición de la Bauhaus, de Joost Schmidt (1923). Fuente: Bauhaus Kooperation. Dominio público.

Aquí es donde se pone a prueba la solidez de un sistema gráfico. Esta exigencia no es exclusiva del diseño digital: ya era importante cuando los carteles tenían que adaptarse al espacio público y a las condiciones de lectura de las calles y estaciones.

Adaptar un diseño no debería consistir únicamente en reducirlo o recortarlo, sino en revisar las prioridades visuales para mantener su capacidad comunicativa.

Por este motivo, cuando trabajo una composición, considero importante valorarla no solo en el formato original, sino también en las dimensiones y condiciones en que se utilizará realmente.


Antes de empezar a diseñar, hay que saber qué queremos decir

Muchos problemas de jerarquía comienzan antes de abrir Illustrator o Photoshop. Cuando el encargo no define cuál es el objetivo principal de la pieza, resulta difícil decidir qué ha de destacar y qué puede quedar subordinado. La solución no pasa necesariamente por probar más tipografías o colores, sino por determinar qué acción o comprensión esperamos del público.

Antes de empezar, conviene preguntarse qué debe entender el público en una primera mirada, qué información es imprescindible, cuál puede quedar en un segundo plano y en qué condiciones se verá el diseño. Estas respuestas orientan las decisiones de composición y evitan que el proyecto dependa solo de gustos personales. La tipografía, el color y el tamaño son herramientas para resolver un problema de comunicación; si se eligen sin tener en cuenta el mensaje, pueden acabar complicándolo.

Un diseño visualmente atractivo puede ser una mala solución si dificulta la comprensión. Y una composición aparentemente sencilla puede funcionar extraordinariamente bien si consigue transmitir la información adecuada en el momento oportuno.

Cartel histórico del Grand Canyon National Park con grandes formas del cañón e información textual del parque.
«Parque Nacional del Gran Cañón» (1938). Fuente y ficha de la obra.

La promoción del Gran Cañón es un buen ejemplo final: el paisaje es el gran reclamo visual, pero el nombre del parque y la información complementaria continúan siendo identificables. La decisión de dar protagonismo a la imagen responde a la finalidad turística del cartel. En una pieza de señalización o en un anuncio de servicio urgente, esta misma jerarquía probablemente no sería la adecuada.


La jerarquía no es decoración: es comunicación

La jerarquía visual es uno de esos recursos que, cuando están bien resueltos, casi pasan desapercibidos. El espectador identifica el mensaje, localiza la información que necesita y continúa adelante sin tener que pensar en todas las decisiones gráficas que lo han hecho posible. Cuando falla, en cambio, la composición obliga a detenerse para descubrir qué es relevante, por dónde comenzar o qué sentido tienen los diferentes bloques de información.

Al final, diseñar también consiste en seleccionar, ordenar y asumir que no todos los elementos pueden tener el mismo protagonismo. La jerarquía permite que una pieza cumpla su función antes de exigir que el público le dedique una atención que quizá no tenga. Porque dar importancia a todo es, en el fondo, no dar importancia a nada.


Lectura relacionada: Si quieres profundizar en cómo la distribución de los elementos influye en la lectura, puedes consultar el artículo sobre el espacio en blanco y el artículo sobre la composición en el diseño gráfico.



No te pierdas ningún artículo

Suscríbete al blog y recibe por correo electrónico los nuevos artículos sobre diseño gráfico, identidad visual y comunicación.

La suscripción es gratuita y te puedes dar de baja cuando quieras. Consulta el aviso legal y política de privacidad;

Publicado por Oriol Bg

Diseñador gráfico

Descubre más desde Oriol Bargalló

Suscríbete ahora para seguir leyendo y obtener acceso al archivo completo.

Seguir leyendo