Proyecto infografía - Grupo 2

Título	Proyecto infografía - Grupo 2
Asignatura	Producción Gráfica
Del Curso	Producción Gráfica 2024
Carreras	Diseño
Nº	4
Alumno(s)	Jacinta Arellano, Valentina Maldonado, Karina Morales

Garamond

El proyecto de cierre de la asignatura de Producción Gráfica 2024 consiste en un trabajo grupal de 3 personas, en el que se realiza una infografía en un formato de doble carta, con 2 momentos de lectura sobre tipografías que han marcado la historia del diseño gráfico. La infografía integra la ilustración en técnicas mixtas, tanto análogas como digitales, utilizando el laboratorio de Creación Gráfica de la Escuela.

En primer lugar se escogió la tipografía, en este caso Garamond, se inició consultando en la biblioteca de la Escuela por los libros "Information Anxiety 2" de David Sume y Richard Saul Wurman y "Beautiful Evidence" de Edward Tufte, luego se recolectó información internet sobre los orígenes, historia, características e hitos de la tipografía, para posteriormente diagramarla y crear la ilustración.

Investigación

Creador

Claude Garamond (París, 1490 – 1561) fue el primer tipógrafo en especializarse en el diseño, grabado y fundición de las letras al servicio de los primeros impresores de la historia.

Historia

Se creó en Francia en el siglo XVI por Claude Garamond, fue la primera fuente que se alejó del estilo manuscrito tradicional y creó letras legibles listas para ser impresas. La fuente original se llamaba "Grec du Roi", pues fue comisionado en el año de 1540 por el rey Francisco I de Francia con el fin de imprimir libros romanos y latinos.

Es una de las tipografías más destacadas en el sector del diseño gráfico, siendo una de las más usadas y extendidas en la historia de la tipografía. La familia tipográfica tiene una base de las fuentes garaldas o romanas antiguas. Su diseño viene de las tipografías que se crearon sobre piedra en la época romana y tuvieron mucho valor en las representaciones que se realizaron en la época. Las itálicas Aldinas y los estilos caligráficos del momento influenciaron el estilo de cursivas. Otras versiones de la Garamond se basaron en los tipos diseñados por Jean Jannon, quién nació 19 años después de la muerte de Garamond. A día de hoy existen muchas versiones de este tipo, una de las más completas es la creada por la fundición Stempel en 1924, con las romanas y cursivas basadas en los dibujos originales de Claude Garamond. Robert Slimbach diseñó la versión de Adobe, en ella las romanas están sacadas de los punzones de Garamond, del Museo Plantin-Moretus, mientras que las cursivas están sacadas de los tipos de Robert Granjon, un joven grabador de tipos parisino.

Actualmente se puede descargar la tipografía de forma gratuita en Google Fonts.

Características

Suele describirse como una fuente equilibrada entre la elegancia y el sentido práctico. Tiene claridad y balance estético, siendo reconocida por su estilo clásico, que aporta sofisticación atemporal a cualquier diseño. Ha perdurado en el tiempo, estando presente en libros clásicos y páginas web, han sido rediseñadas y optimizadas para su uso en pantallas, manteniendo su legibilidad y estética. Un ejemplo es la Adobe Garamond, que inspirada en los punzones de Garamond, representa una fusión de tradición y modernidad. Es considerada de las fuentes principales más ecológicas por su menor uso de tinta.

Hay detalles que la caracterizan que vienen de la tipografía antigua romana en donde las letras eran trazadas con pincel cuadrado y posteriormente grabadas a cincel sobre la piedra. Tienen una serifa muy poco pronunciada con una terminación aguda y de base ancha. Los trazos son variables, ascendentes finos y descendientes gruesos. La dirección del eje de engrosamiento es oblicua. El espaciado de las letras es esencialmente amplio. La separación entre los caracteres de esta tipografía es amplia y su apariencia es, en general, de letras pesadas y tono intenso.

Hitos

• La tipografía de Garamond fue un gran éxito y se utilizó para la edición exclusiva del Alphabetum Graecum, el alfabeto griego, publicado por Estienne.

• En 1984, Apple la adoptó para el lanzamiento de su revolucionario Macintosh, marcando un hito en la historia del diseño gráfico

• Fue votada como la tipografía del milenio en una encuesta celebrada entre profesionales.

• Los exitosos libros ilustrados de Dr. Seuss están en una versión de Garamond.

• Todas las ediciones estadounidenses de JK Rowling Harry Potter se fijan en doce puntos Adobe Garamond, excepto Harry Potter y la Orden del Fénix, que al ser más largo se fija en 11,5 puntos Adobe Garamond.

• Se utilizó en la cabecera del periódico The Guardian.

• Marcas como Neutrogena y Tiffany & Co la utilizan en su logo.

Infografía

Proceso de diagramación

En primer lugar se hizo una lluvia de ideas, tomando en consideración los hitos de la tipografía se optó por integrar los personajes característicos "Cosa 1" y "Cosa 2" de Dr. Seuss, también se integró una imagen de fondo del computador Macintosh de Apple y se diagramó el nombre de la tipografía. Se integraron los conceptos trabajados durante el semestre, en este caso Gravedad, Contraste e Impacto, se escribió el nombre Garamond separando en dos letras y hacia abajo, también se ocuparon diferentes tamaños y atributos, como la "G" en itálica, para generar contraste. Se pensó en negro para otorgarle impacto y que se pueda leer de forma clara. Los colores Rojo y Azul además de ser los característicos de Dr. Seuss otorgan contraste. El diseño está pensado para ser impreso con risografía.

Proceso creativo para la ilustración

Proceso creación de ilustración en Adobe Illustrator

Proceso de diagramación en Adobe InDesign

Fotografía de la versión impresa

Modificaciones para la entrega final

Se tuvieron en consideración las correcciones dadas en clase y se hicieron ajustes. Para la ilustración se cambió el color rojo a uno más intenso y se adaptó la última imagen del proceso creativo al formato cuadrado. Para la segunda hoja se hizo menos rígida la forma de presentación y se resumieron los textos. Se integraron letras al fondo que se vincularon con las características de Garamond, se reordenaron las imágenes y los subtítulos se escribieron en altas y de color rojo, para ser más llamativos y guiar la lectura. Con las modificaciones anteriores se genera la lectura en tres tiempos que debe tener una infografía.

Ilustración Final

Proceso de diagramación en InDesign

Pruebas de impresión

Como la infografía tiene diseño hasta el borde del documento fue necesario adaptar el tamaño de la hoja para que se imprimiera en su totalidad. Se cortó un pliego de hilado n°9 en las dimensiones 29,7x45cm, se imprimió y luego se volvió a cortar en las dimensiones de doble carta. En la primera prueba ocurrió un problema, pues al estar el papel húmedo la tinta no se adhirió al papel de forma correcta. Esto se puede apreciar en las fotografías adjuntas. Para la impresión final fue necesario secar el papel con la estufa y todo resultó bien.

Exposición en Zaguán

Bibliografía

EB Garamond - Google Fonts. (s. f.). Google Fonts. https://fonts.google.com/specimen/EB+Garamond

The Grecs du Roi meet early Cretan literature - Association of European Printing Museums. (2018, 18 diciembre). Association Of European Printing Museums. https://www.aepm.eu/publications/conference-proceedings-2/making-history-collections-collectors-and-the-cultural-role-of-printing-museums/george-matthiopoulos-the-grecs-du-roi-meet-early-cretan-literature/

MissChatz. (2021, 3 mayo). 15 fuentes similares a Garamond y cómo combinarlas. Design & Illustration Envato Tuts+. https://design.tutsplus.com/es/tutorials/15-fonts-similar-to-garamond-and-what-to-pair-it-with--cms-36589

Utd, R., & Utd, R. (2017, 30 junio). UnosTiposDuros > Historia > Grandes maestros de la tipografía: Claude Garamond. UnosTiposDuros. https://www.unostiposduros.com/grandes-maestros-de-la-tipografia-claude-garamond/

Ac. (2020, 5 abril). Carbone tipografía. https://www.carbonetipografia.com.ar/garamond-vs-garamond-fisiologia-de-una-tipografia-2/

GARAMOND. (2012, 26 agosto). Issuu. https://issuu.com/anweshadaolagupu/docs/garamond_booklet#google_vignette

Andhell. (2024, 29 enero). Garamond: La historia y evolución de una tipografía clásica. Tipos con carácter. https://tiposconcaracter.es/garamond-la-tipografia/#google_vignette

Garamond. (2022, 26 enero). ¿Quién fue Garamond y por qué nos inspira? Garamond. https://garamond.uy/porque-nos-llamamos-garamond/#:~:text=Claude%20Garamond%20naci%C3%B3%20en%20Francia,primeros%20impresores%20de%20la%20historia.

Morcillo, N. (2022, 19 agosto). Qué es Garamond. Creativos Online. https://www.creativosonline.org/que-es-garamond.html

Garamond - letrag. (s. f.). https://letrag.com/es/tipografia/10/

Chheath, C. (2018, 4 mayo). Typeface: Garamond - Carolyn Chheath - Medium. Medium. https://medium.com/@thelittlereina/typeface-garamond-be1b8b01add8

Clases de familias tipográficas: Romanas antiguas. (s. f.). https://www.fotonostra.com/grafico/familiastipografiacas.htm

Pérez, A. (2022, 25 noviembre). La tipografía romana | Características tipográficas. ESDESIGN. https://www.esdesignbarcelona.com/actualidad/diseno-editorial/la-tipografia-romana-caracteristicas-tipograficas

Thejjj. (2024, 24 mayo). About Garamond [Vídeo]. Vimeo. https://vimeo.com/222157040

Prezi, O. (s. f.). Tipografía Garamond. prezi.com. https://prezi.com/caj-8shbncin/tipografia-garamond/#:~:text=Usos%20en%20la%20cultura%20popular,trata%20de%20consumo%20de%20tinta.

Coale, B. (s. f.). Garamond, the Eco-Friendly Font. https://www.caseyprinting.com/blog/2013/typography/garamond-the-eco-friendly-font