Origen de la tipografía. Clasificación morfológica. Cuestiones relativas a la legibilidad.

1. La tipografía
“Elbuencreadordetiposseda
cuentadequeparaqueunnuevo
cortedeletraobtengaéxitohadeser
tanbuenoquesolamenteunospocos
seancapacesdedescubrirsu
novedad”
Stanley Morrison
[creador de la letra Times]

5. MEDICIÓN DE LOS TIPOS
1

6. El cuerpo

7. El interlineado

8. La medición del interlineado

11. CLASIFICACIÓN DE LOS TIPOS
2
Clasificación de Francis Thibadeau

18. Sonya Dyakova Fuente: http://cosasvisuales.com/

19. Sonya Dyakova Fuente: http://cosasvisuales.com/

20. Sonya Dyakova Fuente: http://cosasvisuales.com/

21. Sonya Dyakova Fuente: http://cosasvisuales.com/

22. Fuente: http://cosasvisuales.com/Juanjo Rivas

23. Aipo Fuente: http://cosasvisuales.com/

24. Aipo Fuente: http://cosasvisuales.com/

25. Aipo Fuente: http://cosasvisuales.com/

26. Grin Project Fuente: http://cosasvisuales.com/

27. David Ortiz Fuente: http://cosasvisuales.com/

28. Tipogramundos Fuente: http://cosasvisuales.com/

29. Svenja Eisenbraun Fuente: http://cosasvisuales.com/

30. Pedro Arilla Fuente: http://cosasvisuales.com/

31. Pedro Arilla Fuente: http://cosasvisuales.com/

36. Andreas Neophytou Fuente: http://cosasvisuales.com/

37. Andreas Neophytou Fuente: http://cosasvisuales.com/

38. John Kane Fuente: http://cosasvisuales.com/

39. John Kane Fuente: http://cosasvisuales.com/

40. The Bold Italics Fuente: http://cosasvisuales.com/

41. Alberto Hernández Fuente: http://cosasvisuales.com/

42. Run Fuente: http://cosasvisuales.com/

43. delaBanda Fuente: http://cosasvisuales.com/

44. Freytag Anderson Fuente: http://cosasvisuales.com/

45. Freytag Anderson Fuente: http://cosasvisuales.com/

46. Freytag Anderson Fuente: http://cosasvisuales.com/

47. Design Studio of Both Fuente: http://cosasvisuales.com/

48. Marcus McCabe Fuente: http://cosasvisuales.com/

49. Marcus McCabe Fuente: http://cosasvisuales.com/

50. Marcus McCabe Fuente: http://cosasvisuales.com/

62. VARIANTES DE LOS TIPOS
3

63. Por la figura

64. Por su grosor

65. Por su grosor

66. Por la proporción de la caja

67. Por la proporción de la caja

68. LA COMPOSICIÓN DEL TEXTO
4

69. Tipos de alineación

70. Tipos de párrafo

71. Tipos de párrafo

72. Tipos de párrafo

73. Sangría de párrafo

74. El gris tipográfico

75. El gris tipográfico

76. CUESTIONES QUE AFECTAN
A LA LEGIBILIDAD
5

77. Legibilidad | variante del tipo
Lasminúsculasseleenmejorquelas
mayúsculas(sonmásdiferentes
entresí).
LASMINÚSCULASSELEENMEJOR
QUELASMAYÚSCULAS(SONMÁS
DIFERENTESENTRESÍ).
Al leer iramos fundamentalmente la mitad superior de las letras
para reconocerlas y aquí las letras de caja baja ganan la partida.

78. Legibilidad | variante del tipo
Las redondas se leen mejor que las cursivas
y que las negras (negritas y superiores) o
muy finas.
Las redondas se leen mejor que las cursivas y
que las negras (negritas y superiores) o muy
finas.
Las redondas se leen mejor que las cursivas y
que las negras (negritas y superiores) o muy
finas.

79. Legibilidad | variante del tipo
Lascondensadasylasanchasgozande
menoslegibilidadquelasnormales.
Lascondensadasylasanchasgozandemenoslegibilidadquelas
normales
Las condensadas y las
anchas gozan de menos
legibilidad que las
normales !

80. Legibilidad | variante del tipo
Engeneral,
todoloquesesalgade
lo‘normal’hacequela
legibilidadseresienta
entextoslargos.

81. Legibilidad | elección de la familia
Lasquemenossoportan
textoslargos(porejemplo,la
composicióndeunanovela)
sonlasRomanasModernas,
lasGeométricas,lasManuales
ylasCaligráficas.

82. Legibilidad | elección de la familia
Esunerrorfrecuenteentrelosque
comienzanausartiposdeletraemplear
tiposdecorativosomanuales.
Encuantoseavanzaunpocoenel
aprendizaje,estasletrasdejanpasoalas
másnormales.
Lamejornormaesqueeltipono
destaquedemasiado.

83. Legibilidad | el texto de las columnas
Lalegibilidadeneltextodelascolumnas
estácondicionadapor1)lafuente
escogida,2)elanchodelacolumna,3)el
cuerpoy4)elinterlineado.
Lamodificacióndecadavariablees
determinanteenqueeltextoseleabieno
no.

84. Legibilidad | el texto de las columnas
Lalegibilidadeneltextodelascolumnas
estácondicionadapor
1) lafuenteescogida,
2) elanchodelacolumna,
3) elcuerpoy
4) elinterlineado.
La modificación de cada variable es determinante en que el texto se lea
bien o no.

85. Legibilidad | anatomía del tipo 1/3
1. Altura de las mayúsculas. No en todos los casos coincide con la altura de los rasgos
ascendentes.
2. Altura de la x. La atura de x es la altura de las minúsculas, excluyendo los ascendentes
y los descendentes. Es muy frecuente encontrar tipografías que, empleando el mismo
cuerpo, cuentan con diferente altura de x. Por ejemplo, Arial tiene una altura de x mayor
que Times. La consecuencia inmediata de esto es que si ponemos dos textos en cuerpo
10, el texto de Arial parecerá más grande (ver figura 2).
3. Anillo o vientre. Es el asta curva que forman las letras “b, p, g y o”.
4. Ascendente. Asta de una letra de caja baja (minúscula) que sube por encima de la
altura de la x, como sucede con las letras b, d f, h, l, t.
5. Asta. Es la estructura de la letra propiamente dicha. Describe la forma mínima que tiene
que tener cada carácter para ser reconocido.

86. Legibilidad | anatomía del tipo 2/3
6. Brazo. Trazo horizontal o diagonal que surge de un asta vertical. También se le puede
llamar asta transversal.
7. Cola. Asta oblicua colgante que forman algunas letras como la K, la R o la X o algunas
minúsculas como la ‘a’.
8. Contraforma o blanco interno. Es el espacio interno de un tipo y puede estar total o
parcialmente cerrado.
9. Cuerpo. Tamaño del tipo. El cuerpo tiene la altura de la letra, con sus rasgos
ascendentes y descendentes, más el espacio en blanco que resta por arriba y por abajo
para que las líneas no se junten cuando se compone la columna.
10. Descendente. Asta de una letra de caja baja (minúscula) que baja por debajo de la
altura de la x.

87. Legibilidad | anatomía del tipo 3/3
11. Hombro.
12. Lágrima
13. Línea de base. Es la línea imaginaria en la que se apoyan todas las letras, sen de caja
baja o de caja alta (mayúsculas).
14. Ojo. Parte visible de un tipo, la parte que se imprime. Es decir, el cuerpo, menos los
blancos.
15. Serif, remate o gracia. Es el trazo terminal de un asta, brazo o cola

88. Legibilidad | composición de textos

89. Legibilidad | composición de textos

90. CONTRASTE TIPOGRÁFICO
6

91. Contraste tipográfico | para qué sirve
Eldiseñodebepermitiralojo
discriminardeunvistazocuálessonlos
diferentesbloquesdeinformación.
Pero además, hay que jerarquizar y
contrastar los elementos que componen
cada una de las piezas que conforman cada
bloque.

95. Alan Clarke

96. Alan Clarke

97. Alan Clarke

98. Alan Clarke

99. Alba Vicente

128. CONTRASTE TIPOGRÁFICO
PÁGINASDEAGENDA‘LAGACETA'

129. SISTEMA DE NAVEGACIÓN
7

130. Sistema de navegación | orientación en el
diario
Enlosdiariossueleocuparlaparte
superiordelapágina.
Haydosgrandesniveles:eldelfoliode
cadapáginaydelasaperturasdesección.
Eselsistemadeorientacióndeldiario.

131. Sistema de navegación | orientación en la
revista
Enlasrevistashaymuchamáslibertad.
Sesueleincluirnúmerodepágina,
nombrederevistaynúmero/fecha.
Amenudoseincluyeunidentificadordel
nombredesección,perohaymuchas
páginasquenolonecesitan.

157. @juanRa_Martin@designOS