07 – Longitud de los párrafos

A la hora de maqueta secciones de texto, es muy importante la relación de escala con el documento.

En el diseño web, generalmente se parte de mallas, rejillas o grills, como los que se usan en ciertos frameworks como 960 grid system o twitter bootstrap.

Aunque ya veremos estos sistemas con mayor detenimiento, se basan en distribuir el contenido en base a un número de columnas.

Por ejemplo, si el documento tiene un ancho total de 12 columnas, y queremos crear 3 bloques de texto distribuidos en horizontal, cada bloque de texto ocupará 4 columnas.

Una malla es una referencia en base a la cual se ordenan los elementos de una web para que tengan armonía. Un error muy frecuente es basarse de forma muy estricta en ella y tener una longitud de párrafo muy corta o demasiado larga.

Si un párrafo es demasiado largo, el usuario tiende a no leer la segunda línea, porque pierde cohesión, mientras que si el párrafo es demasiado corto no es legible y el usuario pierde la atención y el interés.

La longitud perfecta de un párrafo
La longitud perfecta de un párrafo

Como orientación para la longitud de párrafos es que no tengan más de 80 caracteres por línea ni menos de 50 caracteres.

También puede ser interesante calcular el tamaño de la fuente de nuestro proyecto en base a que al menos el párrafo contenga 50 caracteres.

Lecturas adicionales complementarias:

Lecturas recomendadas:

Capítulos

(Ir a la portada de Guía de tipografía web)

01 – Prólogo

Si algo he aprendido de diseño en mi carrera profesional es la importancia de la Tipografía. En todos los aspectos de nuestra vida, la tipografía tiene un enorme impacto. Nos […]

02 – Introducción a la tipografía web

Introducción a la tipografía web Antes de comenzar a ver qué reglas debemos usar para componer nuestros elementos tipográficos es importante que aclaremos una cosa. No es lo mismo la […]

03 – Tipos de fuente

Antes de tomar una decisión sobre cuál es el tipo de fuente que quiero usar en un proyecto, vamos a ver las clases de tipografía más habituales. Serif: Este tipo […]

04 – Cómo usar una fuente

Jerarquizando el texto: pesos, tamaños y colores. La jerarquía del texto suele y debe ser bastante tradicional, y que en los proyectos web casi siempre se compone de un título […]

05 – El color en la tipografía

Para dar una mayor fuerza a la jerarquía, además del tamaño y el peso de la fuente, podemos aplicar el color. Para los textos, y en pos de la legibilidad, […]

06 – Interlineado, interletrado y márgenes

Los márgenes, el espacio, “el aire” entre los elementos de texto, son necesarios para que el diseño tenga armonía y la estética que necesitamos. Estos elementos de espacio y de […]

07 – Longitud de los párrafos

A la hora de maqueta secciones de texto, es muy importante la relación de escala con el documento. En el diseño web, generalmente se parte de mallas, rejillas o grills, […]

08 – Conclusión

No es bueno generalizar. Y menos en diseño. Pero en este caso creo que una serie de “reglas” o puntos de partida pueden ser útiles y darían sentido a la […]