Download - Tipoggrafia
![Page 1: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/1.jpg)
A TIPOGRAFÍA
EN EL DISEÑO
![Page 2: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/2.jpg)
Del dibujo a la letra y …de la letra al dibujo
![Page 3: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/3.jpg)
El estudio y clasificación de las diferentes familias o tipos de letras, así como el diseño de caracteres unificados por propiedades visuales uniformes.
¿QUÉ ES LA TIPOGRAFÍA?
![Page 4: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/4.jpg)
EL CARACTER
Es el signo la unidad fundamental del lenguaje escrito, que tiene una forma y estilo singular.
Los caracteres pueden presentarse en: Capitales Minúsculas Números Versalitas Ligaduras Símbolos
![Page 5: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/5.jpg)
Cuerpo de la letra
Es la medida del carácter, que se define desde el extremo superior de la ascendente, hasta el último punto de la descendente
![Page 6: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/6.jpg)
Partes de una letra
![Page 7: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/7.jpg)
GROSORES
1. Anchura del trazo: extrafina, fina redonda, negra o supernegra
2. Proporción entre ejes vertical y horizontal: redondo (cuando son iguales) estrecha (cuando el horizontal es menor que el vertical) expandida (cuando el horizontal es mayor).
3. Inclinación del eje vertical: itálicas cursivas
4. Cuerpo: Es el tamaño de la letra, se mide en puntos tipográficos.
![Page 8: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/8.jpg)
La fuente es el juego completo de caracteres en cualquier diseño, cuerpo y estilo:
Fuentes y familias tipográficas
A a A B C M N 2 7 A b c m n 2 7�
A h g m l r t M b f v q t h
Familia tipográfica es un conjunto de tipos basado en una misma fuente, con algunas variaciones,
![Page 9: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/9.jpg)
Tipos de fuentes:
A la hora de estudiar las fuentes la primera gran distinción que nos encontramos es entre aquellas fuentes de tipo
Serif y SansSerif Adobe Caslon Pro
Book Antiqua
Georgia
![Page 10: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/10.jpg)
CARACTERÍSTICAS DE LOS TIPOS
![Page 11: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/11.jpg)
Elementos en la página
1. Texto base 2. Título 3. Subtítulo 4. Fotografía 5. Pie de foto 6. Número de página 7. Folio explicativo 8. Cita 9. Nota
![Page 12: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/12.jpg)
Estructura de la Página
1. Formato 2. Márgenes 3. Retícula 4. Texto 5. Imagen
![Page 13: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/13.jpg)
Legibilidad
La lectura de las palabras dependerá del espacio entre las letras que la forman :
S I E S D E M A S I A D O G R A N D E
los caracteres se visualizan aislados y el cerebro así los percibe , tengamos en cuenta que el cerebro tienen a percibir las partes de manera agrupada para entender una forma.
Si el espacio interletras : Es demasiado pequeño impide la legibilidad
![Page 14: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/14.jpg)
Tra c king y Kerning
El track o tracking ajusta el espacio que existe entre los caracteres, abriendo los cuerpos más pequeños y cerrando los mas grandes.
El Kern o kerning es el espacio existente entre dos caracteres individuales, para cuando dos de estos caracteres se encuentran demasiado juntos o separados.
![Page 15: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/15.jpg)
a b c e f g h
Prevalencia en la legibilidad de las letras
La legibilidad de las palabras viene determinada por el contorno de la palabra, por los trazos ascendentes y descendentes de las letras, los puntos de las íes, el ritmode las partes redondeada o angulares de las mismas.
En el movimiento de lectura el ojo (entrenado) , reconoce las letras en sus mínimos detalles, sin necesidad de percibir el carácter tipográfico entero.
![Page 16: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/16.jpg)
Alineación e Interlineado
El texto puede estar justificado a la derecha, es decir alineado con la línea vertical derecha o izquierda
Puede estar centrado o
J u s t i f i c a d o .
El espacio entre líneas
tienen que ser el adecuado
para facilitar la legibilidad
![Page 17: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/17.jpg)
INTERLINEADOS
Las líneas demasiado sueltas producen discontinuidad en la lectura, mientras que las demasiado apretadas hacen que sea complicado distinguir las palabras.
![Page 18: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/18.jpg)
Lo que determina la legibilidad:
1 Tipo o forma de la letra.
2 Cuerpo o tamaño del tipo. 3 E s p a c i o e n t r e l e t r a s .
4 Espacio entre palabras.
5 Espacio entre líneas. 6 Posición y organización del texto, es decir la ubicación del
texto dentro de la composición.
![Page 19: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/19.jpg)
Aplicaciones de la tipografía en el Diseño
![Page 20: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/20.jpg)
Diseño de letras
![Page 21: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/21.jpg)
Caligramas
![Page 22: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/22.jpg)
Cartel
![Page 23: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/23.jpg)
![Page 24: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/24.jpg)
![Page 25: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/25.jpg)
Papeleria
![Page 26: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/26.jpg)
Diseño editorial
![Page 27: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/27.jpg)
Diseño de logotipos
![Page 28: Tipoggrafia](https://reader034.vdocuments.co/reader034/viewer/2022042700/557b3af0d8b42a16488b4f1f/html5/thumbnails/28.jpg)