DAP 03 TIPOGRAFÍA
-
Upload
fernando-suarez -
Category
Documents
-
view
253 -
download
1
description
Transcript of DAP 03 TIPOGRAFÍA
![Page 1: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/1.jpg)
Dirección de Arte en Publicidad
02 Elementos del diseño gráfico
![Page 2: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/2.jpg)
00Introducción
Dirección de arte y diseño gráfico
Funciones
01El lenguaje de la publicidad
El proceso creativo
El medio publicitario
Apuntes de semiótica visual publicitaria
02Elementos del diseño gráfico
El alfabeto visual
Tipografía
Color
Composición
03La imagen digital
Vectores vs mapas de bits
Formatos de imagen y modos de color
Tamaños y resolución
Sistemas de impresión
Teoría
![Page 3: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/3.jpg)
02Tipografía
![Page 4: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/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: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/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: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/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: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/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: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/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: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/9.jpg)
Funcionalidad lingüísticaEl texto se tiene que leer bien, especialmente en tamaños más pequeños...
![Page 10: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/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: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/11.jpg)
![Page 12: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/12.jpg)
![Page 13: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/13.jpg)
![Page 14: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/14.jpg)
![Page 15: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/15.jpg)
![Page 16: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/16.jpg)
![Page 17: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/17.jpg)
![Page 18: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/18.jpg)
![Page 19: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/19.jpg)
![Page 20: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/20.jpg)
![Page 21: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/21.jpg)
![Page 22: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/22.jpg)
![Page 23: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/23.jpg)
![Page 24: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/24.jpg)
![Page 25: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/25.jpg)
![Page 26: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/26.jpg)
![Page 27: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/27.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 28: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/28.jpg)
Microtipografía Macrotipografía
![Page 29: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/29.jpg)
Terminología básica que debemos conocer
![Page 30: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/30.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 31: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/31.jpg)
¿Cuáles son los objtetivos prioritarios que se plantea la tipografía?
![Page 32: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/32.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 33: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/33.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 34: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/34.jpg)
Sólo comprendiendo cómo es la letra, podremos descubrir sus diferencias e interpretar su significado
![Page 35: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/35.jpg)
A La anatomía del tipo
![Page 36: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/36.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 37: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/37.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 38: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/38.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 39: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/39.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 40: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/40.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 41: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/41.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 42: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/42.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 43: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/43.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 44: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/44.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 45: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/45.jpg)
Existen otros condicionantes en el diseño de tipos que ayudan a entender las diferencias entre familias
![Page 46: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/46.jpg)
01 Formas geométricas y humanísticas
Más humanísticas(espontáneas, manuales)
Más geométricas(formas básicas)
![Page 47: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/47.jpg)
02 Contraste en el grosor del trazo
Más contraste Menos contraste
![Page 48: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/48.jpg)
03 La modulación del trazo
![Page 49: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/49.jpg)
04 El ojo medio
AMPLITUDE
![Page 50: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/50.jpg)
Partiendo de sus diferencias morfológicas, es posible identificar varias categorías en los tipos de letra
![Page 51: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/51.jpg)
Tened en cuenta que todo tipo de letra ha sido concebido para significar algo o crear diferentes connotaciones
![Page 52: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/52.jpg)
![Page 53: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/53.jpg)
B Las categorías tipográficas
![Page 54: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/54.jpg)
6 categoríassegún Thibadeau (1921)
Con serif
Romana antigua
Romana moderna
Egipcia
Sin serif
Palo seco
Escritura
Fantasía
![Page 55: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/55.jpg)
Clasificaciónbasada en la división de Vox y la ATypI (Asociación Tipográfica Internacional)
RomanaAntigua o humana
De transición, garalda o real
Moderna o didona
Atípica
EgipciaSuave
Dura
Palo secoGrotesca
Humanista
Neogrotesca
Geométrica
De escrituraManuales
Caligráficas
De fantasíaDe diseño
Ornamentales
*
*
*(Con serif)
![Page 56: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/56.jpg)
Preguntas01 ¿Cuáles son sus diferencias?02 ¿Qué crees que expresan cada una de las categorías?
![Page 57: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/57.jpg)
AA
![Page 58: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/58.jpg)
A A
![Page 59: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/59.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 60: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/60.jpg)
a.1 Romana antigua
Modulación inclinada de trazo quebrado l Deriva del trazo manual l Remates ligeramente desproporcionados l Bembo, Trump Medieval, Sabon, Minion
![Page 61: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/61.jpg)
a.2 Romana de transición
Modulación inclinada de trazo redondeado (más moderado) l Remates más proporcionados l Las más empleadas para textos más pequeños, que buscan mayor legibilidad l Garamond, Times New Roman, Century Old Style
![Page 62: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/62.jpg)
a.3 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 63: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/63.jpg)
a.4 Romana atípica
Conservan la modulación y los remates básicos, pero con interpretaciones muy particulares de los elementos fijos y variables l A medio camino entre las romanas y los tipos de fantasía l Tiffany, Benguiat, Belwe, Böcklin
![Page 64: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/64.jpg)
![Page 65: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/65.jpg)
![Page 66: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/66.jpg)
![Page 67: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/67.jpg)
![Page 68: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/68.jpg)
![Page 69: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/69.jpg)
![Page 70: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/70.jpg)
![Page 71: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/71.jpg)
![Page 72: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/72.jpg)
b. Egipcia
ClarendonRockwellA 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
![Page 73: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/73.jpg)
b.1 Egipcia suave
Modulación visible l Enlace suave entre asta y remate l Similar a la romana de transición, pero con mayor grosor y contundencia l Lino Letter, Clarendon, Egyptienne, Glypha
![Page 74: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/74.jpg)
b.2 Egipcia dura
Tendencia a la uniformidad del trazo l Enlace duro o inexistente l Proximidad a los palosecos pero con remate l Memphis, Rockwell, Lubalin Graph, Calvert
![Page 75: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/75.jpg)
![Page 76: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/76.jpg)
![Page 77: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/77.jpg)
![Page 78: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/78.jpg)
![Page 79: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/79.jpg)
![Page 80: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/80.jpg)
![Page 81: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/81.jpg)
![Page 82: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/82.jpg)
![Page 83: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/83.jpg)
![Page 84: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/84.jpg)
![Page 85: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/85.jpg)
![Page 86: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/86.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
![Page 87: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/87.jpg)
![Page 88: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/88.jpg)
c.1 Palo seco grotescas
Habitualmente, trazo homogéneo l Caracteres estrechos l Suele llevar el apelativo Gothic junto al nombre (tipos sans-serif de fines del siglo XIX), como sinónimo de “extraño” (por la sorpresa que causó su aparición) l Bell Gothic, Letter Gothic, News Gothic, Franklin Gothic
![Page 89: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/89.jpg)
c.2 Palo seco neogrotescos
Muy similares a las anteriores, pero con menos contraste en el trazo l Menos manuales y más geométricas l Caracteres menos estrechos y más uniformes l Las más legibles de los tipos de palo (las más proporcionadas) l Helvetica, Frutiger, Univers, Folio
![Page 90: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/90.jpg)
c.3 Palo seco humanistas
Modulación del trazo l Son las más clásicas de los tipos de palo por el aire tradicional que le otorga la modulación l Intentan retomar las raíces históricas de las romanas y la escritura manual (pero sin remate) lGill Sans, Antique Olive
![Page 91: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/91.jpg)
c.4 Palo seco geométricos
Ausencia de modulación l Estructura geométrica del carácter (la "a" es muy evidente): en estos tipos se repiten continuamente las mismas formas geométricas l Avant Garde, Futura
![Page 92: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/92.jpg)
Palo seco Comparativa
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 93: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/93.jpg)
c.5 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 94: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/94.jpg)
![Page 95: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/95.jpg)
![Page 96: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/96.jpg)
![Page 97: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/97.jpg)
![Page 98: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/98.jpg)
![Page 99: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/99.jpg)
![Page 100: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/100.jpg)
![Page 101: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/101.jpg)
![Page 102: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/102.jpg)
![Page 103: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/103.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 104: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/104.jpg)
![Page 105: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/105.jpg)
![Page 106: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/106.jpg)
![Page 107: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/107.jpg)
![Page 108: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/108.jpg)
![Page 109: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/109.jpg)
![Page 110: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/110.jpg)
![Page 111: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/111.jpg)
![Page 112: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/112.jpg)
![Page 113: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/113.jpg)
![Page 114: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/114.jpg)
![Page 115: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/115.jpg)
![Page 116: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/116.jpg)
![Page 117: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/117.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 118: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/118.jpg)
![Page 119: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/119.jpg)
![Page 120: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/120.jpg)
![Page 121: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/121.jpg)
![Page 122: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/122.jpg)
![Page 123: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/123.jpg)
![Page 124: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/124.jpg)
![Page 125: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/125.jpg)
Los dingbatsSímbolos u ornamentos con diferentes funciones (señalización, enumeraciones, etc..).
![Page 126: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/126.jpg)
Varias versionesExisten familias que presentan varias versiones (normalmente, tipos con y sin remate).
Rotis sans serifRotis semi sansRotis semi serifRotis serif
![Page 127: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/127.jpg)
Cada una de estas familias tipográficas, sin embargo, pueden presentar variaciones en su estructura. Son los estilos tipográficos
![Page 128: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/128.jpg)
C Los estilos tipográficos
![Page 129: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/129.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 130: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/130.jpg)
Su figuraEspacio en las líneas de referencia
![Page 131: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/131.jpg)
![Page 132: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/132.jpg)
![Page 133: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/133.jpg)
![Page 134: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/134.jpg)
![Page 135: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/135.jpg)
![Page 136: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/136.jpg)
![Page 137: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/137.jpg)
![Page 138: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/138.jpg)
![Page 139: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/139.jpg)
Su figuraLa inclinación
![Page 140: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/140.jpg)
![Page 141: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/141.jpg)
![Page 142: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/142.jpg)
![Page 143: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/143.jpg)
![Page 144: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/144.jpg)
![Page 145: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/145.jpg)
Su anchuraProporción de la caja
![Page 146: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/146.jpg)
![Page 147: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/147.jpg)
![Page 148: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/148.jpg)
![Page 149: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/149.jpg)
![Page 150: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/150.jpg)
![Page 151: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/151.jpg)
![Page 152: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/152.jpg)
Su anchuraProporción de la caja
Amplitude extra compressedAmplitude compressedAmplitude condensedAmplitudeAmplitude wide
![Page 153: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/153.jpg)
Su manchaGrosor
![Page 154: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/154.jpg)
![Page 155: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/155.jpg)
![Page 156: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/156.jpg)
![Page 157: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/157.jpg)
![Page 158: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/158.jpg)
![Page 159: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/159.jpg)
![Page 160: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/160.jpg)
![Page 161: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/161.jpg)
![Page 162: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/162.jpg)
![Page 163: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/163.jpg)
![Page 164: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/164.jpg)
![Page 165: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/165.jpg)
![Page 166: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/166.jpg)
Su manchaGrosor
Helvetica Neue UltralightHelvetica Neue LightHelvetica Neue RegularHelvetica Neue MediumHelvetica Neue BoldHelvetica Neue Black
![Page 167: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/167.jpg)
![Page 168: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/168.jpg)
D Adquirir nuevas fuentes
![Page 169: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/169.jpg)
Nuevas fuentesHerramientas
De pago
www.myfonts.com www.fontshop.com www.1001fonts.com www.dafont.com
www.theleagueofmovabletype.com
Gratuitas
![Page 170: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/170.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 171: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/171.jpg)
Hasta ahora, hemos visto cómo los tipos expresan. Ahora, se trata de ver, además, cómo facilitar su lectura
![Page 172: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/172.jpg)
En tamaños más grandes, todos los textos se leen bien. Estamos hablando especialmente de textos más pequeños
![Page 173: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/173.jpg)
![Page 174: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/174.jpg)
En tamaños más grandes, todos los textos se leen bien. Estamos hablando especialmente de textos más pequeños
![Page 175: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/175.jpg)
a Familia tipográfica
![Page 176: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/176.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 DE TRANSICIÓN ROMANA MODERNA EGIPCIA PALO SECO (NO GEOMÉTRICO)
![Page 177: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/177.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-pis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pharetra enim. Sed con-
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-cidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blan-
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. Etiam in est neque, a euis-mod risus. Nullam turpis diam, blandit et venenatis
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. Vivamus viverra enim ac nunc tincidunt fauci-bus. Etiam in est neque, ROMANA DE TRANSICIÓN ROMANA MODERNA EGIPCIA PALO SECO
(NO GEOMÉTRICO)
![Page 178: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/178.jpg)
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 risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Phasellus vel augue non enim consequat moles-tie. Suspendisse potenti. Vivamus viverra enim ac nunc tincidunt fauci-bus. Etiam in est neque,
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. Etiam in est neque, a euis-mod risus. Nullam turpis diam, blandit et venenatis
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas aliquet tincidunt eros sit amet convallis. Nunc nec purus orci. Pellentes-que vel mi nulla, vel cursus lorem. Suspendisse pellen-tesque risus quis dui aliquet non tempor enim pharetra. Maecenas porttitor urna ac diam varius tempus. Pha-sellus vel augue non enim consequat molestie. Suspen-disse potenti. Vivamus vive-rra enim ac nunc tincidunt faucibus. Etiam in est neque, a euismod risus. Nullam turpis diam, blandit et ve-nenatis vel, mattis et metus.
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 turpis diam, blandit et venenatis vel, mattis et metus. Nulla vitae pharetra enim. Sed consecte- PALO SECO
GEOMÉTRICOPALO SECO HUMANISTAROMANA DE TRANSICIÓNROMANA ANTIGUA
El remate quebrado de las romanas antiguas dificulta la legibilidad en cuerpos pequeños. En el palo seco geométrico, los caracteres tienen unas contraformas internas excesivamente grandes.
![Page 179: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/179.jpg)
Familia tipográficaLas más aptas son las romanas de transición y el palo seco neogrotesco (nunca geométrico)
![Page 180: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/180.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 181: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/181.jpg)
Legibilidad IFuentes para web
¿Por qué existen tipos específicamente para web? Son fuentes pensadas para reproducirse en baja resolución, que encajan en los pixels de pantalla, y evitan los trazos curvos, priorizando las horizontales y verticales (Verdana, Tahoma, Georgia).
![Page 182: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/182.jpg)
![Page 183: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/183.jpg)
Legibilidad ILa familia tipográfica
![Page 184: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/184.jpg)
b Cuerpo
![Page 185: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/185.jpg)
El cuerpo tipográficoEquivale al tamaño, y se mide en puntos (equivalentes a 0,352 milímetros)
![Page 186: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/186.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, 10/11,5
El texto común de revistas o periódicos suele oscilar entre los 8-10 puntos
![Page 187: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/187.jpg)
c Interlineado
![Page 188: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/188.jpg)
InterlineadoSe define como la distancia entre las líneas de base de dos líneas de texto consecutivas
![Page 189: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/189.jpg)
![Page 190: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/190.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 191: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/191.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 192: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/192.jpg)
InterlineadoDebe ser igual o mayor que el cuerpo para que no se solapen los trazos horizontales y verticales de las líneas
![Page 193: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/193.jpg)
Interlineado¿Una regla general? Un 10-20% al cuerpo suele resultar (aunque no siempre se cumple)En tamaños más grandes, el interlineado incluso puede ser negativo (inferior al cuerpo)
![Page 194: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/194.jpg)
Ejemplo de texto de cuerpo 80 puntos e interlineado 90Ejemplo de texto de cuerpo 80 puntos e interlineado 76
![Page 195: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/195.jpg)
d Alineación
![Page 196: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/196.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 centro Bandera derecha Justificado
![Page 197: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/197.jpg)
AlineaciónSi los textos son muy largos, densos o con cuerpos pequeños, sólo cabe alinearlo a la izquierda o justificarlo
![Page 198: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/198.jpg)
AlineaciónCuando el texto se justifica, SIEMPRE debe activarse la opción de Separar sílabas
![Page 199: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/199.jpg)
e Longitud de la línea
![Page 200: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/200.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 201: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/201.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 202: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/202.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 203: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/203.jpg)
e Color
![Page 204: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/204.jpg)
Legibilidad VIColor
No hay contraste de luminosidad
No hay contraste de saturación
![Page 205: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/205.jpg)
Hay contraste de luminosidad
Hay contraste de saturación
Legibilidad VIColor
![Page 206: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/206.jpg)
ColorBusca siempre el contraste entre tipo y fondo, a partir de los niveles de saturación y luminosidad
![Page 207: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/207.jpg)
¿Cómo proceder si no es suficiente con el contraste?
![Page 208: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/208.jpg)
![Page 209: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/209.jpg)
![Page 210: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/210.jpg)
![Page 211: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/211.jpg)
![Page 212: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/212.jpg)
![Page 213: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/213.jpg)
![Page 214: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/214.jpg)
![Page 215: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/215.jpg)
![Page 216: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/216.jpg)
Estructurando la página con criterios tipográficosMacrotipografía
2.4A Contraste y jerarquía
B Alineación y composición
![Page 217: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/217.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 218: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/218.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 219: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/219.jpg)
Contraste tipográfico¿Cómo conseguirlo?
![Page 220: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/220.jpg)
Contraste tipográficoFormas de conseguirlo
¡Nunca con la misma categoría tipográfica!(ej. Helvetica/GillSans, Bodoni/Didot)
alt alt alt alt
![Page 221: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/221.jpg)
![Page 222: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/222.jpg)
![Page 223: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/223.jpg)
![Page 224: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/224.jpg)
![Page 225: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/225.jpg)
![Page 226: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/226.jpg)
![Page 227: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/227.jpg)
![Page 228: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/228.jpg)
![Page 229: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/229.jpg)
![Page 230: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/230.jpg)
![Page 231: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/231.jpg)
![Page 232: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/232.jpg)
![Page 233: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/233.jpg)
![Page 234: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/234.jpg)
![Page 235: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/235.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 236: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/236.jpg)
![Page 237: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/237.jpg)
![Page 238: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/238.jpg)
![Page 239: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/239.jpg)
![Page 240: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/240.jpg)
![Page 241: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/241.jpg)
![Page 242: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/242.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 243: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/243.jpg)
![Page 244: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/244.jpg)
![Page 245: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/245.jpg)
![Page 246: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/246.jpg)
![Page 247: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/247.jpg)
![Page 248: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/248.jpg)
![Page 249: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/249.jpg)
![Page 250: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/250.jpg)
![Page 251: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/251.jpg)
![Page 252: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/252.jpg)
Trabaja con guías para precisar la alineación de aquellos elementos que se sitúan a la misma altura exactamente
![Page 253: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/253.jpg)
![Page 254: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/254.jpg)
![Page 255: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/255.jpg)
![Page 256: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/256.jpg)
![Page 257: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/257.jpg)
![Page 258: DAP 03 TIPOGRAFÍA](https://reader036.fdocuments.mx/reader036/viewer/2022082216/568c37911a28ab02359c0d9a/html5/thumbnails/258.jpg)