TIPOGRAFÍA

1. Familias Tipografícas

1.1 Romanas

Formado por fuentes que muestran influencias de la escritura manual, en concreto de la caligrafía
humanista del s. XV, y también de la tradición lapidaria romana, donde los pies de las letras se
tallaban para evitar que la piedra saltase en los ángulos.

Las fuentes Romanas son regulares, tienen una gran armonía de proporciones, presentan un
fuerte contraste entre elementos rectos y curvos y sus remates les proporcionan un alto grado de
legibilidad.

Dentro de este grupo encontramos:

a. Las antiguas (oldstyle) también llamadas Garaldas (por Garamond), aparecen a fines del siglo
XVI en Francia. Son letras amigables, calidas, románticas, clasicas y algunas veces con ciertos
signos decorativos. Excelente para lectura de largos textos por grandes periodos. Su contraste es
sutil, su modulación pronunciada, cercana a la caligrafía, y su trazo presenta un mediano con-
traste entre finos y gruesos. Entre ellas se destacan las fuentes Garamond, Century Oldstyle,
Goudy old style, Sabon y Palatino.

abcdefghijklmn
b. De Transición: se manifiestan en el siglo XVIII y muestran la transición entre los tipos ro-
manos antiguos y los modernos son letras racionales, mas regulares en diseño, mas mecánicas,
menos románticas, mas simétricas y matemáticas derivadas del neo-clasicismo.
Se destacan las letras Baskerville, Caslon, Perpetua y Times new roman.

abcdefghijklmn
c. Modernas: aparecen a mediados del siglo XVIII hasta comienzos del siglo XIX, creadas por
Didot, reflejando las mejoras de la imprenta. Su característica principal es el acentuado y abrupto
contraste de trazos y remates rectos, lo que origina fuentes elegantes a la vez que frías. Sus ca-
racteres son rígidos y armoniosos, con remates finos y rectos, siempre del mismo grueso. Son letras
sofisticadas, elegantes, inorganicas y refinadas, se comienza a utilizar una estructura geométrica.

Se destecan: Bodoni, Fenice, Century, Linotype Didot.

abcdefghijklmn
d. Slab serif: aparecen en el siglo XIX, se refleja la revolución industrial y se comienza a introducir
el concepto publicitario para llamar la atención, son tambien llamadas serif cuadradas o egipcias,
estan diseñadas específicamente para propositos de display.

Se destacan: Rockwell, American Typewriter, ITC officina Serif.

abcdefghijklm
1.2 Palo Seco

Las fuentes Palo Seco se caracterizan por reducir los caracteres a su esquema esencial. Aparecen
en el siglo XX por movimientos como el bauhaus, donde el lema memos es mas, son lineales y
carecen de ornamentación, no son recomendadas para largo texto, también denominadas Góticas
ó Sans Serif, se dividen en dos grupos principales:

a. 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 vari-
antes, aunque su legibilidad suele ser mala en texto corrido. Ejemplos de este tipo serían Futura,
Avant Garde, Eras, Kabel.
 abcdefghijklmn
b.Grotescas: caracterizadas porque el grosor del trazo y el contraste son poco perceptibles y se
evidencian problemas con algunas fuentes en la confusión de la i mayúscula con la l minúscula
pertenecen a este grupo franklin Gothic, Helvetica, Universal.

abcdefghijklmn
1.3 Script

Basadas en la escritura a mano, los caracteres usualmente tienen uniones, son dificiles de leer, se
utilizan tipicamente para empaques, menús, certificados, e invitacones formales. algunas fuentes
son Carolina, Berthold Script y Charme.

abcdefghijklmnñ
1.4 Decorativas o de Display

Su intención principal es llamar la atención, son no legibles como texto, ni para largas lecturas, se
usan principalmente para títulos, señales y logos. Existe una gran variedad de ellas.

abcdefghijklmn
2. Dispoción de Textos en la Web

A la hora de manejar textos en las páginas web son válidas todas las consideraciones vistas para el
diseño gráfico general, pero adaptadas a un medio que impone fuertes limitaciones.
En primer lugar, leer de la pantalla de una computadora es cansado para los ojos y un 25% más
lento que la lectura en papel. Como consecuencia, los usuarios tienden a minimizar el número de
palabras que leen, por lo que la comprensión y retención se reduce aproximadamente a un 50%.
Además, la web es un medio interactivo, y los usuarios tienden a navegar más que a leer, por lo
que hay que tener especial cuidado en ofrecerles contenidos de calidad, perfectamente estructura-
dos e interesantes, que consigan atraer su atención y mantenerla durante la lectura.

Una buena disposición de textos en una página web es la siguiente:

a. Un titular que describa de forma clara el tema tratado.

b. Una serie de palabras clave destacadas (en forma de vínculos, utilizando variables tipográficas
o cambios de color).
c. Segmentación de los contenidos en unidades más pequeñas, reforzadas con índices y listas con
items.
d. Subtítulos significativos, útiles.
e. Una idea por párrafo.
f. La mitad o menos de palabras que las que normalmente se utilizan en textos
impresos.

2.1 Disposición del texto. Niveles de cabeceras

Debemos establecer un documento claro y atractivo por lo cual es necesario dividir el texto de
nuestras páginas en una serie de apartados, que vendrán iniciados por una cabecera que defina el
contenido de cada bloque, sobre todo si el contenido de nuestras páginas es eminentemente tex-
tual. Es necesario establecer una jerarquización de tipo A, B, C con una clara diferenciación en
tamaño, peso y color.

Como norma general, las cabeceras que definen temas completos deben ser las de mayor tamaño
y peso, los apartados principales del tema deben seguirle en importancia, y así deberemos ir re-
duciendo el tamaño y peso de las cabeceras conforme vayamos bajando en el árbol jerárquico de
temas del documento.
Dentro de cada bloque, y ya definidas las cabeceras, deberemos ir situando bloques de texto que
desarrollen la idea general introducida por la cabecera. El sangrado de este texto puede ser dif-
erente dependiendo de la cantidad de texto en el apartado. Así, si tenemos poco texto podemos
distribuirlo como si de un pequeño libro o folleto se tratase, sangrando cada párrafo y justificando
el texto del mismo.
Pero si el apartado contiene mucho texto, aunque podemos seguir sangrando los comienzos de
párrafo, en este caso no es conveniente la justificación del texto, ya que este tipo de alineación
cansa la vista por su monotonía, por lo que es preferible dejar una alineación a la izquierda, en
la que el efecto conseguido con la finalización de cada línea en un punto diferente consigue un
resultado de descanso visual y hace el contenido mas legible.

2.2 Familias de fuentes en los textos

Si deseamos mezclar fuentes deberemos, como regla general, no usar más de dos o trés tipos di-
ferentes. Por ejemplo, podemos usar dos fuentes que sean parecidas, una de ellas Sans Serif para
las cabeceras, y otra Serif para los bloques de texto. Recordemos que las fuentes Serif pintan una
especie de terminaciones de adorno en los extremos de las letras, mientras que las Sans Serif no,
pintando todas las letras planas. Fuentes Serif son por ejemplo la Times New Roman y la Geor-
gia, y fuentes Sans Serif son la Verdana y la Arial.
Si la página va dedicada a un público corporativo o adulto podemos usar fuentes serias o clásicas,
como Times New Roman o Arial. Si esta orientada a público general podemos usar Verdana,
Helvetica o Tahoma. Y si nuestro público va a ser joven podemos usar fuentes mas dinámicas,
como Comic Sans MS, Impact o Lucida Console.

Ejemplos:

Fuente Times New Roman (Serif)

Fuente Tahoma (Sans Serif)

Fuente Impact (Sans Serif)