lunes, 24 de abril de 2017

2.B. Post de investigación: Pictogramas para edificios públicos

En el post de hoy os hablaré de los pictogramas realizados por Otl Aicher, Wolf Ollins y los pictogramas olímpicos y paralímpicos de Rio 2016.



Otl Aicher



Otl Aicher, nace en Ulm en el 1922 y muere en Rotis, en 1991, Es un diseñador gráfico y tipógrafo nacido en Alemania, donde establece su propio estudio de diseño.

Estudia escultura en Munich, “Akademie der Bildenden Kunste” o lo que es lo mismo en la academia de bellas artes.

En 1946 junto a Max Bill forman Hochschule für Gestaltung, la escuela de diseño de Ulm, que a diferencia de la Bauhaus, descarta el arte y la exaltación de la forma en sus aulas. De este modo insertaron el diseño en el ámbito industrial.

Aicher es partidario de que anteponer lo abstracto a lo concreto, crea una falsa jerarquía,
un orden que puede confundir a las culturas.

Entre sus creaciones cuentan imágenes corporativas como la de Braun, Lufthansa, los juegos olímpicos de Munich y es el autor de sistemas de signos en la comunicación visual y de analógico y visual.

Ha recibido varios premios, como el de la novena trienal de Milán, uno de los mejores carteles de la RFA y otro de tipografía de Ihnsbruck.

En 1966 tras varias sesiones y reuniones para buscar solución a los sígnos y la simbología en el transporte y el turismo, se establecieron unos requisitos necesarios para que no pudiese llevar al error, el objetivo es que todas las personas puedan entender con una lectura rápida lo que simbolizan.













Aicher sabía las ventajas de un lenguaje pictórico comprensible, lo analizó en un viaje a Japón, cuando

experimentó limitaciones con la lengua nacional al intentar comunicarse. Tiempo después a Aicher le habían encargado de desarrollar tanto el sistema de señalización para el aeropuesto de
Frankfurt como los pictogramas de los juegos olímpicos de Munich.

Se estandarizó la imagen de situaciones básicas de circulación, aseos masculinos y femeninos, metro, marina, animales, direcciones, construcción....



Los pictogramas olímpicos de Otl Aicher

Para los Juegos Olímpicos de Munich en 1972 Otl Aicher diseño una serie de pictogramas basados en una estructura reticular rígida que proporcionaban una total coherencia a todo el sistema de señales. A pesar de su simplicidad estos signos se convirtieron en modelo para el desarrollo de sistemas de información similares.





En 1966 los organizadores de los JJOO se pusieron en contacto con el, y uno de sus contactos claves
del destino de estos pictogramas, fue el diseñador Masaru Katsumie, diseñador de los pictogramas de los JJOO de Tokio, con el cual tuvo varias conversaciones y asesoramiento.

Partiendo del trabajo realizado en el 64, crea un set de pictogramas que interpretan el deporte en cuestión, así los visitantes, deportistas y espectadores, podrían encontrar su camino.






En este proyecto utiliza una paleta de colores brillantes, elegida especialmente para los JJOO, estos diseños están especialmente influenciados por los pictogramas DOT, desarrollados en 1974 por el departamento de transporte de Estados Unidos.

Por supuesto, también ayuda a diseñar el logotipo de las Olimpiadas de Munich, el cual tuvo muchas fases de diseño y un gran equipo de diseño antes de finalizar el encargo.

Los colores utilizados en los juegos, reflejan los tonos de los Alpes, montañas en azul y blanco, pero la paleta también incluía verdes, naranjas y plateados.

Estos colores no solo eran estética, si no que se creó un lenguaje para la ocasión, ayudando situar a los medios, los servicios técnicos, celebridades, funcionarios... Además del propio Staff de las olimpiadas, que utilizaba su código de color para organizarse.

Para el logotipo utilizó la tiopogrrafía Univers. Además produjo una cantidad de 21 posters deportivos con la paleta de colores seleccionada.




Webgrafía:

http://typographyininformationdesign.blogspot.com.es/2012_05_01_archive.html
http://www.brandemia.org/un-grande-del-branding-otl-aicher/
https://es.wikipedia.org/wiki/Otl_Aicher


-----------------------------------------------------------------------------------------------------



RIO 2016


En 2016, por primera vez se celebraron los Juegos Olímpicos en un país sudamericano como Brasil, en Río de Janeiro. A continuación, hablaremos de los diferentes elementos que componen la imagen corporativa de Rio 2016.


La imagen corporativa

Fue realizada por el comité de Rio 2016 y tardaron más de 1 año en realizarla.
Sería la imagen base del diseño de productos oficiales (carteles, uniformes, tiendas, entradas y ambientación de recintos…). Usaron tonos cálidos, con trazos abstractos y figuras icónicas de Rio de Janeiro (Cristo de Corcovado, Pan de Azúcar o los Arcos de Lapa).

Vídeo: https://www.youtube.com/watch?v=bH57pbZ5vjI



Marcas Gráficas

Las marcas de los juegos olímpicos y paralímpicos: Fueron realizadas por el estudio Tátil Design, en Rio de Janeiro (ganadores del concurso en el que participaron otras 139 agencias). En su elaboración intervinieron más de 40 personas.

Es la primera marca-escultura tridimensional en la historia de los Juegos Olímpicos. Tiene como lema “Abrazo”, da la bienvenida con un abrazo, es una invitación de Río al mundo, y representatres figuras que se cogen de la mano, simbolizando unión y compañerismo. Representa modernidad y la pasión por los juegos. Y además, hay quien puede ver la “R” o incluso la palabra “Rio” en sus formas. Colores; el amarillo simboliza el sol de Rio, el azul el agua del mar y lagos y el verde los bosques.

Para la marca de los juegos paralímpicos crearon una imagen más minimalista, con colores cálidos y con una composición análoga, con una forma parecida a la de un corazón, representando la pasión y transformación.

Como sucede siempre, estas marcas causan polémica, ha sufrido desde acusaciones de plagio por parecerse al cartel de carnaval de Salvador (Brasil) y a la fundación norteamericana de Telluride Foundation, hasta críticas y debates sobre el nivel de representación que transmite, tanto de la ciudad
de Rio, como de la idea de deporte, pero aun así ha sido bien recibida.


Vídeo:
https://vimeo.com/18331485
https://vimeo.com/34464900








Fuente Tipográfica

Fue realizada por la sede brasileña del estudio londinense Dalton Magg. Tardaron 8 meses y tiene 5.448 caracteres. Es una de las pocas tipos creadas por un equipo brasileño.

Es una tipo exclusiva para los Juegos y se han inspirado en las letras y números de las marcas de Rio 2016.

Cada caracter expresa una característica de los Juegos, del pueblo y la ciudad. La fuente “dibujada” transmite la esencia de las marcas (pasión y transformación). Esta tipo sería una fuente Script, con trazos gruesos y delgados que surgieron de la idea del pincel en el papel, transmitiendo fuerza y ligereza, con líneas continuas en las uniones, conservando los trazos curvos de las marcas.Realizada con un movimiento ágil y fluido, representando los movimientos de los atletas.



Vídeo: https://www.youtube.com/watch?v=hsuzs_tJqxQ







Pictogramas

Fueron realizados por el Comité Olímpico de Rio 2016. Tardaron 16 meses. Se realizaron 64 pictogramas (41 olímpicos y 23 paralímpicos).

“Pictograma” viene del griego y latín y significa “palabra pintada”, en un principio se inspiraron de este significado para hacer los primeros bocetos de los pictogramas de Río.

Para realizarlos se basaron en las marcas y tipografía ya diseñadas. Las figuras se construyeron a partir de los caracteres de la tipo, o con partes de ella. Primero se dibujaron a mano y después se digitalizaron para que siguieran los contornos de las letras.

Eran figuras orgánicas, con trazados suaves, curvos, fluidos y libres, con variaciones de trazo para dar profundidad, con movimiento. Eran limpios y claros. Representando cada deporte y curvas naturales de las colinas y playas de Rio de Janeiro. Para los iconos paralímpicos, se integró a los atletas con sus deportes y discapacidades de forma equilibrada y natural, haciendo visible las prótesis, vendas…

















Por primera vez se realizaron los pictogramas para los juegos paraolímpicos.

Cada figura está dentro de una forma triangular muy redondeada, la cual cambian su forma según el movimiento o posición de la figura que alberga.

Esta forma recuerda a las piedras gastadas por el mar que hay en las playas
de Rio.

Pueden utilizarse tanto dentro como fuera de la forma y en diversos colores.

Se usaron en toda la identidad visual de los Juegos (decoración de espacios, señalización, entradas, productos de merchandising…)


Vídeo: https://www.youtube.com/watch?v=sxkrS0LCegE



Mascotas

Realizados por el estudio de animación Birdo Studio, en São Paulo

Vinicius; animal amarillo con rasgos de gato y mono, representa la fauna de Brasil.

Tom; muñeco azul con cabello en forma de árbol frondoso, simboliza la flora nacional, que se transforma, creciendo y superando obstáculos.


Los cuales realizaron unos “iconos-ilustrativos” con la mascota de los Juegos realizando los diferentes deportes, estos “iconos-ilustrativos” entre otros elementos gráficos se usarían en los diversos artículos dirigidos mayormente a niños.













Webgrafía:


http://arqa.com/diseno/diseno-grafico/se-crearon-logotipo-las-fuentes-los-juegos-olimpicos-2016.html


------------------------------------------------------------------------------------------------------------------



Wolff Olins







Wolff Olins se trata de una consultoría de marca formada por 150 componentes: directores de programas, diseñadores, estrategas, tecnólogos y educadores, que entre todos proporcionan a la empresa una amplia mezcla

de estilos y habilidades.

Esta comunidad fue fundada en 1965, en Camden Town, Londres, por el diseñador Michael Wolff y el ejecutivo de publicidad Wally Olins con el fin de ayudar a las empresas a salir de su anonimato. Wolff dejó el negocio en 1983, y Olins en 2001.

Incluso en una época conocida por la amplia experimentación, Wolff Olins fue radical, creando desde el principio una obra innovadora y comercialmente exitosa.

Con los años, Wolff Olins ha abierto oficinas en Hamburgo, París, Madrid y Lisboa, todas las cuales se cerraron posteriormente. Actualmente se encuentran situados en tres centros; uno en Londres, otro en Nueva York y otro en San Francisco. Además, forma parte del Omnicom Group desde 2001.

Wolff Olins trabaja y colabora con expertos de todo el mundo con el fin de diseñar negocios mucho mejores empleando la creatividad de una manera diferente y más efectiva. Han trabajado en distintos sectores; tecnología, cultura, comercio minorista, energía y utilidades, medios de comunicación y organizaciones sin ánimo de lucro.

Ayudan a sus clientes a establecer sus propósitos, estrategias y métodos de crecimiento mediante la estimulación de la imaginación y la acción, y además han diseñado un ambiente (al que también acuden los clientes y colaboradores para reducir sus interacciones con la organización) que
fomenta los pensamientos positivos de los trabajadores, haciéndoles más ambiciosos, receptivos y conectados entre sí.

En 2012, la firma fue reconocida por The Sunday Times como una de las mejores pequeñas empresas para trabajar y por Ad Age como uno de los mejores lugares para trabajar en los medios de comunicación y marketing. “El mundo ha cambiado dramáticamente, pero nuestra confianza en el poder del individuo permanece. Hoy en día, la tecnología amplifica este poder.”

La firma ha trabajado con compañías como Apple Records (1968),VAG de Volkswagen (1978), Orange (1994),Tate (2000), Sony Ericsson (2006), Juegos Olímpicos y Paralímpicos 2012 (2007), Mercedes-Benz (2009), Museo de Arte Asiático (2011), NBCUniversal (2014), ZocDoc (2016), etc.

Si nos centramos en los pictogramas, encontramos los siguientes proyectos:



Unilever (2004).



Wolff Olins ha trabajado con Unilever desde 1969, sin embargo, en 2004 estuvieron ayudándoles para que comenzaran a ser más visibles al público. Tomaron la “vitalidad” como idea principal de la marca, y desecharon los productos que no se ajustaran a esta idea, reduciendo los 1.600 productos dispares que no se relacionan entre sí a sólo 400 marcasque realmente podrían estar a la altura.




Diseñaron los lugares de trabajo, el proceso de reclutamiento, inventaron nuevos productos y enseñaron a su gente cómo transmitir las historias que darían vida a la idea.Todo este cambio internonecesitaba reflejarse externamente, así que crearon una nueva identidad visual, en el centro de la cual estaba situado un logotipo con 25 iconos diferentes, que representaban sus muchas marcas.Visto de lejos, el logotipo en forma de U es sólido y unificado. Este logotipo lo apoyaron con la palabra “Unilever” manuscrita, añadiéndole calidez y humanidad.



USA Today (2012).

USA Today fue pionera en el uso de la narración visual, contando las noticias de una manera que la hizo relevante en Estados Unidos durante años. Sin embargo, con el paso del tiempo, esta marca, junto a muchos otros periódicos, quedó anticuada, recurriendo entonces a Wolff Olins para
conseguir su reposicionamiento. Estos diseñaron su identidad visual dinámica, su tipografía, iconos, sus campañas publicitarias, y unificaron el diseño del periódico digital y el impreso.






FutureLearn (2013).

FutureLearn fue la primera MOOC (Massive Open Online Courses)creada en Reino Unido. Necesitaba urgentemente una marca, recurriendo entonces a Wolff Olins que la diseñó para ellos basándose en la idea de “hacia delante y hacia arriba en la vida y en el aprendizaje”.

Su logotipo se trata de un icono de héroe escalonado,que refuerza la idea principal, con una ‘F’ oculta. El logotipo también contiene tipografía y color. El icono del héroe fue construido sobre una retícula, permitiendo crear los iconos demandados de la marca de manera rápida y eficiente.








Salma (2014).

La malnutrición y el acceso a la comida halal es un problema presente en las comunidades de refugiados. Además, las bajas tasas de alfabetización dificultan que los refugiados entiendan la comestibilidad y la certificación de la comida.

Por eso, Salma, un programa global de ayuda halal, encargó a Wolff Olins el diseño de un packaging desde la perspectiva del refugiado. Para ello, eligieron la iconografía de animales y plantas fácilmente reconocible como lenguaje de diseño primario, señalando a cualquier persona la comida que contenía, y dejando en segundo plano el resto de información.






ZocDoc (2016).

ZocDoc ayuda a millones de estadounidenses a encontrar en la red especialistas en los alrededores y a reservar citas al instante, sin embargo, quería llegar a algo más, para lo cual recurrió a Wolff Olins, que rediseñó su marca gráfica desde la perspectiva del paciente. El resultado fue un nuevo rostro de Zocdoc amigable, inteligente y simple, eliminando los azules y verdes, remplazándolos por una paleta optimista y cálida de color amarillo. Huyen de los conocidos escudos corporales y cruces, e incorporan a Zee, un dibujo de la letra dinámica Z con ojos que evoca un rostro siempre cambiante. Siguiendo la misma estética, crearon también una serie de iconos para la identidad flexible.








Oi (2016)

Oi es la mayor empresa de telecomunicaciones tanto en Brasil como en Sudamérica; ofrece televisión por cable, teléfono móvil y teléfono fijo, e Internet. El rediseño de esta marca la realizó Wolff Olins junto a la oficina de Sao Paulo de Futurebrand. Multiplicaron por diez las variaciones del logotipo y las combinaciones de colores. Además, en las aplicaciones, la identidad mezcla todos sus elementos (tipografía, iconos, etc.) de varias maneras para mantener la identidad flexible.











Sin embargo, uno de los proyectos más sonados y polémicos de Wolff Olins fue el diseño del logotipo de las Olimpiadas de Londres 2012








Este, tras darse a conocer, causó un gran revuelo entre la opinión pública. Fue tachado de ser demasiado abstracto y no representar el espíritu de los juegos, incluso hubo quienes veían un parecido con la cruz gamada de la Alemania nazi. Se creó además el sitio web ChangeThe London 2012 Logo, en el que se recogían firmas para pedir el cambio del logo.

La marca gráfica para los Juegos Olímpicos solía seguir plantillas correctas y estar dirigida a audiencias reducidas, pero Londres había ganado los Juegos de 2012 con la promesa de una amplia participación y legado. Olímpicos son todos, 2012 sólo es uno. La idea de la marca fue: “Como
nunca antes”, capturando la intención del 2012 para romper el molde olímpico.

La marca necesitaba ser juvenil (para atraer al público joven) y enérgico, que consiguieron mediante el desarrollo de la línea de energía de la red a partir de la cual se construyó el logotipo final.

El resultado fue un logotipo moderno y nervioso, sin imágenes deportivas ni alusión a Londres. Sin embargo, su característica más importante fue su flexibilidad frente a la rigidez de los logotipos olímpicos anteriores; Este logotipo podía rellenarse con imágenes deportivas o con los colores de los
patrocinadores.

Además, otra de sus invenciones fue que los Juegos Paralímpicos y los Olímpicos fueron tratados como iguales, con los mismos patrocinadores y sus propias variantes de un solo logotipo compartido.

En 2012, la marca London 2012, desarrollada por Wolff Olins en 2007, fue incluida en Extraordinary Stories about Ordinary Things.






En cuanto a los pictogramas para estos juegos Olímpicos y Paralímpicos, su diseño recayó en SomeOne y su grupo de trabajo. Esta vez, los pictogramas ofrecen dos versiones: la primera es más descriptiva y convencional, y la segunda es más colorida y dinámica, cada una de ellas con distintas aplicaciones.

Los primeros tienen un carácter informativo y son en blanco y negro, sin embargo, los segundos siguen la línea gráfica del logo. El uso de ambos colores le da un aire atrevido, arriesgado y un cierto tono graffitero. La inspiración no es nueva,tiene su origen en los famosos animales del metro de Londres.

Son imágenes audaces y dinámicas, que capturan la energía y el color de los Juegos. Cada deporte se ilustra con simplicidad gráfica y la forma en que incorpora la identidad visual icónica del metro de Londres es genial.











Webgrafía:

http://www.wolffolins.com/
https://en.wikipedia.org/wiki/Wolff_Olins
http://graffica.info/londres-2012-otro-logo-polemico/
http://graffica.info/y-despues-del-logo-luz-verde-a-los-pictogramas-para-londres-2012/
http://www.someoneinlondon.com/project/london_2012s_brandworld/
http://typographyininformationdesign.blogspot.com.es/2012_05_01_archive.html
http://www.brandemia.org/un-grande-del-branding-otl-aicher/
https://es.wikipedia.org/wiki/Otl_Aicher



Espero que les haya gustado.
Hasta la próxima.

1.B Post de investigación: Identidad Corporativa de escuelas de Diseño


En este post os hablaré de la identidad corporativa de dos escuelas de diseño, una nacional ELISAVA y otra internacional SAIC.



ELISAVA





ELISAVA, Escuela Universitaria de Diseño e Ingeniería de Barcelona se trata de un centro docente de la Universidad Pompeu Fabra que fue fundada en 1961 en Barcelona. Es la primera escuela de diseño de España. En el año 2000 fue galardonada con un Premio Nacional de Innovación y Diseño, y desde el 2013 se encuentra entre las 100 mejores escuelas de diseño y arquitectura de Europa según la revista Domus.

ELISAVA ofrece estudios de diseño gráfico y comunicación, de diseño de producto, de ingeniería en diseño industrial, de diseño de espacio interior, de arquitectura, de moda y de estrategia en diseño.



Esta escuela ha presenciado un reciente cambio de imagen realizado por el estudio de diseño gráfico DosGrapas, con sede en Barcelona, que mantiene sus valores de dinamismo e innovación. Esta
nueva identidad huye de la ornamentación superflua y del uso de recursos estandarizados o prototípicos. Optaron por un diseño limpio y elegante, y una actualización del nombre de la escuela partiendo del diseño original de Eumogràfic, cambiando “Escuela Superior de Diseño” por “Escuela Universitaria de Barcelona”. Mantienen las palabras Diseño e Ingeniería, destacándolas en negrita.

ELISAVA presenta un logotipo tipográfico, empleando la tipografía Camber, creada por Eduardo Manso, escogida por su carácter geométrico y técnico. Esta tipografía aporta unidad al conjunto de la
identidad.

El logotipo de esta escuela tiene tanto una versión vertical como una versión horizontal.






En cuanto a la composición, el código visual y el sistema gráfico se ha creado a partir del esqueleto de la letra “E” a modo de homenaje a la “E” que formaba parte del primer logotipo de 1962 creado por Albert Ràfols-Casamada. La estructura de la “E” genera unas guías que son escalables a todas las proporciones que sean necesarias, siendo finalmente este recurso empleado en todos los elementos gráficos del centro universitario.

La escuela tiene una web limpia y organizada que además cuenta con un diseño responsive para facilitarles a los usuarios la navegación a través de dispositivos móviles. Estructuralmente, la web refuerza la opinión de los estudiantes resaltando el apartado “Testimoniales”, en el que aparecen las experiencias personales y académicas de los alumnos, y también resaltan los trabajos de los alumnos exponiendo una gran galería de proyectos.

Su diseño incorpora una interesante paleta de colores vivos que identifica cada departamento, dotándolos de personalidad.

Azul – RGB: 38/195/228
             HEX: # 26c3e4
Violeta – RGB: 192/162/224
                   HEX: # c0a2e0
Rosa – RGB: 251/129/190
              HEX: # fb81be
Verde – RGB: 125/205/194
                          HEX: # 7dcdc2
Rojo – RGB: 237/39/54
             HEX: # ed2736
Amarillo – RGB: 243/236/122
                              HEX: # f3ec7a









SAIC

En cuanto a SAIC, School of the Art Institute of Chicago, su logotipo se trata de una simple forma geométrica, cuadrada, moderna y flexible para todas las aplicaciones. Tiene tanto una versión horizontal como una versión vertical para uso externo, y una versión sólo con el cuadrado para nivel interno.



En cuanto a los márgenes de seguridad, tamaños mínimos, etc. Se debe dejar el ancho de una “S” como mínimo a un cuarto de pulgada. 

El tamaño mínimo es el de una pulgada de ancho para el cuadrado y media pulgada para la versión horizontal.

Para la web se utilizará la versión cuadrada sin el texto inferior. Esta versión también se utilizará siempre que el logo tenga que ser menor de 100px. La parte textual “SAIC” solamente podrá utilizarse cuando no haya otro remedio.
En cuanto a la posición espacial en documentos y demás material, siempre se intentará dejar 3 “S” a lo largo y a lo ancho.

Los usos incorrectos:
-                     No poner la tipografía sobre el cuadrado
-                     No deformar la pastilla de color
-                     No cambiar el cuadrado por un círculo, por ejemplo
-                     No girar la composición
-                     No poner trazo exterior al logo
-                     No reducir el logo más del mínimo específico




En cuanto a la tipografía, utilizan la familia completa de la Gotham, tanto en el logo como en la
imagen corporativa. Se trata de una tipografía geométrica, moderna y sin serifa, perfecta para
cabeceros, cuerpos en impresión y en web.
Lava es la tipografía con serif principal de la escuela; su legibilidad la hace perfecta para textos largos digitales e impresos.
La Transport Medium es una gran alternativa a la Gotham cuando ésta no se puede utilizar.
Y finalmente, la Meran Bold es la tipografía reservada para cabeceras de gran tamaño, ya que a tamaño pequeño no funciona.



Paleta de colores principal:
Amarillo – RGB: 247/220/5           HEX: #F7DC05
Naranja – RGB: 249/157/30           HEX: #F99D1E
Rosa – RGB: 236/11/136                HEX: #EC0B88
Violeta – RGB: 105/80/146            HEX: #695092

Azul – RGB: 61/152/211                HEX: #3d98d3
Verde azulado – RGB: 0/176/171  HEX: #00B0AB
 
Gris – RGB: 93/105/102                HEX: #5D6966
 
Negro – RGB: 0/0/0                       HEX: #000000



Paleta de colores secundaria:
Morado – RGB: 159/36/143              HEX: #9F248F
Marigold – RGB: 255/206/78            HEX: #FFCE4E
Coral – RGB: 255/113/117                HEX: #FF7175

 Poppy – RGB: 239/65/35                 HEX: #EF4123 

Navy – RGB: 30/70/101                    HEX: #1E4665
 
Lima – RGB: 225/227/39                  HEX: #E1E327
Marrón – RGB: 169/59/58                HEX: #A93B3A
 









Webgrafía:

http://sites.saic.edu/branding/visualidentity/

Vídeo: https://www.youtube.com/watch?v=j0hs6bYC5MU



Espero que les haya gustado.

Hasta la próxima.