Proyecto infografía - Grupo 7

De Casiopea



TítuloProyecto infografía - Grupo 7
AsignaturaProducción Gráfica
Del CursoProducción Gráfica 2024
CarrerasDiseño
4
Alumno(s)Antonia Cirelli Gonzalez Tapia, Antonia Navarro Cassi, Javiera Iturrieta
PORTADA helvetica grupo7.png

Desglose de información

Historia

MAXALFONSPG2024.jpg

Fue creada por Max Alfons Miedinger, cuando fue encargada por Eduard Horffamn, director de la fundición Hass, principalmente para contrarrestar la fuente lanzada por la competencia, la fundición H. Bertohld kzidenz Grotesk, quien creó la tipografía Akzidenz Grotesk la cual sirvió de inspiración para Max.




NHGPG2024.png

Posterior en 1957, Miedinger propuso un nuevo set de carácteres que bautizó con el nombre Neue Haas Grotesk. Era una fuente de diseño lineal, esencial y elegante, que resultaba ser muy legible.



LinotipiaPG2024.jpg

Fue en 1960 cuando el director de Mergenthaler Linotype Company, decide adoptarla y encargar el rediseño a Arthur Ritzel, ahora la fuente fue rebautizada Helvetica, del latín “Helvetia”, Suiza. Parker decide ampliar la biblioteca de las fuentes para las máquinas Linitype.


MetronyPG2024.png

La helvetica se volvió intensamente posterior a ello, duntante los años 1970 debido a su enorme influencia dentro del llamado “Estilo Tipográfico Internacional”, particularmente en identidades corporativas.

Fue elegida por los diseñadores Vignelli y Noria para crear la nueva señalización del metro de Nueva York 1989 y el Graphic Standards Manual, uno de los manuales de identidad visual más celebradas en la historia del diseño gráfico. Actualmente también se utiliza como tipografía oficial en el metro de Washington DC, de Chicago y de Londres. Lo que la hace una de las tipografías mas vistas del mundo.


Typeface specimen Helvetica Neue.svg.png

Posterior en 1983 se lanzo Neue Helvética, una versión actualizada.

Fueron marcas internacionales como BMW, American Airlines, Lufthansa y Panasonic que adoptaron el diseño en sus logotipos y fueron parte de la forma en la que popularizó la tipografía. Al año siguiente Steve Jobs decidió introducirla al Mac, allanando el camino para la difusión de la versión digital del carácter tipográfico. Ha sido adoptada por diseñadores y artistas que la ven como una forma de comunicar con elegancia y poder. Incluso ha encontrado su camino en la cultura popular, inspirando a creadores de contenido a través de sus usos innovadores, como en las icónicas secuencias de apertura de la serie Mad Men.




Línea de tiempo de la utilización de la tipografía

1957: La fuente Helvetica Bold puede agregar sofisticación y elegancia a los diseños con sus líneas limpias que exudan minimalismo y lujo, lo que puede explicar su uso como parte del diseño del logotipo de BMW. Saber cómo aplicar esta fuente de alta calidad de forma creativa podría ampliar significativamente la popularidad de su negocio. BMW eligió la fuente Helvetica como su fuente de logotipo en 1957; Helvetica es un elegante sans serif diseñado por Max Miedinger y Eduard Hoffmann que hace que los diseños sean excelentes en una variedad de medios.

BMWHELVETICA.png




LUFHHELVETICA2024.svg.png






1960: Lufthansa. En la década de 1960, la compañía aérea alemana se propuso expandirse internacionalmente y entrar de lleno en la era del avión a reacción. Esta fue la oportunidad de rejuvenecer el logo con una fuente recién creada y muy de moda: Helvetica.Donde el diseño anterior era rígido y muy clásico, Helvetica ayudó a mostrar el modernismo de la empresa al tiempo que reflejaba la calidad y seriedad alemana para los viajeros internacionales. Misión cumplida, la empresa utilizó con éxito este logotipo durante 55 años (1963 a 2018).




1967: American Airlines: El águila, los colores, el nombre, todo en este logo huele bien a América. ¡Todo menos su tipografía, que más bien respira Suiza por razones obvias! Diseñado por un italiano, Massimo Vignelli, los preceptos que guiaron la creación de este logo son cercanos a los que acompañaron al logo de Lufthansa cuatro años antes; Era necesario sugerir a los viajeros la modernidad y seriedad de la empresa, para promover una imagen suave y sin sorpresas, y la tipografía Helvetica de 1967 correspondía exactamente a este objetivo.


AMERICANHELVETICA2024.png


- 1984: NESTLE. El diseño vuelve a ser dibujado y el texto se mueve a la parte inferior, ahora se lee "Nestlé" en una tipografía personalizada (Helvetica). Hace más evidente que el final de la 'N' se extiende hacia la derecha, que está bloqueada por la 'tl', creando un acento agudo sobre la 'e'. Además, el diseño del logotipo se reduce a dos aves jóvenes sin el gusano del pico de la ave madre, y las subsidiarias reciben nombres estandarizados en combinación con "Nestlé".

Nestle-Logo-Fonthelvetica2024.jpg

- 1985: HELVETICA BLACK SCOTCH. Este logotipo ha cambiado con frecuencia a lo largo de la historia de la empresa, y no fue hasta que la empresa 3M comenzó a utilizar Helvetica que finalmente estableció su imagen de marca y la de sus productos. ¡Algunos logotipos creados hace más de 40 años todavía están en uso hoy! El logotipo de Scotch durante el rediseño "Helvetica" se escribió por primera vez en Helvetica Bold (1979), antes de adquirir más grasa y escribirse en Helvetica Black (1985).

ScotchHELVETICA.png

- 1989: TIPOGRAFIA OFICIAL METRO NY: Uno de los usos mas conocidos de la tipografía es su uso en la señalética del metro de Nueva York, la cual se estableció como tipografía oficial en 1989. Hay 468 estaciones de metro en esa ciudad y transitan al rededor de 5.4 millones de viajes a la semana. Actualmente también se utiliza como tipografía oficial en el metro de Washington DC, de Chicago y de Londres. Lo que la hace una de las tipografías mas vistas del mundo.

HelveticaNY2024.jpg
HELVETICA2024ny.jpg






- 1994: TUPPERWARE. Tupperware siempre ha tenido logotipos que son típicos de su época en cada rediseño, que culminó con un encantador logotipo de los setenta en 1974. Pero 20 años después, en la era de los microondas y las comidas preparadas, las cocinas ya no son de color marrón oscuro sino más claras y todo se ve más limpio. Se hacía necesario un rejuvenecimiento para que la marca entrara de lleno en el nuevo milenio que se avecinaba. Misión cumplida, este logotipo de 1994 todavía se ve moderno en 2020.

TUPPERWAREHELVETICA2024.jpeg

-ACTUALIDAD: EN REDES SOCIALES WSP FB IG Facebook, habría allanado el camino para su uso cada vez más masivo en el sector publicitario, dando lugar al término inglés «Helveti-topia», una era en la que la fuente dominará indiscutiblemente en el sector publicitario.

Helveticaredesss.jpeg


Proceso Creativo: Infografía Helvetica

Boceto diagramación

Proceso 1 Bocetos.jpg
Proceso 2 Bocetos.jpg









Para comenzar a crear la infografía, se trabaja con un boceto hecho a mano. Con los temas designados a tratar (historia, línea de tiempo según marcas y construcción de la letra) y la información encontrada, se realizaron esquemas definiendo su orden y distribución, pensando en como será visualizado por el lector.


HELVETICA HECHOAMANO.jpeg
HELVETICA HECHOAMANO2.jpeg


La historia se presenta en el lado izquierdo, luego al lado derecho se visualiza la construcción de la helvetica y finaliza con una línea de tiempo mostrando la helvetica trabajada en marcas y logos.



Ilustraciones análogas

A.helvetica.grupo7.jpg

Proceso ilustraciones análogas.jpeg




Ilustraciones digitales

Primera Versión

Fue trabajada utilizando illustrator, realizando las partes por separado utilizando la misma paleta de colores. La portada fue realizada con la intención de demostrar el país de origen de la tipografía, por ello la cruz de fondo como referencia a suiza. Por otro lado el trabajo tipográfico del título fue dirigida a las lineas de metro, por su relevancia en la historia de la helvetica.

Versión Final

En esta versión, fue dirigida la linea gráfica en destacar su uso en la linea de metro de New york, por ello la paleta de colores cambio, con un fondo amarillo como lo es ahí y el color de las lineas del plano del metro.

Teniendo eso en cuenta, la portada utilizo ambos elementos y mantuvo su la modificación en la tipografía de "Helvetica". Mientras que la parte infográfica se realizo un nuevo esquema de organización para la linea temporal, utilizando las lineas de metro principalmente para dirigir el orden de la información.



Proceso Digital: Infografía Helvetica


Uso de Illustrator para ilustraciones

El illustrator se utilizo para crear las ilustraciones de fondo de la portada y la infografía.

En la portada fue un rectagulo de fondo, hacer el plano con la plumilla, por ultimo la parte del texto, el titulo principal se genero con un cuadro de texto y dos lineas para alargarla creadas con la pluma, mientras que el subtitulo fue con un cuadro de texto simple con una tipografia "helvetica" version bold tamaño 22 pt

En la infografía se utilizo la herramienta de rectangúlo para generar el fondo, para elegir el color de este se utilizo la inspiración de una imagen del plano del metro, con la imagen insertada se selecciono para luego en la barra de la herramientas, seleccionar " objetos" y luego "Crear mosaicos de objetos", desde ahi se tomo la gama una gama de colores para el fondo con el "gotero". Luego para generar las "lineas de metro" con la herramienta de pluma se realizaron las lineas que luego en el menu de "propiedades" se modifico el "trazo" poniendo curvos y cuadrados dependiendo de donde pase el trazo para su legibilidad. los colores de ellos se uso la misma estrategia de antes del gotero. Las imagenes utilizadas de logos se descargaron en formato png por lo que al colocarlas no tenían fondo, mientras que las otras más complejas como el cartel, el autor, la maquina de linotype y la construcción se necesito hacer un "calco de imagen", para ello se coloco la imagen luego se calco con la herramienta " calco de imagen", se edito los detalles para su mayor elegibilidad y se expandió. Para algunas se necesito editar los vectores generados para ellos se tuvo que desagrupar y editarlos, por ejemplo la imagen del autor se necesito para quitarle el fondo, mientras que en la construcción de las letras para editar las partes de las lineas que se hayan curvado en el proceso.




Adaptación en InDesign

La adaptación consistió en la diagramacion de los textos en funcion de la ilustración, para colocamos las ilustraciones en el espacio designado para luego designar el espacio de los textos, desde ahí respecto a las guías inteligentes y las guias generadas desde la diagramación dispusimos del texto.

Se utilizo la tipogtrafía " Myriam Pro" en versión regular en los textos normales en un tamaño 16 pt, mientras que en los textos de dentro de las lineas de metro están en su versión bold en 18 pt, finalmente los años de la linea estan en tamaño 20 pt y en su versión Regular.




Infografías completas

Primera Versión

PG2024 Proyecto grupal HELVETICA1.jpg
PG2024 Proyecto grupal HELVETICA2.jpg

Versión Final

P.helvetica.jpg
Lineametro.temporal.final.jpg