Tipografía:
Podemos definir la tipografía como, el arte de disponer correctamente el material de imprimir, de acuerdo con un propósito específico: el de colocar las letras, repartir el espacio y organizar los tipos con vistas a prestar al lector la máxima ayuda para la comprensión del texto.
Tipos de Fuente
La definición de las fuentes de la página web debe hacerse teniendo en cuenta que éstas reciben distinto nombre en los sistemas Windows y Mac. La fuente elegida puede no estar disponible en el ordenador del usuario por lo que conviene usar fuentes genéricas. En último caso se puede recurrir a usar una imagen GIF para reproducir fielmente un breve texto con tipografía poco habitual. No conviene usar más de dos tipos distintos de letra en una misma página.
Un error muy común entre diseñadores web noveles consiste en elegir un tipo de letra 'exótico' para la página web, pensando que todos los visitantes a su página obtendrán el mismo impactante resultado que aparece en la pantalla de su ordenador en ese momento.
Pero esto no es así. El navegador sólo mostrará la fuente definida originalmente en la página web si ésta se encuentra instalada en el ordenador del cliente. De otro modo, la fuente será sustituida por otra, normalmente Times o Times New Roman.
fuentes de palo seco
Las fuentes Palo Seco se caracterizan por reducir los caracteres a su esquema esencial. Las mayúsculas se vuelven a las formas fenicias y griegas y las minúsculas están conformadas a base de líneas rectas y círculos unidos, reflejando la época en la que nacen, la industrialización y el funcionalismo
También denominadas Góticas, Egipcias, Sans Serif o Grotescas, de dividen en dos grupos principales:
- Lineales sin modulación: formadas por tipos de un grosor de trazo uniforme, sin contraste ni modulación, siendo su esencia geométrica. Admiten familias larguísimas, con numerosas variantes, aunque su legibilidad suele ser mala en texto corrido. Ejemplos de este tipo serían Futura, Avant Garde, Eras, Helvética, Kabel y Univers.
- Grotescas: caracterizadas porque el grosor del trazo y el contraste son poco perceptibles y por ser muy legibles en texto corrido. La principal fuente de este tipo es Gill Sans
Fuentes Decorativas o de Fantasia
Estas fuentes no fueron concebidas como tipos de texto, sino para un uso esporádico y aislado.
Existen numerosas variaciones, pero podemos distinguir dos grupos principales:
- Fantasía: similares en cierto modo a las letras capitulares iluminadas medievales, resultan por lo general poco legibles, por lo que no se adecuan en la composición de texto y su utilización se circunscribe a titulares cortos. Ejemplos de este tipo son las fuentes Bombere, Block-Up, Buster, Croissant, Neon y Shatter.
- Época: pretenden sugerir una época, una moda o una cultura, procediendo de movimientos como la Bauhaus o el Art Decó. Anteponen la función a lo formal, con trazos sencillos y equilibrados, casi siempre uniformes. Muy utilizados en la realización de rótulos de señalización de edificios y anuncios exteriores de tiendas. Ejemplos de este grupo son Futura, Kabel, Caslon Antique, Broadway, Peignot, Cabarga Cursiva, Data 70, LCD, Gallia.
Composición de la tipografía:
Familia: Llamamos familia al conjunto integrado por los caracteres del alfabeto, diseñados bajo unos mismos criterios de coherencia formal.
Son familias:
Times New Roman
Helvetica
entre otras...
Fuente: Se denomina fuente a cada variante diseñada de una misma familia de tipos.
Estilo: Propiamente dicho, es una referencia muy general al conjunto de las características formales. Son estilos: redonda, cursiva o itálica, negrita, fina, expandida, condensada, etc.
Cuerpo
El cuerpo es una medida que define la proporción del tamaño de una tipografía.
El cuerpo de una tipografía se pautará en relación al uso o función que se le de a la palabra escrita.
Un trabajo intencionado con el cuerpo tipográfico colaborará a la transmisión de una idea o mensaje.
La determinación del cuerpo tipográfico depende del objetivo de la comunicación a realizar.
Ej: Un cuerpo grande busca destacar una información en particular dentro de un contexto determinado (ya sea porque la distancia de lectura lo amerita o porque la importancia de esos datos lo requieren).
Interlinea
El espacio existente entre lineas de un texto. En artes gráficas se mide de linea base a linea base.
Tracking y Kerning
El track o tracking ajusta el espacio entre caracteres, abriéndolo cuando se trata de cuerpos pequeños y cerrándolo cuando se trata de cuerpos grandes, con lo que se consigue alterar la densidad visual del texto. El track actúa globalmente sobre todo el texto y depende del tamaño de los caracteres. Como regla general, cuanto más grande sea el cuerpo más apretado debe ser el track.
El Kern o kerning se utiliza para ajustar el espacio entre entre las letras de una misma palabra o en algunos pares de caracteres determinados que llaman la atención por estar demasiado juntos o separados, normalmente en cuerpos grandes. El kern es estrictamente proporcional, ya que el espacio eme (la unidad en la que se basa) tiene el mismo tamaño en puntos que el cuerpo de los caracteres, es decir que el espacio eme para un texto de 12 puntos mide 12 puntos.
Párrafo: ¿Que es un párrafo?
El párrafo es una unidad de puntuación. Un conjunto de oraciones o un período oracional que comienza con letra mayúscula y termina en un punto y aparte.
Todo escrito de una cierta extensión está estructurado en bloques reciben el nombre de párrafos. Se puede distinguir visualmente porque está separado en bloques con o sin sangrías, separados por espacios en blanco. El párrafo es cada una de las partes de un escrito que desarrolla una idea parcial y concreta de las que conforman la composición total.
Condiciones básicas de un párrafo
Unidad:
El párrafo debe presentar una idea básica en torno a la cual se construye su desarrollo.
Dinamismo:
Existencia del desarrollo de la idea central, lo que hace que el pensamiento progrese de manera lógica y racional.
Coherencia:
Capacidad para mantener al lector bien orientado en todo momento, permitiéndole el seguimiento de la totalidad de lo expuesto.
Funcionamiento:
El Párrafo ha de mantener orden y coherencia internamente y en relación con los demás párrafos.
Los párrafos en Artes Gráficas son las diferentes formas de justificar las líneas para agruparlas y organizarlas.
La medida de los párrafos puede ser libre pero es bueno mantener unos criterios de relación entre el cuerpo de la tipografía y la línea.Estos criterios son los siguientes:
- la línea debe ser el doble en picas que el cuerpo de la letra, así si tenemos un texto con una letra de cuerpo 12 interesaría que la línea hiciera una medida aproximada de 24 picas de largo, si el cuerpo de la letra es 10 la línea debería ser de 20 picas.
- que las líneas sean entre un alfabeto y medio o 2 alfabetos (esto es debido a que no todas las tipografías son iguales, las hay más anchas y las hay más estrechas...).
- que la línea haga 5/7 partes de la anchura de la página.
Tenemos los siguientes tipos de párrafos:
- ordinario: primera línea con sangría y el resto justificado.
- moderno: líneas justificadas, la última no es necesario que llegue hasta el final.
- en bloque: todas las líneas están justificadas al máximo.
- francés: primera línea entera y el resto con sangría (típica estructura de los diccionarios).
- alineado a la derecha o bandera izquierda.
- alineado a la izquierda o bandera derecha.
- centrado o epigráfico: (típica estructura de muchos textos poéticos).
- base de lámpara: líneas centradas que van disminuyendo.
Justificación de las líneas:
- no se aconseja poner más de 3 guiones seguidos.
- tener en cuenta de no hacer calles (efecto visual en los párrafos).
- la línea más corta no puede ser nunca más pequeña que la sangría, normalmente debe ser 1/6 parte de la línea.
- si por el contrario la línea fuera demasiado larga, ésta debería tener al final el espacio mínimo de la sangría, aunque sería interesante que quedara el espacio de 1/6 parte de la línea.
Punto de Cicero
Es la unidad de medida que se utiliza para los elementos tipográficos. Su valor en milímetros es 0,376 mm.
El cícero es una unidad o modulo tipográfico inventado por Pierre Simon Fournier en 1737. Su nombre deriva de las Epístolas familiares de Cicerón, cuyas letras eran de 11 puntos, y equivale a 12 puntos o 4,5126 mm en el Sistema Didot. Este sistema fue desarrollado más tarde por François- Ambroise Didot y, a diferencia de Fournier, éste estableció que 72 cíceros equivalían a un pie de rey y 12 puntos Didot eran 13 puntos Fournier. Con el desarrollo de la tecnología se buscó una unidad de medida única para la tipografía de esta forma se fijó el valor del punto en 72 pulgadas (0.353)
Punto de Pica
Una pica es una unidad de medida tipográfica anglosajona, utilizada también en buena parte de Hispanoamérica. Corresponde a 1/92 pies y consecuentemente a 1/12,5 pulgadas. Hay 12 puntos en una pica. En España, al igual que en otros países de la Europa continental, ha recibido tradicionalmente el nombre de cícero.
A lo largo de la historia se han usado tres tipos distintos de picas:
La pica francesa de 12 puntos Didot, también denominada cícero, mide generalmente: 12 x 0,376 = 4,512 mm o unas 00,177 638 pulgadas.
El sistema estadounidense tradicional usa un punto de 3,1459240943 pulgadas (1/72,27 pulgadas).
Por lo tanto una pica son 0,66044 pulgadas (4,2175 milímetros).
La pica de computadoras se define como 1/72 de el pie compromiso anglosajón de 1959, es decir: 4,233 mm ó 0,166 pulgadas. Esta pica fue promovida por el PostScript de Adobe y domina actualmente tanto la industria de impresión como las computadoras personales.
Cabe recalcar que estas definiciones difieren de la “pica” de las máquinas de escribir, en las que significa un tamaño de tipo de 10 caracteres por pulgada horizontal. En la pagina correspondiente a “PICA Tipografica” se pone 0,376mm al valor del Punto Didot mientras en “Punto Didot” el VALOR que se da al Punto Tipografico es de 0,3579mm.
Legibilidad
El tipo de letra que elijas y su uso condiciona mucho la legibilidad de la web: si la fuente utilizada resulta difícil de leer, el visitante se cansará y se acabará marchando de tu página. Esto es doblemente negativo porque perderás una oportunidad de convertir la visita en una venta y además los buscadores como Google penalizarán a tu página debido a la reducida duración de las visitas que recibes.
Para evitar que eso ocurra, lee estos diez consejos fundamentales sobre tipografías para web.
10 consejos de tipografía básicos para tu web
- Elige una fuente diseñada para leer en pantalla, por ejemplo Verdana, Georgia o Trebuchet. Evita tipografías pensadas para el papel como Times New Roman.
- No utilices más de tres tipos de letra en una misma página, ya que confunde a los usuarios. Si quieres destacar algo, usa recursos como los colores, negritas, subrayados, cursivas, etc.
- No abuses de las mayúsculas: dificultan la lectura. Úsalas sólo al principio de las palabras que deban llevarlas y en las siglas, no en los títulos ni para destacar palabras (ver consejo 2).
- Recuerda que no todas las fuentes se ven bien en todos los navegadores. Para asegurarte, elige una fuente común y usa herramientas como Browser Shorts para verificar como queda.
- Si usas colores en el texto, haz que combinen con el resto de elementos de la web: logotipo, pastillas, menús, etc. La fórmula más adecuada para leer es texto oscuro sobre fondo claro.
- Emplea un tamaño de letra adecuado, de mínimo 14 píxeles. Ten en cuenta que la lectura en pantalla cansa la vista. Otra ventaja de usar fuentes grandes es que necesitarás menos texto.
- Añade títulos, negritas y destacados al texto y separa las frases en párrafos de 3 o 4 líneas. De esta forma, el texto será más apetecible y el lector podrá hallar fácilmente lo que busca.
- No justifiques el texto alineándolo por igual a ambos lados de la página. Cuando el final de cada línea es desigual, resulta más fácil para el ojo saltar de una a otra. ¡Y no queda mal!
- Recuerda que hasta el 30% de los usuarios accede a Internet desde un dispositivo móvil. Así que verifica cómo se visualiza tu web en los móviles con emuladores como iPhone Tester.
- Si deseas diferenciar tu web con una tipografía “especial”, hallarás librerías de fuentes en sitios como éste. Sin embargo, asegúrate de que la soporten los principales navegadores web.
Tipometría:
Se llama Tipometría al conjunto de técnicas que se usan para medir los caracteres de imprenta y muchos aspectos de los procesos de la impresión de textos. Sus orígenes, tal y como hoy en día hacemos uso de las normas tipométricas, se remontan al siglo XVIII. Esto quiere decir que muchas de sus características se originaron cuando la industrialización no había hecho más que empezar y, por tanto, aunque se sigan utilizando, están desfasadas.
Origen de la tipometría:
Cuando la necesidad de llegar a sistemas de medidas apropiados y estables llevó a la definición de las unidades tipométricas, la imprenta se basaba principalmente en los sistemas en relieve, y aún era una heredera muy directa del invento de Gutenberg. Cada tipo se fundía independientemente y sobre una de sus caras llevaba los rasgos de un signo o de una letra. El tipo permanecía en uso hasta que se desgastaba o rompía y, para ordenarlos en líneas, se usaba un procedimiento completamente manual. El tipo, como se aprecia en el dibujo, era pequeño pero sólido, y constaba de varias partes importantes:
1. El ojo de la letra.
2. La línea base de escritura.
3. La altura de bloque.
4. El ancho del tipo.
5. El cran, o ranura de posición.
6. El cuerpo.
7. La altura de impresión
Unidades tipométricas:
Actualmente se usan dos sistemas de medidas tipográficas, además del sistema métrico decimal, que poco a poco se va introduciendo.
El europeo se basa en:
El punto de Didot, que mide 0,376 mm.
El Cícero, formado por 12 puntos de Didot, que mide 4, 512 mm.
El sistema anglosajón tiene como unidades:
El punto de Pica, que mide 0,351 mm.
La Pica, formada por 12 puntos de Pica, que mide 4,217 mm.
Como se aprecia, la conversión de unas unidades a otras es incómoda, y lo normal es que nadie las realice en los talleres. Se usan unas u otras, pero rara vez se convierten entre sí. Normalmente, los Cíceros y las Picas vienen en unas regletas, llamadas tipómetros, que en ocasiones pueden simultanear ambos sistemas, el anglosajón y el europeo.
La particularidad del tipómetro es el gran número de escaletas que suele contener y que son de gran utilidad. Cada escaleta corresponde a un cuerpo o a una interlínea, cuando los bloques de líneas se separan por espacios en blanco. Las escaletas más frecuentes son las de 6, 7, 8, 9, 10, 11 y 12 puntos. Mediante la combinación de ellas se puede medir una amplia gama de tipos tradicionales, ya que 3 líneas de la regleta del 6, por ejemplo, ocupan el mismo espacio que una del 18, por lo que sirve para este cuerpo; y dos del 7 hacen una del 14. Para lo que no sirve el tipómetro es para medir los cuerpos modernos que permite el ordenador, formados incluso por fracciones de punto.
