PAC 2MANUAL DE IDENTIDAD GRÁFICA

WEST SIDE STORYSONIA ÁLVAREZ CAMPÁ

• Breve Introducción.• Identificadores gráficos.• Símbolo o Imagotipo.• Logotipo.• Fotografía.• Tipografía.• Colores.• Imagería i aspectos compositivos.• Rasgos estables y libres del programa.• Programa principal i subprogramas.• Ejemplos pràcticos de aplicación.

WEST SIdE SToRy. Film estadounidense, también conocido como Amor sin barreras. Año:1961Género musical: drama, dirigido por Robert Wise y Jerome Robbins. Actores: Natalie Wood, Richard Beymer, Rita More-no, George Chakiris y Russ Tamblyn en los papeles principales.Inspirada en: Romeo y Julieta de Shakespeare.La música: Leonard Bernstein.

Ganadora de diez Óscar: Mejor película, mejor director, mejor actor de reparto (George Cha-kiris), mejor actriz de reparto (Rita Moreno), mejor dirección artística, mejor música, me-jor fotografía, mejor sonido, mejor vestuario, y mejor montaje, y además fue candidata al mejor guion.

Dis

eñ

o d

e I

de

nti

da

d G

ráfi

ca

We

st

Sid

e S

tory

- S

on

ia A

lva

rez

Ca

mp

á

BREVE INTRODUCCIÓN

Carátula West Side Story. ya que existen mul-titud de versiones, me he basado en la ver-sión oficial desarrollada por Saul Bass, ya que fue un pionero del diseño gráfico que centró su trabajo tanto en el cine, (su faceta más co-nocida), como en la identidad corporativa.Su forma de trabajar es muy sencilla téc-nicamente, pero compleja semánticamente:

• Construye formas orgánicas sencillas • Estas formas transmiten una gran energía visual • Utiliza tipografía dibujada manualmente.• Retórica: la ambigüedad y la metáfora suelen ser centrales en su trabajo.

Este manual sigue la estética gráfica del cartel de Saul Wass i que el film.

Dis

eñ

o d

e I

de

nti

da

d G

ráfi

ca

We

st

Sid

e S

tory

- S

on

ia A

lva

rez

Ca

mp

á

Elementos que sirven para construir la identidad gráfica.

Los identificadores independientes (con capacidad identificadora autónoma) son:

Símbolo gráfico Logotipo

Los identificadores complementarios (sólo tienen capacidad identificadoracuando se combinan entre ellos):

TipografíaColorImagería

IDENTIFICADORES GRÁFICOS

Dis

eñ

o d

e I

de

nti

da

d G

ráfi

ca

We

st

Sid

e S

tory

- S

on

ia A

lva

rez

Ca

mp

á

Conjunto icono-textual. Tanto el texto como el símbolo están claramente diferenciados i pueden funcionar por separado.Está formado por el texto (siguiendo la línea de la película), siluetas de escaleras de incendios y siluetas de dos bailarines.Todo sigue la temática urbana del film, pretende evocar una casa de vecinos, carteles rasgados, bailarines, graffitis, el fuego, etc…

original en naranjaVersión letras rojas

Versión escala grises Versión en blanco (positiva) Versión en negro (negativa)

Versión fondo rojo

IMAGOTIPO

Dis

eñ

o d

e I

de

nti

da

d G

ráfi

ca

We

st

Sid

e S

tory

- S

on

ia A

lva

rez

Ca

mp

á

Identificador solamente formado por la tipografía.El logotipo tiene relación con el argumento del film, un conjunto con inspiración en el Street art, graffiti y el tono urbano de la película. destaca su verticalidad. Las letras tienen salpicadura estilo “roto” o “grunge” que pretenden emular la pintura descascarillada de un viejo edificio, i/o las llamas de un fuego que destruye y dota de un aspecto viejo y roído. Tipografía manual realizada en los años 50. Podemos observar que el logotipo está creado de for-ma regular hasta que nos encontramos con dos letras de tamaño más pequeño (un 25% menos), estratégica-mente colocadas debajo de la letra T. Como otro rasgo característico, la horizontal de la pri-mera letra T está ligeramente alargadaen su parte izquierda para cobijar la letra S más pequeña. En el caso de la segunda T, su horizontal está alargada hacia el ladoderecho. Las líneas vertica-les provienen de las planti-llas que se utilizaban antigua-mente.

Estas 3 fotografías del film representan perfectamente los símbolos que podemos ver en el imagotipo:-Las escaleras de incendios.-El baile.-El fuego, las llamas de las letras del logo-tipo.

LOGOTIPO

FOTOGRAFÍA

Dis

eñ

o d

e I

de

nti

da

d G

ráfi

ca

We

st

Sid

e S

tory

- S

on

ia A

lva

rez

Ca

mp

á

Tipografía principal:

La tipografía original diseñada para la carátula del film, la realizó Saul Bass. diseñador grá-fico que ideó el cartel junto con la tipografía totalmente a mano. Se diseñó en 1950, cuando no existía la tipografía digital, por tanto realizando una labor de búsqueda para encontrar una fuente digital similar, obtenemos la tipografía dirty Ego.

Esta versión digital, fue creada por el diseñador, fotógrafo, ilustrador y artista brasileño Eduardo Recife en 2001.

Es una tipografía abstracta, sans serif, de apariencia sucia, mezclada con elementos de plantilla. Su clasificación según la Vox- Atypi es: decorativa / Fantasía.

Tipografía con licencia libre. Formato True Type Font, totalmente compatible con sistema operativo Windows, Mac y Linux.

Sólo dispone de mayúsculas, escribiendo las letras en caja baja para emular una versión más sucia que las de caja alta.

AB C C D E F G h I j k L M N ñ O P q R ST U -Vwxyz1234567890 , . - ´ ç+ ` ¡ ’ ! ” · $>%/()=?¿

TIPOGRAFÍA

Dis

eñ

o d

e I

de

nti

da

d G

ráfi

ca

We

st

Sid

e S

tory

- S

on

ia A

lva

rez

Ca

mp

á

Tipografías Secundarias:

Como tipografía secundaria, para los créditos del cartel se ha utilizado la tipografía News Gothic.Tipografía de peso medio, sans serif, sigue el modelo grotesco.Tiene como distintivo extremo romo en el ápice de la t minúscula, y la ubicación de la cola de la Q mayúscula completamente fuera del recipiente.durante gran parte del siglo gótico Noticias XX fue utilizado en el periódico y revistas.News Gothic está disponible en anchos estándar, condensados condensados y extra, cada una con un juego atrevido y cursiva.

ABCCdEFGhIJkLMNñoPQRSTUVWXyz abccdefghijklm-nñopqrstuvwxyz1234567890 , .-´ç+`¡ ’ !” ·$>%/()=?¿A destacar también, que en los títulos de crédito finales de la película West Side Story, Saul Bass, crea una pieza gráfica que destaca por el uso de la tipografía de diferentes tipos y tamaños que se funden con el fondo para formar un muro Street Art, que adquiere personalidad propia y relación con el argumento del film.

Tipografías impresas

En todos los productos impresos se utiliza la tipografía principal: dirty Ego.

TIPOGRAFÍA

Dis

eñ

o d

e I

de

nti

da

d G

ráfi

ca

We

st

Sid

e S

tory

- S

on

ia A

lva

rez

Ca

mp

á

Colores principales

Se puede observar que todo el cartel, incluyen-do logo, está formado por tintas planas.La combinación de color que se utiliza es: con-traste fuerte de luminosidad. Formado por 1 co-lor muy saturado (el naranja), blanco y negro.Uso de un naranja vibrante para llenar toda la pantalla como color de fondo.El título del film (tipografía principal) y el sím-bolo de las escaleras, utilizan el color negro que contrasta fuertemente con el fondo.Los créditos (tipografía secundaria), y el símbolo de los bailarines, utilizan el color blanco.

Colores Secundarios

Nos encontramos el logotipo en diversos colores dependiendo de la carteleria consultada, ya que existen multitud.de versiones.

RGB255 255 255

CMyk0% 0% 0% 0%

hSB0 0 100

RGB251 63 0

CMyk0% 0% 0% 0%

hSB15 100 98

RGB255 255 255

CMyk86% 85% 79% 100%

hSB0 0 0

COLOR

Dis

eñ

o d

e I

de

nti

da

d G

ráfi

ca

We

st

Sid

e S

tory

- S

on

ia A

lva

rez

Ca

mp

á

Como rasgos estables: que se caracterizan en la identidad gràfica nos encontramos la tipografia del logotipo. Transmite la esen-cia del film y siempre es la misma. Prác-ticamente es el único rasgo que no varia entre la multitud de versiones que existe del programa.

Como rasgos variables: tenemos el color de fondo del logotipo, en muchas ocasiones lo encontramos de color rojo, y otras en multitud de tonalidades. Lo mismo sucede on el color del logotipo.

otro aspecto variable serían los símbolos de los bailarines y las escaleras que apare-cen o desaparecen en función del producto. y también van cambiando de color; negro, blanco o rojo.

Programa Principal: Forma part del progra-ma principal:

-Color logotipo: negro, blanco, rojo-Color de los símbolos gráficos: se pueden alternar entre negro blanco y rojo.-Color de fondo principal del logo: Naranja pero también se admite en rojo.-Tipografía principal: dirty Ego-Tipografía secundaria: News Gotic.-El logotipo siempre debe ir estructurado en 3 líneas (una línea por palabra) para re-saltar su verticalidad.-Representar el tono urbano, street art, y el género musical y de los años 60 del film.

Subprogramas: No existen.

RASGOS ESTABLES y VARIABLESPROGRAMA PRINCIPAL

Dis

eñ

o d

e I

de

nti

da

d G

ráfi

ca

We

st

Sid

e S

tory

- S

on

ia A

lva

rez

Ca

mp

á

Este apartado se describen y relacionan las características de los productos presenta-do en el apartado siguiente: programas de aplicación.

Carátulas dVd, y bandas sonoras.En todas observamos que se respeta la tipografía de logotipo. y el color también, ya que nos lo podemos encontrar en rojo o negro. Existen múltiples versiones de fondos, con diferentes dibujos i/o imágenes.

Camisetas y Sudadoras:Se respeta la tipografía y color de fondos, ya que se utilizan los colores principales o secundarios. hay una camiseta con el logotipo de color plateado que no respetaria el programa de identidad.

PóstersAquí es donde hay una gran diversidad, la tipografia se respeta y el color también, usan colores principales o secundarios. En los fondos observamos mucho la utilización de colores secundarios.

Productos varios.de nuevo se respeta la tipografia, es basicamente roja o negra. y en algunos productos (cuadernos y carpetas) vemos que se ha utizado la tipografía de los créditos del final del film.

IMAGINERÍA y COMPOSICIÓN

Dis

eñ

o d

e I

de

nti

da

d G

ráfi

ca

We

st

Sid

e S

tory

- S

on

ia A

lva

rez

Ca

mp

á

CARÁTULAS dVd y BANdAS SoNoRAS

CAMISETAS Y SUDADERAS

PÓSTERS

PRODUCTOS VARIOS

Llaveros, carpetas, libretas, tazas, gorras.

PROGRAMAS DE APLICACIÓN

Dis

eñ

o d

e I

de

nti

da

d G

ráfi

ca

We

st

Sid

e S

tory

- S

on

ia A

lva

rez

Ca

mp

á

BIBLIOGRAFÍA y FUENTES

West Side Story (1961) Credits - youTube http://www.youtube.com/watch?v=C36llSobVhcSaul Bass. Las metáforas ambiguas de un maestro del diseño « Código Visual http://codigovisual.wordpress.com/2009/03/14/saul-bass-las-metaforas-ambiguas-de-un-maestro-del-diseno/dirty Ego Font | dafont.com http://www.dafont.com/dirty-ego.font?nb_ppp=50&text=WEST+SIdE+SToRyWest Side Story Posters and Prints at eu.art.com http://eu.art.com/gallery/id--b18528/west-side-story-prints.htm?ui=481d8C20BB084C63B583CE1C474AA41F&WT.cg_n=Search+Ahead&WT.oss=West+Side+Story&SSk=West+Side+StoryWelcome to WestSideStory.org! http://www.westsidestory.com/site/level2/merchandise/merchandise.htmlWest Side Story - WTF Forum « MyFonts http://myfonts-wtf.s3.amazonaws.com/e0/e081cb17e2ca49dee-24568f232f35c01.14584.jpegWest Side Story Regalos, Camisetas, Stickers, & mas - CafePress http://shop.cafepress.es/west-side-storySaul Bass | West Side Story (1961) title sequence http://annyas.com/screenshots/updates/saul-bass-west-side-story-title-sequence-1961/Carátula West Side Story http://www.imdb.es/media/rm3878337280/tt0055614Merchandise at West Side Story Store http://westsidestory.com/store/page1.htmlWest Side Story movie posters at MovieGoods.com http://www.moviegoods.com/movie_poster/west_side_story_1961.htmhablemos con propiedad: logotipo, isotipo, imagotipo, isologo, imagen corporativa, identidad... | Brandemia | Branding, Marcas e Identidad Corporativa. http://www.brandemia.org/hablemos-con-propiedad-logotipo-isoti-po-imagotipo-isologo-imagen-corporativa-identidad/West Side Story dVd http://www.shopwiki.es/l/West-Side-Story-dVdIdentidad gráfica - GRF Wiki http://multimedia.uoc.edu/~grf/index.php/Identidad_gráfica

* Resto de imágenes son de creación propia.