tipografia y maquetacion4
TRANSCRIPT
![Page 1: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/1.jpg)
5.1- Introducción a la tipografía: Historia, familias y tipos
5.2- Las Herramientas tipográficas: cuerpo de letra, interlineado, alineación,
y condensación de caracteres
5.3- Diagramación, maquetación y composición tipográfica
![Page 2: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/2.jpg)
5.2- Las Herramientas tipográficasASPECTOS A TENER EN CUENTA
1) Elección de las Fuentes
2) Variantes de una fuente
3) Tamaño de las fuentes
4) Espaciado entre caracteres
5) Ancho de línea
6) Interlineado
7) Alineación
8) Color de la fuente
![Page 3: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/3.jpg)
5.2- Las Herramientas tipográficas3) TAMAÑO DE LAS FUENTES
El tamaño de la letra debe elegirse según la naturaleza de la composición y la distancia a la que se va a leer.
Informes, libros, folletos, manuales
Elementos textuales menos importantes en la composición, como notas de pie, pueden ir a tamaños de 7-8 puntos,
siempre y cuando resulten legibles en la fuente elegida.
PEQUEÑOS FORMATOS
Convienen fuentes entre 8 y 12 puntos para cuerpos de texto.
![Page 4: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/4.jpg)
![Page 5: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/5.jpg)
5.2- Las Herramientas tipográficas3) TAMAÑO DE LAS FUENTES
El tamaño de la letra debe elegirse según la naturaleza de la composición y la distancia a la que se va a leer.
Una valla publicitaria que deba leerse a 60 metros, la altura de la letra deberá ser, al menos, de 15 cm
GRANDES FORMATOS
Un cartel que será observado a 10 metros, la altura de la letra debe ser, al menos, de 2,5 cm
![Page 6: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/6.jpg)
5.2- Las Herramientas tipográficas3) TAMAÑO DE LAS FUENTES
EJPLO: titulos y subtitulos tienen normalmente mayor tamaño que los cuerpos de texto
JERARQUIA
Es aconsejable usar distintos tamaños de letra en los distintos elementos de una composición para establecer una
jerarquía visual
No siempre el texto de mayor tamaño es el primero que se lee
![Page 7: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/7.jpg)
![Page 8: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/8.jpg)
![Page 9: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/9.jpg)
5.2- Las Herramientas tipográficasASPECTOS A TENER EN CUENTA
1) Elección de las Fuentes
2) Variantes de una fuente
3) Tamaño de las fuentes
4) Espaciado entre caracteres
![Page 10: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/10.jpg)
5.2- Las Herramientas tipográficas4) ESPACIADO ENTRE CARACTERES
La legibilidad de un texto va a depender del correcto espaciado entre letras y palabras que lo forman.
Los principales aspectos a considerar serán el tipo de letra utilizado (familia tipográfica), el cuerpo (tamaño de letra) con
el que trabajemos y el grosor de la letra.
Una combinación adecuada de estos tres elementos (set) nos proporciona una textura homogénea del texto, lo lo que
aumentará su legibilidad.
![Page 11: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/11.jpg)
5.2- Las Herramientas tipográficas4) ESPACIADO ENTRE CARACTERES
EL TRACK O TRACKING
EL KERN O KERNING
Dos importantes conceptos que debemos estudiar y utilizar para modificar el espaciado entre letras
![Page 12: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/12.jpg)
5.2- Las Herramientas tipográficas4) ESPACIADO ENTRE CARACTERES
EL TRACK O TRACKING
El track o tracking ajusta el espacio entre caracteres
El track actúa globalmente sobre todo el texto y depende del tamaño de los caracteres
Como regla general, cuanto más grande sea el cuerpo más apretado debe ser el track.
![Page 13: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/13.jpg)
![Page 14: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/14.jpg)
5.2- Las Herramientas tipográficas4) ESPACIADO ENTRE CARACTERES
EL KERN O KERNING
El KERN se utiliza para ajustar el espacio entre entre las letras de una misma palabra o en algunos pares de
caracteres determinados que llaman la atención por estar demasiado juntos o separados
Cada carácter de una fuente concreta está rodeado por una cierta cantidad de espacio lateral, establecida por su
diseñador.
![Page 15: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/15.jpg)
![Page 16: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/16.jpg)
5.2- Las Herramientas tipográficas4) ESPACIADO ENTRE CARACTERES
A TENER EN CUENTA
Las palabras parecen de un tono más luminoso si las letras están más separadas.
Un conjunto adecuado de estos valores proporciona homogeneidad al texto, consiguiendo que las letras fluyan de
forma natural y rítmica en las palabras.
![Page 17: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/17.jpg)
![Page 18: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/18.jpg)
![Page 19: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/19.jpg)
5.2- Las Herramientas tipográficas4) ESPACIADO ENTRE CARACTERES
A TENER EN CUENTA
Las palabras parecen de un tono más luminoso si las letras están más separadas.
Un conjunto adecuado de estos valores proporciona homogeneidad al texto, consiguiendo que las letras fluyan de
forma natural y rítmica en las palabras.
Las líneas demasiado sueltas producen discontinuidad en la lectura, las demasiado apretadas hacen que sea complicado
distinguir las palabras.
![Page 20: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/20.jpg)
![Page 21: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/21.jpg)
5.2- Las Herramientas tipográficas4) ESPACIADO ENTRE CARACTERES
CONSEJO
Como norma general, la separación entre letras y palabras debe realizarse de forma coherente, para que sea fácil de leer, teniendo en cuenta especialmente las mayúsculas y sobre todo en
rotulación.
![Page 22: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/22.jpg)
5.2- Las Herramientas tipográficasASPECTOS A TENER EN CUENTA
1) Elección de las Fuentes
2) Variantes de una fuente
3) Tamaño de las fuentes
4) Espaciado entre caracteres
5) Ancho de línea
![Page 23: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/23.jpg)
5.2- Las Herramientas tipográficas5) ANCHO DE LINEA
A una MENOR LONGITUD DE LÍNEA, mayor velocidad de lectura. EJPLO: Periódicos.
Es un factor decisivo en la facilidad de lectura de un texto y en su poder comunicativo
![Page 24: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/24.jpg)
![Page 25: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/25.jpg)
5.2- Las Herramientas tipográficas5) ANCHO DE LINEA
A una MENOR LONGITUD DE LÍNEA, mayor velocidad de lectura. EJPLO: Periódicos.
Es un factor decisivo en la facilidad de lectura de un texto y en su poder comunicativo
Sin embargo, líneas demasiado cortas dificultan la lectura por el ritmo visual al que obliga con el cambio constante de
línea.
![Page 26: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/26.jpg)
![Page 27: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/27.jpg)
5.2- Las Herramientas tipográficas5) ANCHO DE LINEA
Una MAYOR LONGITUD DE LÍNEArequiere de un salto de mayor longitud de un punto de fijación ocular (el extremo
derecho final de una línea) al siguiente (el inicio izquierdo de la siguiente).
A mayor longitud del salto, más inexactitud en la siguiente fijación y por tanto mayor dificultad de lectura.
![Page 28: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/28.jpg)
![Page 29: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/29.jpg)
![Page 30: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/30.jpg)
5.2- Las Herramientas tipográficas5) ANCHO DE LINEA
CONSEJOS
Como regla, podemos tomar para una línea más de 40 caracteres y menos de 70.
En líneas muy cortas, es importante la correcta distribución de las unidades de significado, lo que hace el texto mucho
más fácil de leer y más comprensible.
![Page 31: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/31.jpg)
En líneas muy cortas, esimportante la correctadistribución de las unidadesde significado, procurandosiempre que cada líneaofrezca al lector una entidadsignificativa propia, lo quehace el texto mucho másfácil de leer y máscomprensible.
![Page 32: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/32.jpg)
En líneas muy cortas,es importante la correctadistribución de las unidadesde significado, procurandosiempre que cada líneaofrezca al lector una entidadsignificativa propia,lo que hace el texto muchomás fácil de leery más comprensible.
![Page 33: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/33.jpg)
5.2- Las Herramientas tipográficasASPECTOS A TENER EN CUENTA
1) Elección de las Fuentes
2) Variantes de una fuente
3) Tamaño de las fuentes
4) Espaciado entre caracteres
5) Ancho de línea
6) Interlineado
![Page 34: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/34.jpg)
5.2- Las Herramientas tipográficas6) INTERLINEADO O LEADING
Es el espacio vertical entre las líneas de texto.
![Page 35: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/35.jpg)
![Page 36: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/36.jpg)
5.2- Las Herramientas tipográficas6) INTERLINEADO O LEADING
Es el espacio vertical entre las líneas de texto.
Es un factor importante para que el lector pueda seguir correctamente la lectura sin equivocarse de línea o cansar la
vista
Es uno de los responsables de la sensación de color que toma un bloque de texto.
![Page 37: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/37.jpg)
![Page 38: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/38.jpg)
5.2- Las Herramientas tipográficas6) INTERLINEADO O LEADING
Conviene darle al interlineado uno o dos puntos más que el valor del cuerpo de la fuente. EJPLO: un texto en cuerpo 10, un interlineado de 12 da un blanco apropiado en la interlinea.
Si se utilizan valores de interlineado menores al cuerpo de texto las líneas pueden comerse unas a otras o volverse
difícil leer. A veces es un recurso usado en titulares o logotipos.
CONSEJOS
![Page 39: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/39.jpg)
![Page 40: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/40.jpg)
![Page 41: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/41.jpg)
5.2- Las Herramientas tipográficasASPECTOS A TENER EN CUENTA
1) Elección de las Fuentes
2) Variantes de una fuente
3) Tamaño de las fuentes
4) Espaciado entre caracteres
5) Ancho de línea
6) Interlineado
7) Alineación
![Page 42: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/42.jpg)
5.2- Las Herramientas tipográficas7) ALINEACIÓN
El texto puede alinearse de cinco formas distintas:
Alineado a la Izquierda
Alineado a la Derecha
Justificado
Centrado
Asimétrico
![Page 43: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/43.jpg)
5.2- Las Herramientas tipográficas7) ALINEACIÓN
Alineado a la Izquierda
El texto alineado a la izquierda es el más natural y recomendable para textos largos.
El lector es capaz de localizar fácilmente cada nueva línea.
Esta es posiblemente la forma de alineación de textos que resulta más legible.
![Page 44: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/44.jpg)
![Page 45: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/45.jpg)
5.2- Las Herramientas tipográficas7) ALINEACIÓN
Alineado a la derecha
Va en contra del lector, porque es dificil encontrar la nueva línea.
Este método puede ser adecuado para un texto que no sea muy extenso, pero no para grandes bloques.
![Page 46: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/46.jpg)
![Page 47: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/47.jpg)
5.2- Las Herramientas tipográficas7) ALINEACIÓN
Texto justificado
El texto justificado (alineado a derecha e izquierda) puede ser muy legible
Hay que asegurarse que el espacio entre letras y palabras sea uniforme y los molestos huecos entre palabras (ríos)
Resulta adecuado en columnas estrechas o bloques de texto de poca extensión, ya que resulta monótono y cansa al
lector.
![Page 48: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/48.jpg)
![Page 49: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/49.jpg)
5.2- Las Herramientas tipográficas7) ALINEACIÓN
Texto centrado
Las alineaciones centradas dan al texto una apariencia muy formal y son adecuadas cuando se usan mínimamente.
Debe evitarse configurar textos demasiado largos con este modelo.
![Page 50: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/50.jpg)
![Page 51: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/51.jpg)
5.2- Las Herramientas tipográficas7) ALINEACIÓN
AsimétricoSe usa cuando el diseñador desea romper el texto en
unidades de pensamiento lógicas, o para dar a la página un aspecto más expresivo.
La configuración de grandes cantidades de texto de esta manera acaba por cansar al lector
![Page 52: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/52.jpg)
![Page 53: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/53.jpg)
TRABAJO LIBRE DE MAQUETACIÓN
FORMATO A3
![Page 54: Tipografia y maquetacion4](https://reader035.vdocuments.site/reader035/viewer/2022062401/54572090af7959db738b8916/html5/thumbnails/54.jpg)