Una guia sobre tipografia Web
La tipografia para la Web ha recorrido un largo camino desde que Tim Berners-Lee subio el switch en 1991. Ya desde los dias del IE 1.0 una buena fuente para la web era algo como un oximoron. Hoy las cosas son diferentes. No solo tenemos navegadores que soportan imagenes sino que tambien podemos dar vida a nuestras paginas Web por medio de una buena tipografia.
En primer lugar, vale la pena señalar que tipografia no es solo acerca de la eleccion de una fuente o incluso saber distinguir un tipo de fuente de otro. Recientes experimentos demostraron que monos entrenados fueron capaces de identificar correctamente la fuente Helvetica 90% del tiempo.
En este articulo hablaremos de la tipografia Web en terminos de una receta de cuatro ingredientes fundamentales. Si alguna vez ha intentado cocinar un suffle, sabra lo importante que es la receta. Siga esta receta y su tipografia resaltara. Como en una metafora culinaria, vamos a cocinar:
Contraste
Un texto rosa palido sobre un fondo azul palido, tal vez combine en una camiseta, pero simplemente no se lee bien. El texto existe para ser leido, asegurese de contrastarlo con el fondo lo suficiente para lograrlo. Si Usted siempre esta seguro acerca de los contrastes, haga la siguiente prueba: abra su software editor de imagenes y convierta la imagen a escala de grises. Entonces se dara cuenta si tiene el contraste adecuado.
Robert Bringhurst, tipógrafo consumado escribe, la tipografía existe para honrar a contenido. ¿Estamos honrando el contenido, si diseñamos nuestras páginas de tal manera que el texto, el contenido, es difícil de leer?
Personalmente no me gusta leer largos tramos de texto invertido, (por ejemplo texto blanco sobre fondo negro), ¿con que frecuencia vemos esto en los libros? Bien, esto puede ser apropiado para tramos cortos de texto en la pantalla, pero resulta muy cansado leerlo al cabo de un periodo de tiempo.
Tamaño
Con el nacimiento de la WEb 2.0, nacio tambien una tendencia mas bien molesta, llamese tipografia pequeña. Muchos argumentaran que con el uso de gafas se puede leer bien o que el tamaño pequeño se acomoda a ciertos diseños minimalistas, sin embargo a menos que sea Superman o la Chica Vision 20/20, la gran mayoria somos lectores promedio por lo que las fuentes pequeñas no deberian de ser.
No haga cuerpos de texto por debajo de 10 o 12 px y, de ser posible hagalos mas grandes.
Recuerde que lo que es legible en un monitor de plasma de 65 pulgadas, puerde no serlo para una MacBook de 15.
Jerarquia
La tipografia de diferente tamaño es una de las mejores maneras de diferenciar el contenido. Los colores y las cajas pueden ayudar bastante, pero utilizar diferentes tamaños de tipografia a lo largo de una pagina, sera una señal fuerte y clara para los lectores sobre la importancia relativa de los elementos de una pagina.
Tambien significa que si sus lectores tienen prisa, puedan encontrar rapidamente la informacion mas importante y que podria significar que se queden mas tiempo a leer su contenido.
La jerarquia se puede lograr de otras maneras. Acabamos de mencionar el uso de diferentes tamaños de tipografia, pero tambien podemos utilizar diferentes estilos, puras mayusculas o el uso de cursivas para los subtitulos. La tipografia serif y la sans serif tambien se pueden mezclar con buenos resultados.
Espacio
Deje que la tipografia respire. No tenga miedo de dejar espacios en blanco en sus paginas. Este espacio negativo o en blanco le ayudara a centrar la atencion en el texto, y es el texto el que habla mas alto y debe ser escuchado. Enseguida, recuerde la propiedad de interlineas en CSS, una buena regla general es que el espacio entre lineas de un texto debe ser cuando menos del 140% de su tamaño. Los buenos diseñadores de tipografia ponen mucha atencion en ese micro espacio en blanco que se encuentra dentro de la tipografia. Pasan horas tratando de lograr un equilibrio entre el negro del tipo y el espacio en blanco que lo rodea.
Asimismo, debemos tener tiempo para examinar los macroespacios en blanco, o “huecos” que dan forma a los bloques de texto.
Recuerde que, estas no son normas, sino mas bien directrices. Sin embargo siga el contraste, el tamaño, la jerarquia y el espacio y su tipografia se elevara como un suffle.
Texto tomado y traducido del articulo publicado originalmente en I love typography y que podemos abrir desde aqui: A Guide to Web Typography



























































Comentarios Recientes