La maquetación ha muerto

<!– Esta fué la primera entrada que hice en Zenblog sobre el desarrollo técnico de esta profesión. Mi intención no era adoctrinar a nadie, sino quejarme de la falta de cuidado que tenían los diseñadores en ciertas maquetaciones, y por eso elegí este título para la entrada y la ilustré con memorias sociales reales de importantes compañías. Según pasó el tiempo, los estudiantes comentaban que les servía de guia, de modo que comencé a escribir las demás entradas con un caracter más didáctico. Esta es la que lo lió todo. Que la re-disfrutéis –>

Últimamente, debido a que nos toca ponernos a maquetar memorias sociales, me he estado fijando bastante en toda maquetación que cae en mis manos. La conclusión ha sido que la maquetación ha muerto o, mejor dicho, que poco a poco va perdiendo todo su sentido.

Hay ciertas normas básicas para la legibilidad de los textos que creí­a universales, pero que cada vez se usan menos. Ignoro si el motivo es el absoluto desconocimiento de los diseñadores y maquetadores que las hacen, o simplemente que son valores ya superados. Voy desglosando punto por punto (algunos nombres pueden variar, pero estos son los que he usado yo toda la vida):

La palabra “viuda”:

Se denomina así a la palabra que queda suelta en la última lí­nea de un párrafo. Lo normal es ajustar levemente el interletrado para que la palabra suba a la lí­nea anterior o alguna otra palabra baje a la inferior. En la última lí­nea nunca debe quedar una palabra sola.

Para los muy puristas, la última lí­nea de texto debe cubrir, como mí­nimo, la mitad del espacio que ocupa nuestra columna.

Viudas y partición incorrecta

Las líneas “huérfanas” y “viudas”:

La misma denominación se utiliza para las líneas de un párrafo que quedan sueltas en otra hoja o columna. En este caso, se denomina “huérfana” a la primera línea del párrafo que queda separada de las demás, y “viuda” cuando la separada es la última línea del párrafo.

Los “rios”:

Los rios son los espacios en blanco que quedan entre las palabras y que, unidos a los de las líneas superiores e inferiores, forman caminos blancos en la masa de texto. Suelen depender mucho del tracking y el kerning de las tipografí­as, así como del modo de justificación del texto y del tamaño al que lo usemos. La Helvética se retocó y se creó la Helvética Neue para corregir los rios que tendí­a a dejar en los textos corridos. La justificación total suele crear enormes rios en los textos, ya que fuerza el tracking para que se ajuste a un espacio que no es el natural de la tipografí­a.

Rios tipográficos

Las particiones:

La partición indica el punto en el que se deben separar las sí­labas de una palabra. Sólo es aconsejable en columnas cortas en las que debemos usar palabras largas. En esos casos puede solucionar problemas con los rios y evita anchos de lí­nea muy desiguales. Sin embargo, es aconsejable seguir ciertas normas para facilitar la lectura del texto.

La principal y más básica es no dejar nunca una sí­laba suelta. Por esa razón nunca deben dividirse palabras de dos sí­labas. Si no nos queda más remedio que hacer la partición a una palabra de tres sí­labas, la sí­laba suelta quedará en la lí­nea superior y las otras dos en la inferior. Nunca se deja la sí­laba final de una palabra en la lí­nea inferior.

Particiones incorrectas

Para evitar esto basta con adaptar el apartado de Particiones y Justificación (PyJ) de nuestro programa de maquetación. Ahí podemos establecer el número de caracteres mí­nimo de una palabra para que esta sea indivisible, cuantos caracteres deben quedar en la primera lí­nea y cuantos en la segunda; incluso se puede adaptar el número de guiones que pueden aparecer en lí­neas consecutivas. Una herramienta muy útil y, por lo que parece, muy poco usada.

Ventana de PyJ's de Quark 7

Los anchos de columna o de lí­nea:

Como norma general, es más sencillo leer un texto distribuido en varias columnas que uno que vaya de lado a lado de una hoja en una sola columna. El motivo es que, cuanto más larga es la línea de texto, mayor es la dificultad del ojo para saltar del final de una lí­nea al principio de la siguiente. Si el interlineado es pequeño, es bastante probable que nos equivoquemos de lí­nea y tengamos que cortar la lectura para encontrar el punto donde debemos continuar. En un texto largo esto puede ser desesperante, y conseguiremos que el lector abandone la lectura.

El serif como aliado de la lectura:

Muchas veces, por un motivo puramente estético, los diseñadores preferimos las tipografí­as sin serif, que dan un aire más moderno a las composiciones. Si os fijáis, ningún diario usa una tipografí­a de palo seco (sin serif) para los textos corridos. La explicación es que, cuando hay mucho texto, el serif ayuda a formar una lí­nea base imaginaria. Algo similar a tener una guí­a sobre la que se apoya la letra. Esto facilita que nuestros ojos sigan el renglón en el que nos encontramos y ayuda a distiguirlo de los anteriores y posteriores. La lectura se hace más rápida y fluida.

Elección de la tipografí­a:

Hay ciertas tipografí­as que poseen una gran calidad estética, como la futura o la avant garde, pero que por su “redondez” hacen que las palabras sean más largas de lo que serían con otras tipografías. El ojo humano no se desliza por las lí­neas de texto, sino que va dando saltitos; es lo que se conoce como saltos sacádicos.

Cuando el ojo tiene que leer una tipografí­a que “ensancha” las palabras, necesita dar más altos sacádicos por línea, por lo que la lectura se hace más pesada. Mejor que os lo explique con ejemplos un profesional de la tipografí­a.

texto con más saltos sacadicos de lo normal

Si a esto unimos lo que hemos comentado antes sobre el serif, nos damos cuenta de que la elección de la tipografía no es sólo una cuestión de estética, sino también de usabilidad.

Bula diseñil:

Hay muchas más reglas, por supuesto. Algunas generales y otras más especí­ficas de medios concretos, como los diarios o las ediciones de bolsillo. Obviamente, las limitaciones en el número de pliegos, en los diseños pre-aprobados, etc, hacen dificil seguir todas las normas siempre. No es lo mismo no dejar ninguna viuda en una maquetación a dos columnas que en una maquetación a cinco. Sin embargo una pieza donde sistemáticamente se rompen esas normas tiene que ser calificada de mal diseño.

Recordemos que no estamos hablando solo de estética. Estamos hablando de la comodidad al leer un texto, o lo que es lo mismo, de que el mensaje llegue al receptor sin interferencias.

Ni que decir tiene que el mimo y el cuidado también tiene su precio. Cuadrar bien una maquetación es una de las labores más meticulosas del proceso, porque cualquier acción que hagamos en un párrafo, tiene su repercusión en todos los posteriores.

Para terminar, el “mea culpa”:

Si os fijáis en esta entrada pensaréis “¡de que está hablando este tio! ¡ha escrito 100 lí­neas con una tipografí­a sin serif, con justificación total , al no haber particiones se producen rios en el texto…!” (este tema ha sido solucionado con el cambio de theme).

Cierto. Hace cosa de una semana estaba recopilando información para escribir esta entrada cuando me encontré este artí­culo en Duopixel. Me dí cuenta de que me pongo muy pesado cuando se trata de gráfico, pero que cometo todos los fallos juntos cuando se trata de web. Es que claro… la tipografí­a, el cuerpo de letra, el color de fondo depende de cada navegador y de las opciones del usuario, así que ¡para qué preocuparse si cada uno lo va a ver de una manera!

Bueno, pues no. Prometo empezar a subsanar los errores para poder ser tan pesado con una página web como lo soy con lo impreso.

Conclusión:

Esta parte no me corresponde. Esperaba que fuerais vosotros quienes las escribiesen. ¿Estoy hablando de reglas desfasadas? ¿Nos las saltamos en favor de otros valores más estéticos? ¿Hay otras reglas más importantes que no he nombrado? ¿realmente son importantes, o simplemente “aconsejables”?

Este es vuestro espacio.

<!– Lamento la pérdida de todos los comentarios de esta entrada que eran, con mucho, lo mejor que tenía. Gracias a todos los que comentásteis en su momento por vuestro apoyo e interés. Vosotros fuisteis los culpables de todas las entradas que publicamos después sobre maquetación y artes finales –>


COMENTARIOS / YA HAY 10 COMENTARIOS

[...] La maquetación ha muerto Esta entrada fue publicada en Sin categoría y etiquetada maquetación, zenblog por Pedro Arilla. Guarda enlace permanente. [...]

Serie de artículos muy interesantes en Zenblog sobre maquetación que han prometido ir ampliando. Por ahora la trilogía se completa con Antes de empezar a maquetar y Maquetación de balances y números. | Don Serifa ha dicho en 07 nov 11 a las 21:30

[...] objetivo, en realidad— es facilitar la legibilidad del texto. Les recomiendo, sin ninguna duda, que lean este clásico y magistral artículo de Zenblog. Porque me asombra la exasperante frecuencia de líneas viudas y huérfanas (en más de una [...]

Lolita (Vladimir Nabokov) | Eres mi sangre misma, si se oyera ha dicho en 12 feb 12 a las 0:51

este post es histórico! En online todavía hay que ser un poco estoico a la hora de tratar tipos, pero si, hay por ahí cosas sangrantes.

Pepo ha dicho el 13 jul 11 a las 9:03

Se ha perdido. Y es un asco xD Lo peor es que cuando unos se saben estas normas, nos miran con cara locazas y sueltan -FREAK!-

Aunque todos tenemos ticks… oish el interliniado abiertito.. OISH!

Axel ha dicho el 14 jul 11 a las 18:43

Discrepo cuando dices que los diseñadores cada vez cuidamos menos el aspecto visual. En todo caso los redactores son los que cada vez tienen menos respeto Pr el
Diseño. Trabajo en El Mundo como en la sección de Diseño y varios de mis compañeros de sección tienen un blog que si te interesa esta tema te gustara: http://www.encajabaja.com

Mi alias en Twitter: @cosmonele

Elena Costa ha dicho el 15 jul 11 a las 11:14

@Elena ¡Como no voy a conocer encajabaja! Son un referente constante en prensa y maquetación. Han estado en los enlaces de este blog hasta que empecé mis “inacabadas” obras en el blog, y volverán a estar sin duda, en una sección específica de prensa y maquetación.
Desde luego, el obviar estas normas no es cosa de la prensa, que si no cuida este tipo de cosas ¡apaga y vámonos! Pero todos los ejemplos del post son memorias sociales de IMPORTANTÍSIMAS compañías y administraciones. Esas memorias sociales las hacen estudios de diseño, entre los que me incluyo, que llevan años más dedicados a mostrar una gran “creatividad” que a entregar un resultado de calidad. Lo primero que parece haber desaparecido es un mínimo respeto al texto en favor de lo bonita que quede la tipo viendo la página desde lejos.
La prensa os salváis ¡POR AHORA! ;)

Nano ha dicho el 15 jul 11 a las 11:29

Jeje, gracias por lo de “referente”. También lo es zenblog, como también estáis en uno de nuestros enlaces de los que se actualizan automáticamente (aunque si habéis hecho cambios es posible que el RSS cambie, así que lo miraremos).
A ver si es verdad que nos salvamos DEL TODO, y no sólo POR AHORA, aunque está la cosa complicadilla..
Una vez más, gracias, y un fuerte abrazo del equipo de encajabaja

Mario Benito ha dicho el 15 jul 11 a las 22:09

Hola,

Me ha gustado mucho el post, nos olvidamos muchas veces en la maquetación de estos detalles, centrandonos en el diseño sin cuidar suficiente el texto que acompaña al conjunto del diseño y nos quedamos cojos en globalidad del proceso.

Un saludo.

Miguel Ángel ha dicho el 26 jul 11 a las 16:49

Me encanta este artículo…

Y repasarlo de vez en cuando.

Un saludosèe

evasèe ha dicho el 01 ago 11 a las 6:53

Muy buen y post y muy necesario.
Muchas gracias!

txemi ha dicho el 24 dic 11 a las 13:21

OPINA! / AÑADE AQUÍ TU COMENTARIO
Tu primer comentario en el blog será moderado

XHTML: Puedes usar las siguientes etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Return to Top

LO MÁS RECIENTE EN ZENBLOG