Descubra el contenido heredado de FontShop.com, conservado para su consulta.

FontShop
Por favor, actualice su navegador. ¿Por qué?

La percepción del blanco y negro y el efecto del contraste

22 de agosto de 2016 por Ferdinand Ulrich

Varios diseñadores tipográficos y tipógrafos insisten en que no hay que subestimar las formas que encierran las letras y que las rodean y que, de hecho, son el aspecto más significativo de un tipo de letra. Puesto que leemos en contraste, es importante conocer esta relación a la hora de diseñar una página de texto, ya sea digital o impresa. Sabiendo que las letras y las formas que las rodean pueden adoptar cualquier color, en los debates seguimos refiriéndonos a ellas como "blanco" y "negro". Este ensayo es una recopilación de observaciones.

Mi colega Yves ya ha tratado prácticamente todos los aspectos del espacio en blanco entre palabras y letras en la serie en curso Aventuras en el espacio. Mientras tanto, este texto debe entenderse como una insistencia en la percepción del contraste en general. En lo sucesivo, utilizaremos el término "negro" para referirnos a los trazos y "espacio en blanco" o, lo que es lo mismo, "blanco" para referirnos a las formas encerradas en los trazos o a su alrededor. La idea central de esta percepción, que el blanco y el negro son iguales, se perdió un poco en la transición a las interfaces digitales. El problema del papel en blanco es evidente tanto en HTML como en los programas de creación de páginas: Cuando empiezo a diseñar una página, comienzo de descuento con mucho espacio en blanco al que luego se añade negro en un segundo paso. Sin embargo, en la época de la tipografía, el punto de partida era más o menos "nada" (en realidad, una gran superficie metálica). El blanco y el negro se añaden por igual.

Leer en blanco y negro

"La relación entre forma y contraforma, que en la escritura equivale a la relación entre blanco y negro, es la base de la percepción "1. Estas son las palabras de Gerrit Noordzij. En el primer capítulo de su best-seller El trazo (Londres, 2005) explica una teoría propia. Utiliza varios esquemas sencillos para explicar esta relación. Primera línea: Si se cambia el negro en cualquiera de las letras, las alternancias serán la consecuencia en las contraformas. Segunda línea: Al equipar los rectángulos la relación cambia. En el tercer rectángulo, el espacio exterior gana importancia frente al primero, donde el contador atrae la mayor parte de la atención perceptiva.

Gerrit Noordzij: [El trazo. Teoría de la escritura,](https://hyphenpress.co.uk/products/books/978-0-907259-30-5) Londres 2005, p. 13
Gerrit Noordzij: El trazo. Teoría de la escritura, Londres 2005, p. 13

Mientras que el espacio en blanco entre los caracteres de la primera y la segunda línea del siguiente boceto es igual, nuestra percepción del blanco en la segunda línea parece crear un hueco entre ellos. La reducción del espacio resuelve este problema en la tercera línea.

Gerrit Noordzij: [El trazo. Teoría de la escritura,](https://hyphenpress.co.uk/products/books/978-0-907259-30-5) Londres 2005, p. 14
Gerrit Noordzij: El trazo. Teoría de la escritura, Londres 2005, p. 14

Experimentar el blanco y negro

El "movimiento de cuadrados negros" sobre fondo claro es conocido como uno de los primeros ejercicios básicos de diseño que revelan esta relación. No quiero utilizar la escuela Bauhaus como ejemplo explícito, pero si se busca en Design and form (Londres, 1975) de Johannes Itten, se encontrarán ejercicios muy similares.2 Me enseñaron esta práctica en mi primer curso de fundamentos y he seguido incluyéndola en mi propia enseñanza de diferentes clases de tipografía -normalmente como primer ejercicio antes de nada-: se utilizan conjuntos de cuadrados para interpretar visualmente adjetivos como ligero, pesado, lento, rápido, fácil, complejo, etcétera. Pueden colocarse en cuadrículas o alocadamente por todo el espacio dado. Para crear confusión, me empeño en utilizar cuadrados blancos sobre un fondo oscuro. El ejercicio educa en la conciencia y forma una nueva percepción del poder que poseen por igual el blanco y el negro.

Interpretación visual del término "dinámico" utilizando cuadrados de 7×7 cm. Diseñado por alumnos de mi clase de tipografía en la Universidad de Arte y Diseño Burg Giebichenstein de Halle, Alemania. (Fotografía de [Norman Posselt](http://www.decent.photography/albums/ferdinand-ulrich/content/ferdinand-at-work-15/))
Interpretación visual del término "dinámico" utilizando cuadrados de 7×7 cm. Diseñado por alumnos de mi clase de tipografía en la Universidad de Arte y Diseño Burg Giebichenstein de Halle, Alemania. (Fotografía de Norman Posselt)

Diseño en blanco y negro

En una entrevista, Erik Spiekermann reveló: "En realidad, no se diseña el negro, sino el blanco: el espacio dentro de él y el espacio a su alrededor".3 Esta afirmación se hace evidente en el diseño que Spiekermann hizo del tipo de letra FF Meta. Si se observan las letras de cerca, se notará una cierta tensión entre los contadores lisos y los ligeramente cuadrados-de descuento , con el objetivo de aumentar la claridad y la legibilidad.4 El peso en negrita es un 15% mayor y también se le ha dado suficiente definición en las formas interiores para que resista el uso en tamaños más pequeños.

Hermann Zapf aplicó la idea contraria a su tipo de letra para periódicos Melior (D. Stempel/Linotype, 1952) y más tarde reintrodujo el concepto en el primer tipo de letra digital Marconi (Hell, 1974). Mientras que las formas interiores son suaves, los contornos se basan en el concepto de superelipse, una forma matemáticamente situada entre un círculo y un cuadrado. La idea de tensión entre forma y contraforma se llevó al extremo en el tipo de letra FF District™ con contadores geométricamente cuadrados. Sin olvidar a Roger Excoffon, que literalmente puso patas arriba todo lo que se sabía sobre el contraste en las formas de letras y diseñó Antique Olive (Fonderie Olive, 1962), un estilo invertido también conocido como "top-heavy".

Diferentes conceptos de contraformas de izquierda a derecha: FF Meta de Erik Spiekermann, Melior de Hermann Zapf, FF District de Albert Boton y Antique Olive de Roger Excoffon.
Diferentes conceptos de contraformas de izquierda a derecha: FF Meta de Erik Spiekermann, Melior de Hermann Zapf, FF District de Albert Boton y Antique Olive de Roger Excoffon.

Uso del contraste

Todas estas observaciones pueden tenerse en cuenta a la hora de elegir un determinado peso de texto para una página diseñada. El ojo prefiere un buen contraste. Algunos diseñadores hablan de "un bonito tono gris subyacente en la página", pero en realidad eso no es lo que se quiere. Cuando se consigue "gris", significa que el peso que se está utilizando para el cuerpo principal del texto es demasiado ligero. Además de los habituales fuente en un tipo de letra, la mayoría de los diseñadores proporcionan un peso marcado como 'libro', pero también pueden llevar un nombre diferente para destacar. Estos pesos suelen ser ligeramente más atrevidos que los normales, con la relación adecuada entre blanco y negro para que el texto tenga un contraste nítido. Mike Abbink's FF Milo® Regular de Mike Abbink, por ejemplo, tiene un peso hermano llamado Text, cuyo contraste es ligeramente superior y, por tanto, su aspecto es más nítido. El mejor peso de texto de Lukasz Dziedzic es el FF Good® de Lukasz Dziedzic de Lukasz Dziedzic se denomina News. La famosa cara de texto Arnhem de Fred Smeijers (OurType, 2002) ya está bastante bien contrastada. En su lugar, Smeijers diseñó una compañera ligeramente más ligera con el nombre de Arnhem Blond.

Pesos regulares y sus equivalentes en peso de texto, de arriba a abajo: FF Milo Regular y FF Milo Text, FF Good Regular y FF Good News, Arnhem Blond y Arnhem Regular.
Pesos regulares y sus equivalentes en peso de texto, de arriba a abajo: FF Milo Regular y FF Milo Text, FF Good Regular y FF Good News, Arnhem Blond y Arnhem Regular.

Pesos regulares de los tipos de letra y sus compañeros de texto en comparación.
Pesos regulares de los tipos de letra y sus compañeros de texto en comparación.

Un tipo de letra con varios estilos del mismo peso regular para diferentes propósitos es FF Transit®.. Cuando FF Transit se concibió a partir de la fuente de Adrian Frutiger Frutiger® Condensed de Adrian Frutiger, por Lucas de Groot en MetaDesign a principios de los noventa para las autoridades de tránsito berlinesas BVG, se hicieron necesarios múltiples ajustes para diversas aplicaciones. Además de un peso regular adecuado para los trabajos de impresión, FF Transit incluye estilos positivos y negativos para rótulos retroiluminados, así como rótulos positivos y negativos que se iluminan de frente. Cuando las letras están retroiluminadas, tipo blanco sobre fondo negro (FF Transit Back Negative), brillan y la anchura de sus trazos parece aumentar; por tanto, el peso debe ser más ligero. Es al revés, letras negras sobre fondo iluminado, cuando se necesita FF Transit Back Positive.

Los distintos estilos de FF Transit Regular de arriba a abajo: FF Transit Print, Anverso Positivo, Anverso Negativo, Reverso Positivo y Reverso Negativo. Los pesos "negativos" sólo deben utilizarse al revés, es decir, blanco sobre negro, pero se muestran como "positivos" para una mejor comparación de los pesos de trazo.
Los distintos estilos de FF Transit Regular de arriba a abajo: FF Transit Print, Anverso Positivo, Anverso Negativo, Reverso Positivo y Reverso Negativo. Los pesos "negativos" sólo deben utilizarse al revés, es decir, blanco sobre negro, pero se muestran como "positivos" para una mejor comparación de los pesos de trazo.

Este enfoque puede parecer extravagante, pero es un ejemplo que lo demuestra: Un regular no es necesariamente un regular tal y como lo conocemos: siempre hay que tener en cuenta el contexto en el que se puede utilizar un tipo de letra.

Casos prácticos de los distintos pesos FF Transit en el sistema de señalización de las autoridades de tránsito de Berlín BVG. Eche un vistazo a [esta infografía](http://www.fontblog.de/wp-content/fontblog-bilder/TransitOT_2.pdf), que explica para qué sirve cada uno de los pesos.
Casos de uso de los distintos pesos FF Transit en el sistema de señalización de las autoridades de tránsito de Berlín BVG. Eche un vistazo a esta infografía, que explica para qué sirve cada uno de los pesos.

Notas a pie de página

1. Gerrit Noordzij: El trazo. Teoría de la escritura, Londres 2005, p. 15
2. Consulte Johannes Itten: Diseño y forma. El curso básico en la Bauhaus, Londres 1975.
3. Afirmado por Spiekermann en Design Within Reach dwr.com
4. Erik Spiekermann: Post Mortem. Or: How I once designed a typeface for Europe's biggest company, Londres 1985, p. 7

Aviso de atribución de marcas comerciales
FF, FontFont, Meta, Milo, Good y Transit son marcas comerciales de Monotype GmbH registradas en la Oficina de Patentes y Marcas de EE.UU. y pueden estar registradas en otras jurisdicciones. District es una marca comercial de Monotype GmbH y puede estar registrada en determinadas jurisdicciones. Frutiger, Marconi y Melior son marcas de Monotype Imaging Inc. registradas en la Oficina de Patentes y Marcas de EE.UU. y pueden estar registradas en otras jurisdicciones. Antique Olive es una marca comercial de Madame Marcel Olive. Todas las demás marcas comerciales y derechos de autor pertenecen a sus respectivos propietarios.