CV - 02. TIPOGRAFÍA
-
Upload
fernando-suarez -
Category
Documents
-
view
242 -
download
2
description
Transcript of CV - 02. TIPOGRAFÍA
![Page 1: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/1.jpg)
Comunicación visual 1º Periodismo
02 Elementos del diseño gráfico
![Page 2: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/2.jpg)
02Tipografía
![Page 3: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/3.jpg)
![Page 4: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/4.jpg)
¿Qué es y para qué sirve la tipografía?
2.1A Tipografía funcional vs tipografía expresiva
B Terminología básica
C Microtipografía y macrotipografía
D Objetivos
![Page 5: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/5.jpg)
La tipografía siempre expresa algo, y eso es independiente del mensaje (o contenido) que transmite.Aunque, por supuesto, debería reforzar tal significado.
![Page 6: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/6.jpg)
Foto, ilustración
Signos (imagen)
Textos (tipografía)
Signos (imagen)
Otros elementos
Signos (imagen)
ElementosMorfológicosDinámicosEscalares
Imagen
glob
al
![Page 7: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/7.jpg)
Foto, ilustración
Signos (imagen)
Textos (tipografía)
Signos (imagen)
Otros elementos
Signos (imagen)
ElementosMorfológicosDinámicosEscalares
Imagen
glob
al
![Page 8: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/8.jpg)
Tipografía de edición FuncionalLegibilidadFuncionalidad linguística
Elección de familiasTamaño de letraInterlineadoInterletraje, kernLongitud de la línea
Se tiene que leer bien
Tipografía creativa GráficaMetáfora visualSignificado, expresividad
Texto-signoTexto-imagenLogotiposFormas
Las formas tipográficas deben reforzar el significado del mensaje (vinculado al signo plástico)
![Page 9: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/9.jpg)
Funcionalidad lingüísticaEl texto se tiene que leer bien, especialmente en tamaños más pequeños...
![Page 10: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/10.jpg)
Metáfora gráfica...pero la tipografía son formas y, como tales,
contribuyen a reforzar el significado del mensaje
![Page 11: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/11.jpg)
![Page 12: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/12.jpg)
![Page 13: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/13.jpg)
![Page 14: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/14.jpg)
![Page 15: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/15.jpg)
![Page 16: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/16.jpg)
![Page 17: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/17.jpg)
![Page 18: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/18.jpg)
![Page 19: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/19.jpg)
![Page 20: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/20.jpg)
![Page 21: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/21.jpg)
![Page 22: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/22.jpg)
![Page 23: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/23.jpg)
![Page 24: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/24.jpg)
![Page 25: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/25.jpg)
Microtipografía
Estudia los detalles del diseño tipográfico (forma de las letras, interlineado, cuerpo, etc.), sin ahondar en su actividad en el elemento gráfico (junto a otros elementos, gráficos y/o tipográficos).
Macrotipografía
Es sinónimo de composición. Estudia el comportamiento de la tipografía (bloques de texto, elementos redaccionales, etc.) en una determinada pieza gráfica (junto a imágenes y otros elementos).
![Page 26: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/26.jpg)
Microtipografía Macrotipografía
![Page 27: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/27.jpg)
Terminología básica que debemos conocer
![Page 28: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/28.jpg)
Familia o tipoConjunto integrado por todos los caracteres del alfabeto, diseñados con una misma personalidad y bajo unos mismos criterios de coherencia formal.
Fuente o estiloCada variante de una MISMA familia de tipos, según criterios de grosor, inclinación, proporción de la caja, etc.
Tipo o carácterCada uno de los caracteres del alfabeto, diseñados con los mismos criterios formales de la familia a la que pertenecen.
![Page 29: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/29.jpg)
¿Cuáles son los objtetivos prioritarios que se plantea la tipografía?
![Page 30: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/30.jpg)
ComprensiónLa posibilidad de hacer una lectura más agradable o mantener la atención sobre un elemento gráfico puede favorecer una mejor asimilación del mensaje.
AtenciónFavorecer la selección de algunos elementos (atención selectiva) y minimizar las distracciones (atención selectiva), para facilitar la percepción de la imagen.
EstéticaNo es el más importante, aunque posibilita hacer más agradable la lectura o percepción de una imagen y, así, potenciar su reconocimiento y atención.
Objetivos
Estas funciones se unen a la de aportar significado, como ya hemos visto
![Page 31: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/31.jpg)
Empezando a entender la letraMicrotipografía
2.2A La anatomía del tipo
Morfología
Condicionantes de diseño
B Las categorías tipográficas
Clasificación exhaustiva
Dingbats y versiones
C Estilos y variantes
D Conseguir nuevas fuentes
![Page 32: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/32.jpg)
Sólo comprendiendo cómo es la letra, podremos descubrir sus diferencias e interpretar su significado
![Page 33: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/33.jpg)
A La anatomía del tipo
![Page 34: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/34.jpg)
Rasgossuperiores
Rasgosinferiores
Alineación inferior
Altura de las mayúsculas
Alineación superior
Línea base
Línea media
OJO MEDIO
o ALTURA DE LA X
Las líneas de referencia Son fundamentales para entender la morfología y construcción de los tipos y alcanzar la mayor legibilidad.
![Page 35: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/35.jpg)
Asta (fuste o montante) Trazo que define la estructura básica de la letra
Brazo Trazo horizontal o diagonal que parte de un trazo vertical. También se conoce como barra.
Partes de los caracteres (fijas)
![Page 36: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/36.jpg)
Cruz o travesaño. Línea horizontal que cruza por algún punto del trazo principal. También se conoce como barra.
Partes de los caracteres (fijas)
Filete o perfil Línea diagonal entre verticales, diagonales o curvas. También se conoce como barra.
![Page 37: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/37.jpg)
Panza o bucle. Trazo curvilíneo
Hombro o arco. Trazo curvo que sale del asta sin acabar cerrándose.
Partes de los caracteres (fijas)
![Page 38: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/38.jpg)
Partes de los caracteres (fijas)
Cola. Prolognación inferior de algunos rasgos.
Doble arco. Trazo curvo principal de la S, en mayúsculas y minúsculas.
Ojales. Líneas que forman las curvaturas de la “G” de caja baja (superior e inferior). La línea que las une se llama cuello.
![Page 39: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/39.jpg)
Partes de los caracteres (opcionales)
Remate (serif). Breve rasgo final que no sigue la dirección del trazo al que pertenece. En sentido perpendicular o en diagonal.
![Page 40: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/40.jpg)
Partes de los caracteres (opcionales)
Uña, gancho, espolón, ápice. Final de trazo que no termina en remate, sino con una pequeña proyección del trazo
Lágrima, gota o botón. Final de trazo que no termina en remate, sino con una forma redondeada.
Espolón Gancho de cabeza
Gancho de pie
![Page 41: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/41.jpg)
Partes de los caracteres (zonas de contacto)
Enlace (ménsula). Zona de conexión entre remate y asta.
Contorno interior y exterior. Dibujo diferenciado de la línea interior y exterior de un elemento.
Lazo. Trazo (normalmente más fino) que une la curva con el trazo principal (asta)
![Page 42: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/42.jpg)
Partes de los caracteres (zonas de contacto)
Vértice. Parte de unión entre dos trazos inclinados.
Contrapunzón. Contorno interior de un trazo cerrado.
![Page 43: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/43.jpg)
Existen otros condicionantes en el diseño de tipos que ayudan a entender las diferencias entre familias
![Page 44: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/44.jpg)
01 Formas geométricas y humanísticas
Más humanísticas(espontáneas, manuales)
Más geométricas(formas básicas)
![Page 45: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/45.jpg)
02 Contraste en el grosor del trazo
Más contraste Menos contraste
![Page 46: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/46.jpg)
03 La modulación del trazo
![Page 47: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/47.jpg)
04 El ojo medio
AMPLITUDE
![Page 48: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/48.jpg)
Partiendo de sus diferencias morfológicas, es posible identificar varias categorías en los tipos de letra
![Page 49: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/49.jpg)
Tened en cuenta que todo tipo de letra ha sido concebido para significar algo o crear diferentes connotaciones
![Page 50: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/50.jpg)
![Page 51: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/51.jpg)
B Las categorías tipográficas
![Page 52: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/52.jpg)
6 categoríassegún Thibadeau (1921)
Con serif
Romana antigua
Romana moderna
Egipcia
Sin serif
Palo seco
Escritura
Fantasía
![Page 53: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/53.jpg)
Preguntas01 ¿Cuáles son sus diferencias?02 ¿Qué crees que expresan cada una de las categorías?
![Page 54: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/54.jpg)
AA
![Page 55: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/55.jpg)
A A
![Page 56: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/56.jpg)
a. Romana
GaramondDidotJunto al palo seco, el grupo más numeroso l Gran tradición y calidad del carácter l Algunas de sus familias, las más pertinentes para textos pequeños l Primer gran categoría con serif
![Page 57: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/57.jpg)
a.1 Romana antigua
Modulación inclinada, de trazo quebrado o redondeado l Las más proporcionadas son las más aptas para la lectura de textos pequeños l Derivan del trazo manual l Bembo, Trump Medieval, Sabon, Minion, Times New Roman, Garamond
![Page 58: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/58.jpg)
![Page 59: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/59.jpg)
![Page 60: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/60.jpg)
![Page 61: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/61.jpg)
![Page 62: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/62.jpg)
![Page 63: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/63.jpg)
![Page 64: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/64.jpg)
![Page 65: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/65.jpg)
![Page 66: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/66.jpg)
![Page 67: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/67.jpg)
![Page 68: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/68.jpg)
![Page 69: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/69.jpg)
a.2 Romana moderna
Modulación axial (“recta”) l Acentuado contraste entre trazos gruesos y finos l Ausencia de enlace l Didot, New Baskerville, Bodoni, Janson Text
![Page 70: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/70.jpg)
![Page 71: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/71.jpg)
![Page 72: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/72.jpg)
![Page 73: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/73.jpg)
![Page 74: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/74.jpg)
![Page 75: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/75.jpg)
![Page 76: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/76.jpg)
![Page 77: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/77.jpg)
![Page 78: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/78.jpg)
![Page 79: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/79.jpg)
![Page 80: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/80.jpg)
![Page 81: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/81.jpg)
![Page 82: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/82.jpg)
b. Egipcia
A medio camino entre el tipo romano y la forma sintética del palo seco l Engrosamiento del trazo l Modulación tendente a la uniformidadl Visible aumento dle tamaño de los remates l Hay versiones suaves (con enlace y modulación) y duras (uniformes y sin enlace) l Lino Letter, Clarendon, Egyptienne, Glypha, Memphis, Rockwell, Lubalin Graph
![Page 83: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/83.jpg)
![Page 84: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/84.jpg)
![Page 85: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/85.jpg)
![Page 86: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/86.jpg)
![Page 87: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/87.jpg)
![Page 88: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/88.jpg)
![Page 89: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/89.jpg)
![Page 90: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/90.jpg)
![Page 91: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/91.jpg)
![Page 92: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/92.jpg)
![Page 93: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/93.jpg)
![Page 94: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/94.jpg)
![Page 95: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/95.jpg)
![Page 96: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/96.jpg)
![Page 97: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/97.jpg)
c. Palo seco (sin serif)
HelveticaFuturaEl contrapunto de las romanas: tipos desnudos, funcionales y asépticos l Posteriores en el tiempo l Muchas variantes e interpretaciones l El único punto en común es la ausencia de remates l Helvetica, Gill Sans, Futura, , Franklin Gothic
![Page 98: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/98.jpg)
![Page 99: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/99.jpg)
Palo seco Diferentes tipos
Grotescas l Las pioneras, destacan por el carácter estrecho
Neogrotescas l Muy similar a las grotescas, pero con el contraste menos marcado y más geométricas
Humanistas l Más modulación, intentan retomar el trazo manual de las inscripciones romanas
Geométricas l Sin modulación y con el grosor homogéneo, están creadas a partir de formas geométrica simples (cuadrado, círculo y triángulo)
![Page 100: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/100.jpg)
[ Palo seco atípicas ]
Aunque es cierto que no tienen remate, poseen una interpretación más libre, con rasgos peculiares que los sitúan a medio camino entre los tipos de palo y los de fantasía
![Page 101: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/101.jpg)
![Page 102: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/102.jpg)
![Page 103: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/103.jpg)
![Page 104: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/104.jpg)
![Page 105: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/105.jpg)
![Page 106: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/106.jpg)
![Page 107: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/107.jpg)
![Page 108: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/108.jpg)
![Page 109: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/109.jpg)
![Page 110: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/110.jpg)
![Page 111: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/111.jpg)
Escritura Imitan el trazo manual y pueden tener los caracteres enlazados o sueltos
Caligráficas Imitan de alguna forma la escritura humana. Las góticas nacen del tipo de escritura predominant en la Edad Media.
Manuales De forma y trazado libre. Algunas, las más peculiares, se confunden con los tipos de fantasía.
![Page 112: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/112.jpg)
![Page 113: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/113.jpg)
![Page 114: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/114.jpg)
![Page 115: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/115.jpg)
![Page 116: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/116.jpg)
![Page 117: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/117.jpg)
![Page 118: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/118.jpg)
![Page 119: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/119.jpg)
![Page 120: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/120.jpg)
![Page 121: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/121.jpg)
![Page 122: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/122.jpg)
![Page 123: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/123.jpg)
![Page 124: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/124.jpg)
Fantasía
No hay normas: se reinterpretan los elementos fijos y se incluyen otros nuevos, con absoluta libertad formal, con elementos decorativosy diversos significados.
![Page 125: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/125.jpg)
![Page 126: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/126.jpg)
![Page 127: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/127.jpg)
![Page 128: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/128.jpg)
![Page 129: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/129.jpg)
![Page 130: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/130.jpg)
![Page 131: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/131.jpg)
![Page 132: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/132.jpg)
![Page 133: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/133.jpg)
![Page 134: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/134.jpg)
![Page 135: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/135.jpg)
Los dingbatsSímbolos u ornamentos con diferentes funciones (señalización, enumeraciones, etc..).
![Page 136: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/136.jpg)
Varias versionesExisten familias que presentan varias versiones (normalmente, tipos con y sin remate).
Rotis sans serifRotis semi sansRotis semi serifRotis serif
![Page 137: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/137.jpg)
Cada una de estas familias tipográficas, sin embargo, pueden presentar variaciones en su estructura. Son los estilos tipográficos
![Page 138: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/138.jpg)
C Los estilos tipográficos
![Page 139: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/139.jpg)
Estilos o variantes
Por su figura
01 El espacio en la línea de referencia
02 La angulación del eje
Por su anchura
03 Proporción de la caja
Por su mancha
04 Grosor
Aa
aa
aaaa
![Page 140: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/140.jpg)
Su figuraEspacio en las líneas de referencia
![Page 141: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/141.jpg)
![Page 142: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/142.jpg)
![Page 143: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/143.jpg)
![Page 144: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/144.jpg)
![Page 145: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/145.jpg)
![Page 146: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/146.jpg)
![Page 147: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/147.jpg)
![Page 148: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/148.jpg)
![Page 149: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/149.jpg)
![Page 150: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/150.jpg)
![Page 151: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/151.jpg)
Su figuraLa inclinación
![Page 152: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/152.jpg)
![Page 153: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/153.jpg)
![Page 154: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/154.jpg)
![Page 155: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/155.jpg)
![Page 156: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/156.jpg)
![Page 157: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/157.jpg)
![Page 158: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/158.jpg)
Su anchuraProporción de la caja
![Page 159: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/159.jpg)
![Page 160: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/160.jpg)
![Page 161: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/161.jpg)
![Page 162: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/162.jpg)
![Page 163: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/163.jpg)
![Page 164: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/164.jpg)
![Page 165: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/165.jpg)
![Page 166: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/166.jpg)
![Page 167: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/167.jpg)
![Page 168: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/168.jpg)
![Page 169: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/169.jpg)
Su anchuraProporción de la caja
Amplitude extra compressedAmplitude compressedAmplitude condensedAmplitudeAmplitude wide
![Page 170: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/170.jpg)
Su manchaGrosor
![Page 171: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/171.jpg)
![Page 172: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/172.jpg)
![Page 173: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/173.jpg)
![Page 174: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/174.jpg)
![Page 175: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/175.jpg)
![Page 176: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/176.jpg)
![Page 177: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/177.jpg)
![Page 178: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/178.jpg)
![Page 179: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/179.jpg)
![Page 180: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/180.jpg)
![Page 181: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/181.jpg)
![Page 182: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/182.jpg)
![Page 183: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/183.jpg)
Su manchaGrosor
Helvetica Neue UltralightHelvetica Neue LightHelvetica Neue RegularHelvetica Neue MediumHelvetica Neue BoldHelvetica Neue Black
![Page 184: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/184.jpg)
D Adquirir nuevas fuentes
![Page 185: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/185.jpg)
Nuevas fuentesHerramientas
De pago
www.myfonts.com www.fontshop.com www.1001fonts.com www.dafont.com
www.theleagueofmovabletype.com
Gratuitas
![Page 186: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/186.jpg)
Intentando optimizar la lectura de los textos en pantallaLegibilidad
2.3A Familia tipográfica
Limitaciones y soluciones
Gestión de fuentes y formatos
B El cuerpo
C El interlineado
D La longitud de la línea
E El color
![Page 187: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/187.jpg)
Hasta ahora, hemos visto cómo los tipos expresan. Ahora, se trata de ver, además, cómo facilitar su lectura
![Page 188: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/188.jpg)
En tamaños más grandes, todos los textos se leen bien. Estamos hablando especialmente de textos más pequeños
![Page 189: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/189.jpg)
![Page 190: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/190.jpg)
En tamaños más grandes, todos los textos se leen bien. Estamos hablando especialmente de textos más pequeños
![Page 191: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/191.jpg)
a Familia tipográfica
![Page 192: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/192.jpg)
Legibilidad ILa familia tipográficaLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentesque vel mi nulla, vel cursus lorem. Suspendisse pellentesque ri-sus quis dui aliquet non tem-por enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse potenti. Vivamus viverra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam tur-
Lorem ipsum dolor sit amet, consectetur adipis-cing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentesque vel mi nulla, vel cursus lorem. Suspendisse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Pha-sellus vel augue non enim consequat molestie. Sus-pendisse potenti. Vivamus viverra enim ac nunc tin-
Lorem ipsum dolor sit amet, consectetur adipis-cing elit. Maecenas aliquet tincidunt eros sit amet con-vallis. Nunc nec purus orci. Pellentesque vel mi nulla, vel cursus lorem. Suspen-disse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam va-rius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse po-tenti. Vivamus viverra enim ac nunc tincidunt faucibus.
Lorem ipsum dolor sit amet, consectetur adi-piscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellen-tesque vel mi nulla, vel cursus lorem. Suspen-disse pellentesque ri-sus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat moles-tie. Suspendisse potenti.
ROMANA ANTIGUA ROMANA MODERNA EGIPCIA PALO SECO (NO GEOMÉTRICO)
![Page 193: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/193.jpg)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentesque vel mi nulla, vel cursus lorem. Suspendisse pellentesque ri-sus quis dui aliquet non tem-por enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse potenti. Vivamus viverra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam tur-
Lorem ipsum dolor sit amet, consectetur adipis-cing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentesque vel mi nulla, vel cursus lorem. Suspendisse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Pha-sellus vel augue non enim consequat molestie. Sus-pendisse potenti. Vivamus viverra enim ac nunc tin-
Lorem ipsum dolor sit amet, consectetur adipis-cing elit. Maecenas aliquet tincidunt eros sit amet con-vallis. Nunc nec purus orci. Pellentesque vel mi nulla, vel cursus lorem. Suspen-disse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam va-rius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse po-tenti. Vivamus viverra enim ac nunc tincidunt faucibus.
Lorem ipsum dolor sit amet, consectetur adi-piscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellen-tesque vel mi nulla, vel cursus lorem. Suspen-disse pellentesque ri-sus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat moles-tie. Suspendisse potenti.
ROMANA ANTIGUA ROMANA MODERNA EGIPCIA PALO SECO (NO GEOMÉTRICO)
Legibilidad ILa familia tipográfica
![Page 194: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/194.jpg)
Familia tipográficaLas más aptas son las romanas antiguas y los palo secos (aunque no todos los subtipos)Nunca utilices romanas modernas, egipcias ni, por supuesto, tipos de fantasía o escritura para los textos más densos.
![Page 195: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/195.jpg)
Familia tipográficaHay que buscar tipos más proporcionados y huir de aquellos que presenten más contraste en el grosorEn textos pequeños, los trazos más finos apenas se aprecian
![Page 196: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/196.jpg)
b Cuerpo
![Page 197: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/197.jpg)
El cuerpo tipográficoEquivale al tamaño, y se mide en puntos (equivalentes a 0,352 milímetros)
![Page 198: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/198.jpg)
Legibilidad IIEl cuerpoLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentesque vel mi nulla, vel cursus lorem. Suspendisse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse potenti. Vivamus viverra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pharetra enim. Sed consectetur, neque vitae laoreet ultrices, ligula nibh imperdiet felis, non pharetra magna nisi quis lacus. Cras eget risus eget risus luctus porttitor eu sed sapien. Suspendisse ut urna sit amet arcu sodales tempor. Vestibu-lum aliquam diam non lacus consectetur vitae aliquet arcu malesuada. Sed sed massa et diam faucibus vestibulum at nec sem.
Donec ultricies venenatis dui, eget auctor sem ullamcorper eu. Mauris in mauris nec mi rhoncus sagittis ut quis metus. Pellentesque sollicitudin facilisis nibh, quis sagittis mauris convallis nec. Donec at odio nulla. Nulla facilisi. In eu diam arcu. Cras metus purus, congue eu sollicitudin eu, tempor vitae dolor. Nunc adipiscing elit sed nibh tristique rhoncus pretium urna bibendum. Aliquam auctor venenatis lacus, a feugiat justo convallis a. Nam molestie nisl in sapien posuere et ultricies tortor tempus. Donec odio leo, tristique sed iaculis quis, fringilla a magna. Integer consequat dignissim vulputate. Lorem ipsum dolor sit amet, consectetur adipis-cing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentesque vel mi nulla, vel cursus lorem. Suspendisse pellentesque risus quis dui aliquet non
Times, 8/9,5
El texto común de revistas o periódicos suele oscilar entre los 8-10 puntos
![Page 199: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/199.jpg)
c Interlineado
![Page 200: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/200.jpg)
InterlineadoSe define como la distancia entre las líneas de base de dos líneas de texto consecutivas
![Page 201: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/201.jpg)
El interlineado¿Qué es exactamente?
Es la distancia entre dos líneas de base sucesivas
![Page 202: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/202.jpg)
Legibilidad IIIEl interlineadoLorem ipsum dolor sit amet, consectetur adi-piscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentes-que vel mi nulla, vel cursus lorem. Suspendisse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse potenti. Viva-mus viverra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pharetra enim. Sed consec-tetur, neque vitae laoreet ultrices, ligula nibh imperdiet felis, non pharetra magna nisi quis lacus. Cras eget risus eget risus luctus porttitor eu sed sapien. Suspendisse ut urna sit amet arcu sodales tempor. Vestibulum aliquam diam non lacus consectetur vitae aliquet arcu malesuada. Sed sed massa et diam faucibus vestibulum at nec sem.
Donec ultricies venenatis dui, eget auctor sem ullamcorper eu. Mauris in mauris nec mi rhon-cus sagittis ut quis metus. Pellentesque sollicitu-din facilisis nibh, quis sagittis mauris convallis nec. Donec at odio nulla. Nulla facilisi. In eu diam arcu. Cras metus purus, congue eu solli-citudin eu, tempor vitae dolor. Nunc adipiscing elit sed nibh tristique rhoncus pretium urna bibendum. Aliquam auctor venenatis lacus, a feugiat justo convallis a. Nam molestie nisl in sapien posuere et ultricies tortor tempus. Donec odio leo, tristique sed iaculis quis, fringilla a
Lorem ipsum dolor sit amet, consectetur adi-piscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentes-que vel mi nulla, vel cursus lorem. Suspendisse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse potenti. Viva-mus viverra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pharetra enim. Sed consec-tetur, neque vitae laoreet ultrices, ligula nibh imperdiet felis, non pharetra magna nisi quis lacus. Cras eget risus eget risus luctus porttitor eu sed sapien. Suspendisse ut urna sit amet arcu sodales tempor. Vestibulum aliquam diam non lacus consectetur vitae aliquet arcu malesuada. Sed sed massa et diam faucibus vestibulum at nec sem.
Donec ultricies venenatis dui, eget auctor sem ullamcorper eu. Mauris in mauris nec mi rhon-cus sagittis ut quis metus. Pellentesque sollicitu-din facilisis nibh, quis sagittis mauris convallis nec. Donec at odio nulla. Nulla facilisi. In eu diam arcu. Cras metus purus, congue eu solli-citudin eu, tempor vitae dolor. Nunc adipiscing elit sed nibh tristique rhoncus pretium urna bibendum. Aliquam auctor venenatis lacus, a
Lorem ipsum dolor sit amet, consectetur adi-piscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentes-que vel mi nulla, vel cursus lorem. Suspendisse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse potenti. Viva-mus viverra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pharetra enim. Sed consec-tetur, neque vitae laoreet ultrices, ligula nibh imperdiet felis, non pharetra magna nisi quis lacus. Cras eget risus eget risus luctus porttitor eu sed sapien. Suspendisse ut urna sit amet arcu sodales tempor. Vestibulum aliquam diam non lacus consectetur vitae aliquet arcu malesuada. Sed sed massa et diam faucibus vestibulum at nec sem.
Lorem ipsum dolor sit amet, consectetur adi-piscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentes-que vel mi nulla, vel cursus lorem. Suspendisse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse potenti. Viva-mus viverra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pharetra enim. Sed consec-tetur, neque vitae laoreet ultrices, ligula nibh imperdiet felis, non pharetra magna nisi quis lacus. Cras eget risus eget risus luctus porttitor eu sed sapien. Suspendisse ut urna sit amet arcu sodales tempor. Vestibulum aliquam diam non lacus consectetur vitae aliquet arcu malesuada. Sed sed massa et diam faucibus vestibulum at nec sem.
Donec ultricies venenatis dui, eget auctor sem ullamcorper eu. Mauris in mauris nec mi rhon-cus sagittis ut quis metus. Pellentesque sollicitu-din facilisis nibh, quis sagittis mauris convallis nec. Donec at odio nulla. Nulla facilisi. In eu
Times, 10/9 Times, 10/10 Times, 10/11,5 Times, 10/15
![Page 203: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/203.jpg)
Legibilidad IIIEl interlineadoLorem ipsum dolor sit amet, consectetur adi-piscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentes-que vel mi nulla, vel cursus lorem. Suspendisse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse potenti. Viva-mus viverra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pharetra enim. Sed consec-tetur, neque vitae laoreet ultrices, ligula nibh imperdiet felis, non pharetra magna nisi quis lacus. Cras eget risus eget risus luctus porttitor eu sed sapien. Suspendisse ut urna sit amet arcu sodales tempor. Vestibulum aliquam diam non lacus consectetur vitae aliquet arcu malesuada. Sed sed massa et diam faucibus vestibulum at nec sem.
Donec ultricies venenatis dui, eget auctor sem ullamcorper eu. Mauris in mauris nec mi rhon-cus sagittis ut quis metus. Pellentesque sollicitu-din facilisis nibh, quis sagittis mauris convallis nec. Donec at odio nulla. Nulla facilisi. In eu diam arcu. Cras metus purus, congue eu solli-citudin eu, tempor vitae dolor. Nunc adipiscing elit sed nibh tristique rhoncus pretium urna bibendum. Aliquam auctor venenatis lacus, a feugiat justo convallis a. Nam molestie nisl in sapien posuere et ultricies tortor tempus. Donec odio leo, tristique sed iaculis quis, fringilla a
Lorem ipsum dolor sit amet, consectetur adi-piscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentes-que vel mi nulla, vel cursus lorem. Suspendisse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse potenti. Viva-mus viverra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pharetra enim. Sed consec-tetur, neque vitae laoreet ultrices, ligula nibh imperdiet felis, non pharetra magna nisi quis lacus. Cras eget risus eget risus luctus porttitor eu sed sapien. Suspendisse ut urna sit amet arcu sodales tempor. Vestibulum aliquam diam non lacus consectetur vitae aliquet arcu malesuada. Sed sed massa et diam faucibus vestibulum at nec sem.
Donec ultricies venenatis dui, eget auctor sem ullamcorper eu. Mauris in mauris nec mi rhon-cus sagittis ut quis metus. Pellentesque sollicitu-din facilisis nibh, quis sagittis mauris convallis nec. Donec at odio nulla. Nulla facilisi. In eu diam arcu. Cras metus purus, congue eu solli-citudin eu, tempor vitae dolor. Nunc adipiscing elit sed nibh tristique rhoncus pretium urna bibendum. Aliquam auctor venenatis lacus, a
Lorem ipsum dolor sit amet, consectetur adi-piscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentes-que vel mi nulla, vel cursus lorem. Suspendisse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse potenti. Viva-mus viverra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pharetra enim. Sed consec-tetur, neque vitae laoreet ultrices, ligula nibh imperdiet felis, non pharetra magna nisi quis lacus. Cras eget risus eget risus luctus porttitor eu sed sapien. Suspendisse ut urna sit amet arcu sodales tempor. Vestibulum aliquam diam non lacus consectetur vitae aliquet arcu malesuada. Sed sed massa et diam faucibus vestibulum at nec sem.
Lorem ipsum dolor sit amet, consectetur adi-piscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentes-que vel mi nulla, vel cursus lorem. Suspendisse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse potenti. Viva-mus viverra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pharetra enim. Sed consec-tetur, neque vitae laoreet ultrices, ligula nibh imperdiet felis, non pharetra magna nisi quis lacus. Cras eget risus eget risus luctus porttitor eu sed sapien. Suspendisse ut urna sit amet arcu sodales tempor. Vestibulum aliquam diam non lacus consectetur vitae aliquet arcu malesuada. Sed sed massa et diam faucibus vestibulum at nec sem.
Donec ultricies venenatis dui, eget auctor sem ullamcorper eu. Mauris in mauris nec mi rhon-cus sagittis ut quis metus. Pellentesque sollicitu-din facilisis nibh, quis sagittis mauris convallis nec. Donec at odio nulla. Nulla facilisi. In eu
Times, 10/9 Times, 10/10 Times, 10/11,5 Times, 10/15
![Page 204: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/204.jpg)
InterlineadoDebe ser igual o mayor que el cuerpo para que no se solapen los trazos horizontales y verticales de las líneas
![Page 205: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/205.jpg)
Interlineado¿Una regla general? Un 5-20% del cuerpo suele resultar (aunque no siempre se cumple)En tamaños más grandes, el interlineado incluso puede ser negativo (inferior al cuerpo)
![Page 206: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/206.jpg)
Ejemplo de texto de cuerpo 80 puntos e interlineado 90Ejemplo de texto de cuerpo 80 puntos e interlineado 76
![Page 207: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/207.jpg)
d Alineación
![Page 208: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/208.jpg)
Legibilidad IVLa alineaciónLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentesque vel mi nulla, vel cursus lorem. Suspendisse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse potenti. Vivamus viverra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pharetra enim. Sed consectetur, neque vitae laoreet ultrices, ligula nibh imperdiet felis, non pharetra magna nisi quis lacus. Cras eget risus eget risus luctus porttitor eu sed sapien. Suspendisse ut urna sit amet arcu sodales tempor. Vestibulum aliquam diam non lacus consectetur vitae aliquet arcu malesuada. Sed sed massa et diam faucibus vestibulum at nec sem.
Donec ultricies venenatis dui, eget auctor sem ullamcorper eu. Mauris in mauris nec mi rhoncus sagittis ut quis metus. Pellentesque sollicitudin facilisis nibh, quis sagittis mauris convallis nec. Donec at odio nulla. Nulla facilisi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas aliquet tincidunt
eros sit amet convallis. Nunc nec purus orci. Pellentesque vel mi nulla, vel cursus lorem.
Suspendisse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor
urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse
potenti. Vivamus viverra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et venenatis vel,
mattis et metus. Nulla vitae pharetra enim. Sed consectetur, neque vitae laoreet ultrices, ligula nibh imperdiet felis, non pharetra magna nisi quis lacus. Cras eget risus eget risus luctus
porttitor eu sed sapien. Suspendisse ut urna sit amet arcu sodales tempor. Vestibulum aliquam diam non lacus consectetur vitae aliquet arcu malesuada. Sed sed massa et diam faucibus
vestibulum at nec sem.
Donec ultricies venenatis dui, eget auctor sem ullamcorper eu. Mauris in mauris nec mi rhoncus sagittis ut quis metus. Pellentesque
sollicitudin facilisis nibh, quis sagittis mauris convallis nec. Donec at odio nulla. Nulla facilisi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas aliquet tincidunt
eros sit amet convallis. Nunc nec purus orci. Pellentesque vel mi nulla, vel cursus lorem.
Suspendisse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor
urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse
potenti. Vivamus viverra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et venenatis vel,
mattis et metus. Nulla vitae pharetra enim. Sed consectetur, neque vitae laoreet ultrices, ligula
nibh imperdiet felis, non pharetra magna nisi quis lacus. Cras eget risus eget risus luctus
porttitor eu sed sapien. Suspendisse ut urna sit amet arcu sodales tempor. Vestibulum aliquam
diam non lacus consectetur vitae aliquet arcu malesuada. Sed sed massa et diam faucibus
vestibulum at nec sem.
Donec ultricies venenatis dui, eget auctor sem ullamcorper eu. Mauris in mauris nec mi
rhoncus sagittis ut quis metus. Pellentesque sollicitudin facilisis nibh, quis sagittis mauris
convallis nec. Donec at odio nulla. Nulla facilisi.
Lorem ipsum dolor sit amet, consectetur adipis-cing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentesque vel mi nulla, vel cursus lorem. Suspendisse pellen-tesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse potenti. Vivamus viverra enim ac nunc tincidunt faucibus. Etiam in est ne-que, a euismod risus. Nullam turpis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pha-retra enim. Sed consectetur, neque vitae laoreet ultrices, ligula nibh imperdiet felis, non pharetra magna nisi quis lacus. Cras eget risus eget risus luctus porttitor eu sed sapien. Suspendisse ut urna sit amet arcu sodales tempor. Vestibulum aliquam diam non lacus consectetur vitae aliquet arcu ma-lesuada. Sed sed massa et diam faucibus vestibu-lum at nec sem.
Donec ultricies venenatis dui, eget auctor sem ullamcorper eu. Mauris in mauris nec mi rhon-cus sagittis ut quis metus. Pellentesque sollicitu-din facilisis nibh, quis sagittis mauris convallis nec. Donec at odio nulla. Nulla facilisi. In eu diam arcu. Cras metus purus, congue eu solli-
Bandera izquierda Bandera centrada Bandera derecha Justificada
![Page 209: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/209.jpg)
AlineaciónSi los textos son muy largos, densos o con cuerpos pequeños, sólo cabe alinearlo a la izquierda o justificarlo
![Page 210: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/210.jpg)
AlineaciónCuando el texto se justifica, SIEMPRE debe activarse la opción de Separar sílabas
![Page 211: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/211.jpg)
e Longitud de la línea
![Page 212: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/212.jpg)
Legibilidad VLa longitud de la línea
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mae-cenas aliquet tinci-dunt eros sit amet convallis. Nunc nec purus orci. Pellen-tesque vel mi nulla, vel cursus lorem. Suspendisse pellen-tesque risus quis dui aliquet non tem-por enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse poten-ti. Vivamus vive-rra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pharetra enim. Sed consecte-tur, neque vitae lao-
Lorem ipsum dolor sit amet, consectetur adi-piscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentes-que vel mi nulla, vel cursus lorem. Suspendisse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse potenti. Viva-mus viverra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pharetra enim. Sed consec-tetur, neque vitae laoreet ultrices, ligula nibh imperdiet felis, non pharetra magna nisi quis lacus. Cras eget risus eget risus luctus porttitor eu sed sapien. Suspendisse ut urna sit amet arcu sodales tempor. Vestibulum aliquam diam non lacus consectetur vitae aliquet arcu malesuada. Sed sed massa et diam faucibus vestibulum at nec sem.
Donec ultricies venenatis dui, eget auctor sem ullamcorper eu. Mauris in mauris nec mi rhoncus sagittis ut quis metus. Pellentesque sollicitudin facilisis nibh, quis sagittis mauris convallis nec. Donec at odio nulla. Nulla facilisi. In eu diam arcu. Cras metus purus, congue eu sollicitudin eu, tempor vitae dolor. Nunc adipiscing elit sed nibh tristique rhoncus pretium urna bibendum. Aliquam auctor venenatis lacus, a feugiat justo
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentesque vel mi nulla, vel cursus lorem. Suspendisse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Pha-sellus vel augue non enim consequat molestie. Suspendisse potenti. Viva-mus viverra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pharetra enim. Sed consectetur, neque vitae laoreet ultrices, ligula nibh imperdiet felis, non pharetra magna nisi quis lacus. Cras eget risus eget risus luctus porttitor eu sed sapien. Suspendisse ut urna sit amet arcu sodales tempor. Vestibulum aliquam diam non lacus consectetur vitae ali-quet arcu malesuada. Sed sed massa et diam faucibus vestibulum at nec sem.
Donec ultricies venenatis dui, eget auctor sem ullamcorper eu. Mauris in mauris nec mi rhoncus sagittis ut quis metus. Pellentesque sollicitudin fa-cilisis nibh, quis sagittis mauris convallis nec. Donec at odio nulla. Nu-lla facilisi. In eu diam arcu. Cras metus purus, congue eu sollicitudin eu, tempor vitae dolor. Nunc adipiscing elit sed nibh tristique rhoncus pretium urna bibendum. Aliquam auctor venenatis lacus, a feugiat justo convallis a. Nam molestie nisl in sapien posuere et ultricies tortor tempus. Donec odio leo, tristique sed iaculis quis, fringilla a magna. Integer consequat dig-nissim vulputate. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentesque vel mi nulla, vel cursus lorem. Suspendisse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspen-disse potenti. Vivamus viverra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pharetra enim. Sed consectetur, neque vitae
![Page 213: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/213.jpg)
Legibilidad VLa longitud de la línea
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mae-cenas aliquet tinci-dunt eros sit amet convallis. Nunc nec purus orci. Pellen-tesque vel mi nulla, vel cursus lorem. Suspendisse pellen-tesque risus quis dui aliquet non tem-por enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse poten-ti. Vivamus vive-rra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pharetra enim. Sed consecte-tur, neque vitae lao-
Lorem ipsum dolor sit amet, consectetur adi-piscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentes-que vel mi nulla, vel cursus lorem. Suspendisse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspendisse potenti. Viva-mus viverra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pharetra enim. Sed consec-tetur, neque vitae laoreet ultrices, ligula nibh imperdiet felis, non pharetra magna nisi quis lacus. Cras eget risus eget risus luctus porttitor eu sed sapien. Suspendisse ut urna sit amet arcu sodales tempor. Vestibulum aliquam diam non lacus consectetur vitae aliquet arcu malesuada. Sed sed massa et diam faucibus vestibulum at nec sem.
Donec ultricies venenatis dui, eget auctor sem ullamcorper eu. Mauris in mauris nec mi rhoncus sagittis ut quis metus. Pellentesque sollicitudin facilisis nibh, quis sagittis mauris convallis nec. Donec at odio nulla. Nulla facilisi. In eu diam arcu. Cras metus purus, congue eu sollicitudin eu, tempor vitae dolor. Nunc adipiscing elit sed nibh tristique rhoncus pretium urna bibendum. Aliquam auctor venenatis lacus, a feugiat justo
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentesque vel mi nulla, vel cursus lorem. Suspendisse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Pha-sellus vel augue non enim consequat molestie. Suspendisse potenti. Viva-mus viverra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pharetra enim. Sed consectetur, neque vitae laoreet ultrices, ligula nibh imperdiet felis, non pharetra magna nisi quis lacus. Cras eget risus eget risus luctus porttitor eu sed sapien. Suspendisse ut urna sit amet arcu sodales tempor. Vestibulum aliquam diam non lacus consectetur vitae ali-quet arcu malesuada. Sed sed massa et diam faucibus vestibulum at nec sem.
Donec ultricies venenatis dui, eget auctor sem ullamcorper eu. Mauris in mauris nec mi rhoncus sagittis ut quis metus. Pellentesque sollicitudin fa-cilisis nibh, quis sagittis mauris convallis nec. Donec at odio nulla. Nu-lla facilisi. In eu diam arcu. Cras metus purus, congue eu sollicitudin eu, tempor vitae dolor. Nunc adipiscing elit sed nibh tristique rhoncus pretium urna bibendum. Aliquam auctor venenatis lacus, a feugiat justo convallis a. Nam molestie nisl in sapien posuere et ultricies tortor tempus. Donec odio leo, tristique sed iaculis quis, fringilla a magna. Integer consequat dig-nissim vulputate. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentesque vel mi nulla, vel cursus lorem. Suspendisse pellentesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat molestie. Suspen-disse potenti. Vivamus viverra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pharetra enim. Sed consectetur, neque vitae
![Page 214: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/214.jpg)
Longitud de la líneaEn cualquier caso, hay que evitar que se formen callesSucede cuando el tamaño es muy grande en relación a la longitud de la línea, y la alineación es justificada. ¿La solución? Separar siempre, reducir el tamaño, aumentar la longitud de la línea o, si no funciona, alinear a la izquierda.
![Page 215: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/215.jpg)
e Color
![Page 216: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/216.jpg)
Legibilidad VIColor
No hay contraste de luminosidad
No hay contraste de saturación
![Page 217: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/217.jpg)
Hay contraste de luminosidad
Hay contraste de saturación
Legibilidad VIColor
![Page 218: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/218.jpg)
ColorBusca siempre el contraste entre tipo y fondo, a partir de los niveles de saturación y luminosidad
![Page 219: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/219.jpg)
¿Cómo proceder si no es suficiente con el contraste?
![Page 220: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/220.jpg)
![Page 221: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/221.jpg)
![Page 222: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/222.jpg)
![Page 223: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/223.jpg)
![Page 224: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/224.jpg)
![Page 225: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/225.jpg)
![Page 226: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/226.jpg)
![Page 227: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/227.jpg)
![Page 228: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/228.jpg)
Estructurando la página con criterios tipográficosMacrotipografía
2.4A Contraste y jerarquía
B Alineación y composición
![Page 229: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/229.jpg)
La macrotipografía estudia cómo los atributos tipográficos contribuyen a crear la composición de la piezaEstudia la relación entre elementos y el aspecto de éstos
![Page 230: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/230.jpg)
a. Contraste/jerarquía
La diferenciación de los diferentes elementos tipográficos es fundamental para dinamizar la pieza y lograr jerarquía (de lo más relevante a lo accesorio).
![Page 231: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/231.jpg)
Contraste tipográfico¿Cómo conseguirlo?
![Page 232: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/232.jpg)
Contraste tipográficoFormas de conseguirlo
¡Nunca con la misma categoría tipográfica!(ej. Helvetica/GillSans, Bodoni/Didot)
alt alt alt alt
![Page 233: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/233.jpg)
![Page 234: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/234.jpg)
![Page 235: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/235.jpg)
![Page 236: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/236.jpg)
![Page 237: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/237.jpg)
![Page 238: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/238.jpg)
![Page 239: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/239.jpg)
![Page 240: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/240.jpg)
![Page 241: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/241.jpg)
![Page 242: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/242.jpg)
![Page 243: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/243.jpg)
![Page 244: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/244.jpg)
![Page 245: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/245.jpg)
![Page 246: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/246.jpg)
![Page 247: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/247.jpg)
b. Alineación
Es necesario combinar la alineación tipográfica con la distribución de elementos para lograr una composición armónica
![Page 248: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/248.jpg)
![Page 249: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/249.jpg)
![Page 250: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/250.jpg)
![Page 251: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/251.jpg)
![Page 252: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/252.jpg)
![Page 253: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/253.jpg)
![Page 254: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/254.jpg)
![Page 255: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/255.jpg)
![Page 256: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/256.jpg)
La alineación de los elementos incorpora fuerzas intangibles que “tiran” de éstos hacia determinadas zonas.Debes pensar si te interesa contrarrestarlos o no, en función de si quieres conseguir un mayor equilibrio o tensión.
![Page 257: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/257.jpg)
![Page 258: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/258.jpg)
![Page 259: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/259.jpg)
![Page 260: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/260.jpg)
![Page 261: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/261.jpg)
![Page 262: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/262.jpg)
![Page 263: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/263.jpg)
![Page 264: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/264.jpg)
![Page 265: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/265.jpg)
![Page 266: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/266.jpg)
En diseño editorial, intenta que todos los elementos del bloque titular se ciñan a a unos mismos criterios de alineación
![Page 267: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/267.jpg)
![Page 268: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/268.jpg)
![Page 269: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/269.jpg)
Trabaja con guías y retícula para precisar la alineación de aquellos elementos que se sitúan a la misma altura exactamente
![Page 270: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/270.jpg)
![Page 271: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/271.jpg)
![Page 272: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/272.jpg)
![Page 273: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/273.jpg)
![Page 274: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/274.jpg)
![Page 275: CV - 02. TIPOGRAFÍA](https://reader031.fdocuments.ec/reader031/viewer/2022012400/568c333a1a28ab02358c0690/html5/thumbnails/275.jpg)