Bienvenido, invitado. Puedes registrarte o iniciar sesión.
EN LOS FOROS...
  • Ir a los foros
  • Cambiados los permisos de los foros: Hola. Tras numerosos mensajes de SPAM hemos decidido restringir la publicación de nuevos topics a usuarios registrados. Hasta ahora para hacer esto no hacía falta estar regist...
  • IMPORTANTE: leer antes de publicar.: Este foro está dedicado a tratar temas relacionados con empresas de hosting. Aquí se puede hablar sobre estos servicios, plantear problemas, quejas, recomendar empresas... Per...
  • IMPORTANTE: leer antes de publicar.: Este foro está dedicado a tratar todos aquellos temas en los que se mueve dinero en internet y esto comprende tiendas online, sistemas de pago, marketing, además de propuestas...
  • Ir a los foros
NOTICIAS
atfour, ayudándonos a organizar eventos y quedadas: Todos nos hemos enfrentado alguna vez al brete que supone organizar una quedada o un evento en el que hay involucrado un grupo de personas. Una cena, una visita al cine o a a...
"May feelings", la red social que reza para cambiar el mundo. Una iniciativa española: De la mano de tres españoles, Santiago Requejo, Joaquín de los Ríos y Bosco Ybarra, ha nacido el 1 de mayo May Feelings, una red social cuyo lema es rezar para cambiar el mun...
Treinta días sin Flash: una herramienta cada vez más prescindible: Hace un mes me vino a la cabeza una idea cuando me saltó por enésima vez el aviso de actualizar Flash. ¿Y si lo desinstalo? Total, no lo uso demasiado, me molesta más que otr...
Google y Microsoft, su ansia por ser sociales y lo que deberían hacer para conseguirlo: No podemos negar que Google lleva varios años intentando ser social. Google Buzz, Google Wave… y ahora su mayor intento con una red social por todo lo alto: Google+. Y ...
La Unión Europea propone a Google solucionar las acusaciones de monopolio de sus competidores: Joaquín Almunia, miembro de la Comisión de la Competición de la Unión Europea, ha ofrecido a Google terminar con la investigación que están llevando a cabo fruto de las queja...
Panic lanza Coda 2 junto con Coda: Ya hace mucho tiempo de eso, pero todavía recuerdo cuando los chicos de Panic lanzaron la primera versión del editor HTML y CSS Coda. Con el tiempo han habido actualizaciones...
¿Ha hecho bien Microsoft desechando Aero Glass? La pregunta de la semana: Hace unos días, mi compañero Manu Mateos hablaba de uno de los mayores cambios en la interfaz de Windows 8. Para la nueva versión de su sistema operativo Microsoft ha decidid...
GitHub ya tiene cliente para Windows: GitHub ya tiene cliente para Windows. GitHub es uno de los portales de referencia para el alojamiento de proyectos, que utiliza el control de versiones Git diseñado por Linus...
Amazon estrena su servicio de prueba de aplicaciones para Android: Primero fueron las compras dentro de las propias aplicaciones y ahora la Amazon App Store estrena una funcionalidad original: la opción de probar gratuitamente aplicaciones d...
Winamp. Clásicos del software (XIII): Abrimos la decimotercera entrega de nuestro especial sobre clásicos del software hablando de una aplicación que, estoy seguro, todos hemos tenido instalada en nuestro PC, sob...
USAMOS...

XHTML

CSS

Powered by PHP

Powered by MySQL

RSS 0.91

RSS 1.0 / RDF

RSS 2.0

ATOM

Tipos de fuentes (letra) y recursos tipográficos
Desarrollo y diseño

Publicado (o actualizado) el 03/08/06 a las 17:17:58

Formato "serif" y "sans-serif"

Los formatos de fuente "serif" son aquellos que las letras tienen unos pequeños remates en los extremos, por ejemplo:

Times New Roman es un tipo de letra "serif"

Las fuentes "sans-serif" son aquellas sin esos pequeños remates en los extremos, por ejemplo:

Arial es un tipo de letra "sans-serif"

Los estudios realizados han demostrado que sobre papel impreso las fuentes "serif" son más legibles, ya que esos pequeños remates en los extremos dan más información sobre los caracteres y facilitan la lectura. Además por la costumbre y familiaridad los usuarios generalmente prefieren este formato.

Sin embargo en los monitores, por su menor resolución en comparación con el papel, los pequeños remates aparecen borrosos y dificultan la lectura por lo que se recomiendan fuentes "sans-serif".

Ancho de línea

A una menor longitud de línea, mayor velocidad de lectura, esta es la razón de que los periódicos tengan columnas muy estrechas.

Una mayor longitud de línea requiere de un salto de mayor longitud de un punto de fijación ocular al siguiente. A mayor longitud del salto, más inexactitud en la siguiente fijación y por tanto mayor dificultad de lectura.

Aunque no existe una recomendación única en cuanto a la longitud máxima de línea se suele hablar de un número máximo que ronda los 50-60 caracteres.

En líneas muy cortas es importante la distribución de las unidades de significado, como se puede ver en este ejemplo tomado de Jarret, C. Nielsen, J. 2000:

Si tienes que usar
longitudes de línea
muy cortas,
entonces es adecuado
que cada línea
contenga una unidad
de significado.

Es más fácil de leer que:

Si tienes que
usar longitudes de
línea muy cortas,
entonces es
adecuado que cada
línea contenga
unidad de significado.

Ajuste del espacio entre letras (kerning)

El espacio entre las letras de una misma palabra (kerning) no debería ser siempre fijo. Cuando este espacio se ajusta los textos son más legibles y el aspecto estético es mucho mejor. El "kerning" es lo que da ese aspecto tan profesional a los libros impresos.

El ajuste varía según las combinaciones de letras que van juntas, por ejemplo en la silaba "To" la "o" debe entrar unos pocos píxels debajo de la "T" como se puede ver en la imagen 1. No está implementado en los navegadores y solo programas profesionales de edición de textos que usan los tipógrafos tienen en cuenta el kerning.

ejemplo de kerning

-Imagen 1-

Tamaños de letra

Un tamaño de entre 10 y 12 puntos suele ser el estándar para la mayoría de textos, sin embargo lo realmente importante es que el tamaño de fuente no sea fijo y pueda ser modificado libremente por los usuarios mediante la opción correspondiente del navegador.

Interlineado

A mayor espacio entre líneas, mayor facilidad de lectura. Se recomienda un interlineado óptimo de un ancho de línea de 1,5.

Uso de mayúsculas

Las mayúsculas son mucho más difíciles de leer que las minúsculas por ello no son recomendadas para textos largos sino para palabras sueltas. Su capacidad de resaltar dentro de un texto le hacen un recurso muy valioso para captar atención sobre un elemento de información.

Una opción interesante para publicidad la constituyen las combinaciones de mayúsculas y minúsculas en una misma palabra. Esta combinación presenta una muy difícil lectura lo que requiere mayor procesamiento y por tanto puede producir un mayor recuerdo, si bien esto última hipótesis no ha sido comprobada empíricamente.

Otros recursos

Un documento no debería utilizar nunca más de dos fuentes diferentes.

Las cursivas son muy poco legibles y son poco recomendables, solo deben ser utilizadas con fuentes de tamaño suficientemente grande.

El subrayado es un recurso para enfatizar en papel impreso que no se debe emplear en la web en ningún caso porque podría confundirse con un vínculo.

Las viñetas (bullets) y sangrías (indent) son recursos útiles para estructurar la información, separar conceptos, subordinar unos a otros, crear dependencias, etc.

Los espacios en blanco hacen los documentos más fáciles de leer y le dan un espacio más limpio.

Agradecimientos

A Joaquín "Cuenca" (covero de Cox, Alicante) por sus comentarios sobre el "kerning", Ariel Guersenzvaig, Cesar Martín y David Martín por sus aportaciones para mejorar este artículo.

 




Autor: Eduardo Manchón
http://www.ainda.info/fuentes.html

Escribe un comentario

Expresa tu opinión sobre este recurso y compártela con los demás.

Validación

Por favor, introduce abajo el texto que se muestra en la imagen. De ese modo, evitamos los envíos automáticos masivos y podemos contestar antes a los mensajes legítimos como el tuyo.


Compartir
del.icio.us digg.com technorati.com yahoo.com meneame.net
Recursos relacionados:
Consejos para diseñar con Flash: Consejos para diseñar con Flash Para no caer en los errores más comunes los diseñadores que usan Flash deben considerar alternativas accesibles al contenido, dar opciones al usuario y usar poco ancho de banda, pero sin dejar de ...
10 formas de darle notoriedad a un sitio web: 1) El número cinco es la clave. Mantenga cada nivel de directorios en un máximo de cinco opciones. Si usted cree que tiene más de cinco enlaces, comience a agrupar los elementos y a hacer sub-directorios. 2) Manténgase a ...
Causas de la no usabilidad en una página web: La primera: no se ha escuchado a los clientes. Y no se les ha escuchado porque no se les ha preguntado. Y no se les ha preguntado porque creemos que ya sabemos las respuestas, y ... En otras palabras, la falta de Usabilidad de una página de I...
¿Los diseñadores deben implementar el CSS?: En general las personas opinan en dos categorías:              * Hay muchos a favor del CSS porque los navegadores no son iguales ni uniformes de modo que es mejor ir adelante con CSS.   ...
RSS Marketing: La salida natural del email Marketing es el RSSMarketing Reconozco que en los últimos meses me he apasionado con el tema, que lo he estudiado y analizado y he visto sus ventajas e inconvenientes. Algo que no me pasaba desde hacía ...
Mis errores favoritos: Es muy común que aquellas personas que conocen mi actividad profesional me pidan consejo o mi opinión sobre el site de su empresa con aquello de ¡a ver qué te parece! Esto como el lector imaginará me supone un ...
Consejos prácticos para darte de alta en un buscador: Tu página debe estar en un buscador Básicamente toda la gente usa un buscador para encontrar páginas. La publicidad en televisión, revistas, etc., puede ser "eficaz" en un primer paso. Los datos dicen lo contrar...
Encuesta para una web de diseño centrado en el usuario Informe de resultados: Resumen: Marta González y Dunia Meler han realizado una encuesta a la comunidad de profesionales de IPO, Usabilidad y AI con el objetivo de realizar una Web sobre el Diseño Centrado en el Usuario. Los resultados en este artículo...
¿Qué es una tienda virtual?: El Comercio Electrónico (e-commerce) está de moda. Y no sólo es una novedad tecnológica; ha venido para quedarse. Es más, ha venido para cambiar de modo radical la forma cómo son y cómo funcionan las ...
Cómo diseñar una portada que cautive a sus visitantes: Cómo diseñar una portada que cautive a sus visitantes Por poco que os mováis en Internet en los sitios de marketing y comercio, veréis que los aspectos de promoción y publicidad de webs son profundamente tratados en todas partes...
Cortinas     Depresion     Colchones     Coches de segunda mano     
0.549479007721
eSedo.com - Compra, venta y registro de dominios y proyectos web infos proyecto: duamu.com estadísticas para proyecto: duamu.com etracker® web controlling en lugar de analisis de archivos log