Pixelar.me

El Interlineado en el diseño web

Fecha: 14-Feb-2010 | Autor: Marcelo.
Guardado en: Accesibilidad y Usabilidad, Diseño Web, HTML y CSS

El interlineado, o sea, el espacio entre cada línea de texto, es un elemento poco considerado en el diseño web, casi como si diera lo mismo el espacio que separe cada renglón de texto.

Sobre todo en artículos o noticias extensas puede influir en primer lugar en la facilidad de lectura del texto y en segundo (y como consecuencia de lo primero) en la cantidad de gente que opte por acabar de leer tu artículo.

Un ejemplo.

Quiero citar como ejemplo el caso que motivó mi interés en escribir este post, la web de la revista Muy Interesante, veamos sus contenidos y como se verían de hacer uso de un mejor interlineado:

Ver animación del antes/después.

La técnica.

El aspecto técnico relativo a la separación de líneas de texto en entorno web, es muy sencillo; tenemos una propiedad CSS que nos permite variarlo a nuestro gusto: line-height.

Podemos asignarle un valor en pixels, porcentaje o ems, y agrandará la separación entre líneas.

Otro aspecto importante a tener en cuenta, es la separación de los párrafos. Es muy importante y realmente ayuda a la lectura el separar nuestro contenido en párrafos y que estos párrafos estén sutilmente separados entre sí.

Relacionado:

Indentación

Programa para realizar Copias de Seguridad

Tutorial phpMyAdmin

A 2 lectores les ha gustado esta entrada.

 Loading ...

Etiquetado como: css, diseño, interlineado, textos, web

Marcelo Ferreiro

Desarrollador web: me especializo en Diseño web, Maquetación xHTML & CSS y Programación PHP & MySQL, e intento aprender un poco más cada día.