Unidad 2 - Tipografía en la diagramación

1. UNIDAD 2.
La Tipografía
en la Diagramación
Fidel Romero
www.movendesign.com

2. TIPOGRAFÍA - DIAGRAMACIÓN
Contenido:
2.1 La letra, principal elemento tipográfico.
2.2 Los caracteres tipográficos.
2.3 Clasificación de los tipos de letra.
2.4 Características del tipo o letra.
2.5 Las líneas y los párrafos.
2.6 Tipos de párrafos.
2.7 Legibilidad de los tipos.
2.8 Otros elementos tipográficos.
2

3. TIPOGRAFÍA - DIAGRAMACIÓN
Introducción
El término “tipografía” tiene varias acepciones. De una
manera simple, la tipografía puede definirse como
el arte de la comunicación impresa. En un sentido
amplio, es hacer referencia al conjunto de elementos
– textos, ilustraciones, espacios en blanco, relieves,
etc. – que intervienen en el diseño de la página de un
diario.
3

4. TIPOGRAFÍA - DIAGRAMACIÓN
La importancia de la tipografía para la compresión de los
textos se pone de manifiesto cuando se constata que
entre el 80% y el 90% de la superficie de una página está
cubierta por la letra impresa.
A pesar de los avances de la informática y la electrónica,
aún podemos ver en algunas impresas como el tipógrafo
va eligiendo letras de los distintos cajetines para componer
los textos. Su labor, aunque sencilla, es fundamental, ya
que de su “arte de componer” y de los elementos que
utilice, resultará un texto más o menos legible, más o
menos atractivo a la vista.
4

5. TIPOGRAFÍA - DIAGRAMACIÓN
5

6. TIPOGRAFÍA - DIAGRAMACIÓN
2.1 La letra, principal elemento
tipográfico
La letra es, de todos los elementos tipográficos, la que
tiene mayor importancia en el diseño de los periódicos.
Es una constante en su estructura, tanto si se emplea en
textos como si va en pie de fotos o en titulares. Las letras
proporcionan al lector la primera impresión de conjunto
de una página impresa. Por ello, no puede extrañar que
los tipos o letras sean el elemento más importante en la
confección de un periódico. Como señala Mario García,
“las letras se consideran como el marco visual que
proporcionan a los lectores la primera impresión de
conjunto de una página impresa.”
6

7. TIPOGRAFÍA - DIAGRAMACIÓN
En la actualidad, si observamos los titulares de diversos
periódicos, nos encontramos que no hay uniformidad
en el uso de las familias tipográficas. Incluso, un mismo
periódico puede utilizar diferentes tipos según las
secciones.
7

8. TIPOGRAFÍA - DIAGRAMACIÓN
2.2. Los caracteres tipográficos
Aunque no existe una clasificación de los tipos de letras
universalmente aceptada, ya que depende de los autores
y de los países, puede servir de referencia la que presenta
Jesús Canga Larequi, que las encuadra en cinco
grandes estilos:
8

9. TIPOGRAFÍA - DIAGRAMACIÓN
Caligráficas agrupan a los distintos tipos cuyo origen
o inspiración es la escritura manual. No se utilizan en el
periódico, salvo casos muy excepcionales. Pertenecen
a este grupo la letra gótica, la inglesa, la bastardilla, etc.
Algunos diarios las mantienen en su rótulo como Le
Monde o el Herald Tribune.
9

10. TIPOGRAFÍA - DIAGRAMACIÓN
Las Romanas se caracterizan por el alfabeto utilizado por
los romanos en sus inscripciones murales. Se caracterizan
por la diferencia de grosor en su trazo y por estar rematadas
(serif). Dentro de las romanas se suele distinguir entre; la
romana antigua de pie triangular y remates ondulados y
escasa diferencia a lo largo del grosor del trazo; la romana
moderna de remates rectos y finos y diferenta de grosor
en el trazo y la romana de transición con elementos de las
dos anteriores, trazos finos y gruesos y remates inclinados.
10

11. TIPOGRAFÍA - DIAGRAMACIÓN
Las Egipcias se caracterizan por el predominio de los
trazos rectos y uniformes, así como por sus pesados
remates, la mayoría de la veces cuadrados. Su trazo evoca
el vigor, la fuerza de los monumentos egipcios, de donde le
viene el nombre.
11

12. TIPOGRAFÍA - DIAGRAMACIÓN
Las Grotescas, popularmente conocidas como de
palo o palo seco y en menor medida como peladas o
san serif. Se definen por la sencillez del trazo recto y
uniforme y la carencia de remates. Fue creada en 1816,
basada en la egipcia. Sus variedades más conocidas
actualmente son la Futura, la Helvética y la Univers.
12

13. TIPOGRAFÍA - DIAGRAMACIÓN
Las Ornamentales o de fantasía constituyen un “cajón
de sastre” donde se encuadran todos aquellas tipos
difíciles de situar en alguno de los apartados anteriores.
Apenas se utilizan en la composición de textos
periodísticos, siendo más propias de los anuncios y de
los carteles. Dentro de ellas se encuentran las orladas,
letra inicial cuyo motivo es un adorno que puede ser
una figura (de figura), una figura humana (antropomorfa),
flores (floreada) paisajes o escenas campestres, etc.
13

14. TIPOGRAFÍA - DIAGRAMACIÓN
Los tipos de letras se pueden clasificar en cinco grandes
estilos:
Caligráficas: Proceden de la escritura manual. No se
utilizan en los periódicos.
Romanas: Proceden de las inscripciones romanas. Llevan
remates y diferencias de grosor.
Egipcias: Astas rectas y trazos uniformes. Pesados
remates.
Grotescas: De palo o palo seco. Letras rectas que carecen
de remates.
Ornamentales: No se utilizan en los periódicos, salvo en
alguna cabecera. Si en anuncios y carteles.
14

15. TIPOGRAFÍA - DIAGRAMACIÓN
La familia tipográfica varía según:
El principio ortográfico: VERSALES (Mayúsculas o de
caja alta), VERSALITAS, minúsculas (de caja baja).
La tendencia del rasgo: redonda, cursiva
La fuerza o grosor del trazo: fina, seminegra, negra.
La anchura de las letras: normal, estrecha, ancha
15

16. TIPOGRAFÍA - DIAGRAMACIÓN
2.3. Clasificación de los tipos de letra
Actualmente, existen alrededor de 7.000 tipos de letras
diferentes, clasificadas en familias.
Una familia tipográfica engloba a los diversos tipos de letras
que son del mismo estilo y que se han obtenido partiendo
de un mismo diseño básico. La familia tiene mayúsculas,
minúsculas, números y signos.
Para poder distinguir la inmensa variedad de tipos, los
talleres donde se funden las identifican por el nombre
del creado o del dibujante o un nombre simbólico como
Cleopatra, Futura, Ideal, etc.
16

17. TIPOGRAFÍA - DIAGRAMACIÓN
Dentro de cada familia tipográfica existen variaciones o series
atendiendo a cuatro criterios:
El principio ortográfico, diferencia entre versales o mayúsculas,
versalitas (mayúsculas del tamaño de las minúsculas) y las
minúsculas.
La tendencia del rasgo, permite distinguir entre normal o redonda
(de trazos verticales) y cursivas o itálica (de trazos inclinados).
La fuerza o grosor de los trazos diferencia entre extrafina, fina,
seminegra o medium, negra y supernegra. En la actualidad un
carácter de texto debe contar, al menos, con la redonda, la
bastardilla (cursiva) y la redonda seminegra.
La anchura de la letra distingue entre normal, estrecha y ancha.
17

18. TIPOGRAFÍA - DIAGRAMACIÓN
2.4. Características del tipo o letra.
La letra, cualquiera que sea su diseño, está formada por
una serie de rasgos, que en tipografía tienen nombres
específicos.
El asta es la línea exterior que delimita el armazón o trazo
principal del tipo. Puede ser uniforme o modulada, recta,
oblicua, etc.
El remate o serif es cada uno de los trazos con los que se
rematan o limitan los extremos, superior e inferior, de las
astas en algunos tipos de letras.
El trazo ascendente es la parte de la letra de caja baja
(minúscula) que se eleva sobre el cuerpo.
18

19. TIPOGRAFÍA - DIAGRAMACIÓN
19

20. TIPOGRAFÍA - DIAGRAMACIÓN
2.5. Las líneas y los párrafos
Aunque la utilización de la fotocomposición ha
incorporado algunos elementos nuevos a la técnica de
la composición, se mantienen muchos de los términos
que se han utilizado anteriormente. Por ello, conviene
dedicar algunas líneas a explicar que son más usuales:
20

21. TIPOGRAFÍA - DIAGRAMACIÓN
El interlineado es el espacio que hay entre dos líneas
escritas de la composición.
21

22. TIPOGRAFÍA - DIAGRAMACIÓN
El espaciado es la distancia entre las distintas palabras que
forman la línea. Se considera que espaciado correcto es
aquel que es un tercio del cuerpo empleado en la escritura.
Así, si utilizamos un cuerpo 9 el espaciado debe ser de 3
puntos.
La anchura del párrafo es la longitud de la línea más larga de
las que integran la composición. Se mide en cíceros o picas,
no en puntos.
22

23. TIPOGRAFÍA - DIAGRAMACIÓN
El sangrado consiste en dejar un espacio en blanco al
principio de la línea. El sangrado puede ser de uno o dos
cuadratines.
23

24. TIPOGRAFÍA - DIAGRAMACIÓN
El cuadratín es el espacio que se deja en blanco al comienzo
de la primera línea de un párrafo. Equivale al cuadro teórico
que forma un determinado tipo de letra. Un cuadratín del 10
equivale a un cuadro que tiene 10 de alto por 10 puntos de
ancho. Hay también medio cuadratín y medio.
24

25. TIPOGRAFÍA - DIAGRAMACIÓN
25

26. TIPOGRAFÍA - DIAGRAMACIÓN
Tipos de composición de párrafos:
La composición en bloque o justificada se caracteriza
porque todas las líneas tienen la misma longitud, salvo la
última que puede o no llegar al final.
26

27. TIPOGRAFÍA - DIAGRAMACIÓN
La composición en epígrafe o centrada (llamada
también de jarrón o copa de Médicis) se caracteriza
porque las palabras que forma cada línea se ordenan
equidistantes del centro del dicha línea.
27

28. TIPOGRAFÍA - DIAGRAMACIÓN
La composición en bandera se basa en que las palabras
se alinean por la izquierda (bandera de salida) o por la
derecha (bandera de entrada). En este caso, cada línea tiene
la longitud que ocupan las palabras que la forman, sin cortar
ninguna, ni modificar el espaciado.
28

29. TIPOGRAFÍA - DIAGRAMACIÓN
La composición en curva o silueteado consiste en seguir
el contorno de una fotografía no enmarcada o un dibujo, por
que las líneas se adaptan a los espacios que deja la figura.
29

30. TIPOGRAFÍA - DIAGRAMACIÓN
La composición en línea creciente o decreciente
consiste en ir aumentado o disminuyendo de modo
constante la longitud de las líneas.
La composición
en línea creciente o
decreciente consiste en ir
aumentado o disminuyendo de
La composición en línea creciente
o decreciente consiste en ir
aumentado o disminuyendo
de modo constante la
longitud de las
líneas.
30

31. TIPOGRAFÍA - DIAGRAMACIÓN
La composición en escalera americana es aquella que
está formada por líneas desiguales, sangradas de entrada
con sangría creciente. Se utiliza en algunas revistas.
31

32. TIPOGRAFÍA - DIAGRAMACIÓN
La línea huérfana y la línea viuda designan formas de
terminar los párrafos que no se considera adecuadas.
La línea viuda es la última línea de un párrafo cuando
queda sola por cambio de página o de columna. Por la
misma razón, la última línea de una página o columna
no debe ser el primer renglón de un nuevo párrafo.
Nunca la última línea de un párrafo debe quedar sola a
principio de página o de columna.
La línea huérfana es la última línea de un párrafo
formada por menos de cuadro caracteres, incluidos los
signos de puntuación.
32

33. TIPOGRAFÍA - DIAGRAMACIÓN
33

34. TIPOGRAFÍA - DIAGRAMACIÓN
2.6 Tipos de párrafos.
Los párrafos dividen el bloque de la información
en secciones cortas que contribuyen a mejorar la
legibilidad y comprensión de la noticia. Los lectores
prefieren que los textos estén divididos en párrafos
ya que con ellos la lectura aparece clara y el espacio
en blanco proporciona alivio visual. Existen distintas
maneras de comenzar un párrafo.
34

35. TIPOGRAFÍA - DIAGRAMACIÓN
El párrafo sangrado u ordinario es aquel que tiene un
espacio en blanco al comienzo, denominado sangría. La
sangría suele ser de un cuadratín y lo normal es que afecte
sólo a la primera línea. El primer párrafo de un bloque
nunca lleva sangrado. Si se sangra el párrafo, no debe
modificarse el interlineado entre ellos. Ambas cosas a la vez
se considera improcedente en un periódico.
35

36. TIPOGRAFÍA - DIAGRAMACIÓN
El párrafo francés consiste en sangrar todo el párrafo
menos la primera línea. Se suele utilizar para destacar los
apartados de una enumeración. No se utiliza en la prensa
española.
36

37. TIPOGRAFÍA - DIAGRAMACIÓN
El párrafo alemán o moderno no sangra ninguna línea.
La diferencia entre los párrafos se hace aumentando el
interlineado. Se usa en revistas, pero no se suele emplear
en los periódicos.
37

38. TIPOGRAFÍA - DIAGRAMACIÓN
El párrafo con letra capitular es aquel cuya primera letra
tiene un tamaño superior al resto. La letra capitular puede
ir sin sobresalir del párrafo o sobresaliendo y ser de la
misma familia que el resto o diferente. En este último caso,
suele tratarse de las denominas capitulares orladas.
38

39. TIPOGRAFÍA - DIAGRAMACIÓN
El párrafo engatillado es aquel que comienza con las
primeras palabras en versalitas, en negrita o en un cuerpo
superior. En cualquier caso pueden constituir una oración
o ser las primeras palabras de ella.
39

40. TIPOGRAFÍA - DIAGRAMACIÓN
2.7. Legibilidad de los tipos.
Son muchos los factores de los que depende la
legibilidad de un texto y, por ello, es muy difícil fijar
unas normas, pero si existen unos criterios que se
tienen en cuenta al la hora de confeccionar las páginas
de los diarios:
1. El tipo de letra más apropiado es la minúscula,
redonda y con serif.
2. Un texto escrito en letra mayúscula requiere un
30% más de espacio y un 13% más de tiempo para
leerse, que si estuviera en minúsculas.
40

41. TIPOGRAFÍA - DIAGRAMACIÓN
3. La letra cursiva (itálica) es más difícil de leer que la
redonda, no obstante, algunos diarios como El País y El
Mundo utilizan la cursiva en los titulares de los comentarios,
análisis de noticias, editoriales y artículos de opinión. Otros
la utilizan en la sección de deportes como El Adelanto de
Salamanca.
4. La letra blanca sobre fondo oscuro (trama) retarda la
velocidad lectora, al menos un 15%. Las tramas apenas se
utilizan ya que suelen ser rechazadas por el lector y distraen
la atención. No obstante, en textos breves y sobre todo
cuando son el color, dan vivacidad y colorido a la página.
Las tramas más tolerables visualmente son aquellas cuya
intensidad no supera el 20% de la intensidad del color
41

42. TIPOGRAFÍA - DIAGRAMACIÓN
5. Los tipos con remates en sus astas se leen mejor que
los grotescos. En un minuto se leen, por termino medio,
de 7 a 10 palabras mas si estan escritas con caracteres
romanos que en palo seco.
6. La fuerza de un titulo depende del lugar que ocupe
en la página. Un en primera página, en la parte superior, a
tres o mas columnas requiere un cuerpo de no menos de 36
puntos. Este mismo titular en mitad de pagina, basta con
un cuerpo de 30, y si va a pie de pagina basta con 24. Los
titulares en las paginas interiores llevan cuerpos menores .
42

43. TIPOGRAFÍA - DIAGRAMACIÓN
7. La letra minúscula (caja baja) es la mas habitual en los
titulares, aunque hace años la mas común era la versal.
8. Los titulares llenan la línea, sin partir palabras. No suele ser
usual encontrar titulares en forma de pie de lámpara invertida, ni en
bandera.
9. El largo de la línea influye en la legibilidad y en la claridad del
texto. El ojo humano no se mueve sobre la línea a saltos regulares,
con brevísimas paradas durante las cuales percibe “ un trozo “ de
la línea, llamada campo del ojo. Normalmente tiene el ancho de dos
centímetros. Teniendo esto en cuenta, para que una línea sea fácil
de leer no ha de exigirle al ojo ni mucho ni pocos saltos. No existe
medida optima de la longitud de la línea ya que esta depende del
cuerpo de la letra utilizado. El criterio mas aceptado es la línea que
tenga entre 30 (mínimo) y 70 (máximo) caracteres, incluidos los
espacios.
43

44. TIPOGRAFÍA - DIAGRAMACIÓN
10. La justificación de la línea está aceptada entre
los periódicos que se consideran serios, aunque no
sea compartido por todos los experto. Se acepta. Sin
embargo, que no se justifiquen las entradillas o los textos
compuestos en medida falsas.
11. El interlineado y el espaciado son de máxima
importancia para la legibilidad. El grueso del interlineado
depende de las características de la letra. Tanto si es
escaso como excesivo produce un efecto negativo, ya
que en el primer caso produce un abigarramiento de las
letras y en el segundo caso una sensación de vacío.
44

45. TIPOGRAFÍA - DIAGRAMACIÓN
45

46. TIPOGRAFÍA - DIAGRAMACIÓN
2.8. Otros elementos tipográficos.
El filete consiste en un lámina de cobre, de la misma altura que los tipos, imprime
una o más rayas. Se utiliza para separar columnas (corondel), partes de una
cabecera o para recuadrar.
Según el tipo y grosor, el filete recibe distintos nombres: fino (imprime una raya
de medio a un punto de grosor; es el mas empleado de todos y el usado par los
corondeles), seminegro (punto y medio), negro (dos puntos de grosor), medio
luto (línea de 3 puntos) y luto (6 a 12 puntos).
fino
seminegro
negro
menio luto
luto
46

47. TIPOGRAFÍA - DIAGRAMACIÓN
47

48. TIPOGRAFÍA - DIAGRAMACIÓN
Otros tipos de filetes especiales son: la caña, imprime dos
líneas finas paralelas; la media caña, imprime una línea
gruesa y otra fina; el punteado o puntillado, imprime una
línea de punto; el tremente o temble imprime una raya en
zig-zag; la serpentina imprime en forma de serpentina; la
fantasía imprime dos líneas seminegras y una raya en el
centro.
El recuadro es un marco que se realiza con filetes, orlas o
luto para enmarcar una información creando un conjunto
integrado por el texto, los titulares y las fotografías,
dando así una visión de conjunto. A veces, los recuadros
se hacen dentro un mismo bloque de información para
diferenciar algún aspecto concreto de la información. Estas
acotaciones reciben el nombre de despieces o recuadros
de apoyo.
48

49. TIPOGRAFÍA - DIAGRAMACIÓN
Las tramas son fondos de distintas intensidades en
cuyo interior se colocan los textos o cualquier otro
elemento de ilustración.
Las tramas de fondo o de pantalla están formadas
por un conjunto ordenado de puntos. La trama depende
de dos medidas principales: la densidad de la tinta o
porcentaje de mancha y de la densidad del punto o
lineatura.
El principal problema de las tramas es que disminuye la
legibilidad, descompensando el equilibrio de la página.
49

50. TIPOGRAFÍA - DIAGRAMACIÓN
50

51. TIPOGRAFÍA - DIAGRAMACIÓN
Las viñetas en su acepción más sencilla se refiere a
los pequeños dibujos que como adornos, acompañan
a un texto. Deben su nombre a los antiguos grabados
que reproducían hojas y racimos de uva. Actualmente
engloba a los dibujos, ilustraciones, caricaturas y tiras
cómicas que aparecen en los periódicos. Hoy día,
las viñetas se utilizan más como reclamo que como
elemento ornamental.
51

52. TIPOGRAFÍA - DIAGRAMACIÓN
52

53. TIPOGRAFÍA - DIAGRAMACIÓN
53

54. TIPOGRAFÍA - DIAGRAMACIÓN
Referencias:
López Cubino, Rafael y López Sobrino (2002). La Prensa en el Aula.
Práctica y Pedagogía. España. CISSPRAXIS, S.A.
Frutiger, Adrian (2007). El libro de la Tipografía. Editorial Gustavo Gili, SL,
Barcelona.
Cass, Jacob. Free 27 page Type Classification [en línea]. Disponible en:
http://justcreative.com/featured-articles/type-classification-ebook/ [fecha de
consulta: 5 septiembre 2012]
Vignelli, Massimo,.THE VIGNELLI CANON [en línea]. Disponible en:
http://www.vignelli.com/canon.pdf [fecha de consulta: 5 septiembre 2012]
54

55. TIPOGRAFÍA - DIAGRAMACIÓN
Instructor:
Fidel Romero
fidelromeromx@gmail.com
fidelromero@movendesign.com
www.movendesign.com
55