SlideShare a Scribd company logo
1 of 10
Download to read offline
Manual d'identitat gràfica de llargmetratge
Imatge i llenguatge visual
Jordi Zango Novell
Curs 2012/2013 – Semestre 1 Aula 2
Estudiant del Grau Multimèdia – Universitat Oberta de Catalunya
Índex
Logo 3
Colors 4
Tipografia 5
Trets estables i variables 6
Imatgeria 7
Exemples pràctics d'aplicació 8
Bibliografia 9
Llicència 10
2
Logo
El logo està constituït només pel logotip, donat que no hi ha cap
símbol gràfic. La tipografia emprada recorda l'Art Deco del període
1920 – 1930.
El logotip, format per les dues paraules en anglès “The Artist”, es
presenta només en un format de distribució vertical en què
sempre apareix la paraula “The” damunt de la paraula “Artist”, tal i
com es mostra a la imatge.
S'evitarà l'ús d'altra tipografia, així com deformar l'aspecte del
logotip o canviar la distribució del text.
L'`àrea de protecció estarà present en ambdós costats del logo i
en la seva part inferior. La part superior pot acostar-se tant com es
vulgui a d'altres elements gràfics o compositius, sempre que no
sigui trepitjada per aquests.
L'espai a deixar en aquesta àrea de respecte vindrà determinat per
l'espai existent entre les lletres “t” i “i” de la paraula “Artist” ja que
serà, com a mínim, un espai equivalent a aquest.
3
Colors
RGB HEX CYMK (%) PANTONE Ús del color
0, 0, 0 #000000 0, 0, 0, 100 Color de fons.
213, 43, 30 #D52B1E 0, 80, 86, 16 485 2X Color de la paraula “The”.
255, 255, 255 #FFFFFF 0, 0, 0, 0 Color de la paraula “Artist”.
248, 222, 10 #F8DE6E 0, 10, 96, 3 120 Color secundari.
203, 132, 66 #CB8442 0, 35, 67, 20 21 Color secundari.
Després de guanyar els premis Oscar, s'incorporen els dos colors secundaris per a utilitzar-los en texts i elements variables.
S'empren fent un degradat d'un a l'altre color, per a recordar el color bronzejat de l'estatueta.
4
Tipografia
En l'àmbit d'una pel·lícula muda, la tipografia pren una gran rellevància, i encara més en l'època representada, en què la majoria de cartells
eren dibuixats i confeccionats manualment i les tipografies metàl·liques s'empraven quasi exclusivament en llibres i premsa. Les fonts que es
mostren són d'ús obligatori en uns casos i recomanat en d'altres, per millorar l'ambientació de la pel·lícula i de possibles productes derivats.
Scriptina – Present al logotip (obligatòria) Hermes – En ròtuls corporatius (recomanada)
The Ea1
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijlmnopqrstuvwxyz
1234567890¡!$%&/()¡?
Ea1
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijlmnopqrstuvwxyz
1234567890¡!$%&/()¡?
Nite Club – Present al logotip (obligatòria) Berliner Grotesk – Cartells d'àmbit cinematogràfic (recomanada)
Artist Ea1
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijlmnopqrstuvwxyz
1234567890¡!$%&/()¡?
Ea1
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijlmnopqrstuvwxyz
1234567890¡!$%&/()¡?
Silentina – Per a la transcripció de les al·locucions (obligatòria) Benguiat – Per a títols en publicacions impreses (recomanada)
Ea1
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijlmnopqrstuvwxyz
1234567890¡!$%&/()¡?
Ea1
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijlmnopqrstuvwxyz
1234567890¡!$%&/()¡?
Broadway – Utilitzada per a a cartelleria (recomanada) Alexei Copperplate – En cartelleria (recomanada)
Ea1
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijlmnopqrstuvwxyz
1234567890¡!$%&/()¡?
Ea1
ABCDEFGHIJKLMNOPQRSTUV
WXYZ
abcdefghijlmnopqrstuvwxyz
1234567890¡!$%&/()¡?
5
Trets estables i variables
Trets estables són el logotip i la seva tipografia,
que ha d'aparèixer sempre en el format que es
mostra, així com els colors vermell, blanc i
negre.
Com a tret variable, la imatge dels dos
protagonistes pot acompanyar ocasionalment al
logotip. Sempre però, es mantindran els colors
vermell, blanc i negre que, com ja s'ha dit, són trets
estables.
Altre tret variable és on s'ubica la imatge dels dos
actors respecte del logotip.
6
Imatgeria
Alguns conceptes motivacionals per al triatge
d'imatges que tinguin a veure amb la pel·lícula
són:
Art Deco, anys 20, gran ciutats, aglomeracions
de gent, cinema mut, cinema blanc i negre,
món del cinema, rodatge de pel·lícules,
estrelles de l'espectacle, precarietat econòmica,
opulència, lluita per triomfar, somni americà,
amor, interessos, fama, vanitat, humilitat.
En tot cas, les imatges sempre seran en
tonalitats dels colors blanc i negre.
7
Exemples pràctics d'aplicació
Pàgina web Cartell de cinema
Caràtula DVD Cartell promocional
8
Bibliografia
Annyas, Christian. The Artist vs. The Lettering Artist. [en línia]. http://annyas.com/artist-movie-typography-lettering/ [data de consulta:
29/10/2012].
Da Font. dafont.com. [en línia]. http://www.dafont.com/ [data de consulta: 29/10/2012].
Das, Saam. Film Review: The Artist. [en línia]. http://www.fadedglamour.co.uk/2012/02/film-review-artist-2011.html [data de consulta:
29/10/2012].
Ferrer Franquesa, Alba; Gomez Fontanills, David. (2010). Identitat gràfica. Barcelona: UOC.
Shawn Kirsten Maravel. Movie Review: The Artist. [en línia]. http://thegirlwiththegreenshovel.blogspot.com.es/2012/08/movie-review-artist.html
[data de consulta: 29/10/2012].
Steph's Scribe. The Charm and Creativity of “The Artist”. [en línia]. http://stephsscribe.com/2012/02/23/the-charm-and-creativity-of-the-artist/
[data de consulta: 29/10/2012].
The Academy of Motion Picture Arts and Sciences. Oscars.org. [en línia]. http://www.oscars.org/ [data de consulta: 28/10/2012].
Warner Bros. The Artist. [en línia]. http://www.warnerbros.fr/the-artist-8385.html [data de consulta: 29/10/2012].
Wikipedia. The Artist (film). [en línia]. http://en.wikipedia.org/wiki/The_Artist_(film) [data de consulta: 29/10/2012].
9
Llicència
Per a totes les imatges © Copyright, tots els drets reservats. Warner Bros (2011).
10

More Related Content

More from Jordi Zango Novell

Treball Final de Grau: "Storymaker"
Treball Final de Grau: "Storymaker"Treball Final de Grau: "Storymaker"
Treball Final de Grau: "Storymaker"Jordi Zango Novell
 
Disseny d'un sistema interactiu: "El gatet poruc"
Disseny d'un sistema interactiu: "El gatet poruc"Disseny d'un sistema interactiu: "El gatet poruc"
Disseny d'un sistema interactiu: "El gatet poruc"Jordi Zango Novell
 
Conceptes bàsics de Realitat Virtual
Conceptes bàsics de Realitat VirtualConceptes bàsics de Realitat Virtual
Conceptes bàsics de Realitat VirtualJordi Zango Novell
 
Disseny d'interacció: Arduino
Disseny d'interacció: ArduinoDisseny d'interacció: Arduino
Disseny d'interacció: ArduinoJordi Zango Novell
 
Prototipat gràfic, guia d'estil.
Prototipat gràfic, guia d'estil.Prototipat gràfic, guia d'estil.
Prototipat gràfic, guia d'estil.Jordi Zango Novell
 
Disseny d'interacció: casos d'estudi
Disseny d'interacció: casos d'estudiDisseny d'interacció: casos d'estudi
Disseny d'interacció: casos d'estudiJordi Zango Novell
 
Tendències digitals i projectes multimèdia
Tendències digitals i projectes multimèdiaTendències digitals i projectes multimèdia
Tendències digitals i projectes multimèdiaJordi Zango Novell
 
Conceptes bàsics del DCU i usabilitat
Conceptes bàsics del DCU i usabilitatConceptes bàsics del DCU i usabilitat
Conceptes bàsics del DCU i usabilitatJordi Zango Novell
 
Redisseny del Portal Oficial de Turisme de les Illes Balears
Redisseny del Portal Oficial de Turisme de les Illes BalearsRedisseny del Portal Oficial de Turisme de les Illes Balears
Redisseny del Portal Oficial de Turisme de les Illes BalearsJordi Zango Novell
 
Redisseny de portada: Gladiator
Redisseny de portada: GladiatorRedisseny de portada: Gladiator
Redisseny de portada: GladiatorJordi Zango Novell
 
Centre de emergències mèdiques
Centre de emergències mèdiquesCentre de emergències mèdiques
Centre de emergències mèdiquesJordi Zango Novell
 
Percepció visual, aplicació pràctica
Percepció visual, aplicació pràcticaPercepció visual, aplicació pràctica
Percepció visual, aplicació pràcticaJordi Zango Novell
 

More from Jordi Zango Novell (20)

Treball Final de Grau: "Storymaker"
Treball Final de Grau: "Storymaker"Treball Final de Grau: "Storymaker"
Treball Final de Grau: "Storymaker"
 
Disseny d'un sistema interactiu: "El gatet poruc"
Disseny d'un sistema interactiu: "El gatet poruc"Disseny d'un sistema interactiu: "El gatet poruc"
Disseny d'un sistema interactiu: "El gatet poruc"
 
Conceptes bàsics de Realitat Virtual
Conceptes bàsics de Realitat VirtualConceptes bàsics de Realitat Virtual
Conceptes bàsics de Realitat Virtual
 
Disseny d'interacció: Arduino
Disseny d'interacció: ArduinoDisseny d'interacció: Arduino
Disseny d'interacció: Arduino
 
Prototipat gràfic
Prototipat gràficPrototipat gràfic
Prototipat gràfic
 
Prototipat gràfic, guia d'estil.
Prototipat gràfic, guia d'estil.Prototipat gràfic, guia d'estil.
Prototipat gràfic, guia d'estil.
 
Prototipat gràfic responsiu
Prototipat gràfic responsiuPrototipat gràfic responsiu
Prototipat gràfic responsiu
 
Disseny d'interacció: casos d'estudi
Disseny d'interacció: casos d'estudiDisseny d'interacció: casos d'estudi
Disseny d'interacció: casos d'estudi
 
Tendències digitals i projectes multimèdia
Tendències digitals i projectes multimèdiaTendències digitals i projectes multimèdia
Tendències digitals i projectes multimèdia
 
Avaluació heurística
Avaluació heurísticaAvaluació heurística
Avaluació heurística
 
Conceptes bàsics del DCU i usabilitat
Conceptes bàsics del DCU i usabilitatConceptes bàsics del DCU i usabilitat
Conceptes bàsics del DCU i usabilitat
 
Animació d'un fons marí
Animació d'un fons maríAnimació d'un fons marí
Animació d'un fons marí
 
Moda i estètica
Moda i estèticaModa i estètica
Moda i estètica
 
Redisseny del Portal Oficial de Turisme de les Illes Balears
Redisseny del Portal Oficial de Turisme de les Illes BalearsRedisseny del Portal Oficial de Turisme de les Illes Balears
Redisseny del Portal Oficial de Turisme de les Illes Balears
 
Estètica i llenguatge
Estètica i llenguatgeEstètica i llenguatge
Estètica i llenguatge
 
Cas d'estudi: "Lobulo Design"
Cas d'estudi: "Lobulo Design"Cas d'estudi: "Lobulo Design"
Cas d'estudi: "Lobulo Design"
 
Redisseny de portada: Gladiator
Redisseny de portada: GladiatorRedisseny de portada: Gladiator
Redisseny de portada: Gladiator
 
Disseny web: "Groumet"
Disseny web: "Groumet"Disseny web: "Groumet"
Disseny web: "Groumet"
 
Centre de emergències mèdiques
Centre de emergències mèdiquesCentre de emergències mèdiques
Centre de emergències mèdiques
 
Percepció visual, aplicació pràctica
Percepció visual, aplicació pràcticaPercepció visual, aplicació pràctica
Percepció visual, aplicació pràctica
 

Manual d'identitat: The Artist

  • 1. Manual d'identitat gràfica de llargmetratge Imatge i llenguatge visual Jordi Zango Novell Curs 2012/2013 – Semestre 1 Aula 2 Estudiant del Grau Multimèdia – Universitat Oberta de Catalunya
  • 2. Índex Logo 3 Colors 4 Tipografia 5 Trets estables i variables 6 Imatgeria 7 Exemples pràctics d'aplicació 8 Bibliografia 9 Llicència 10 2
  • 3. Logo El logo està constituït només pel logotip, donat que no hi ha cap símbol gràfic. La tipografia emprada recorda l'Art Deco del període 1920 – 1930. El logotip, format per les dues paraules en anglès “The Artist”, es presenta només en un format de distribució vertical en què sempre apareix la paraula “The” damunt de la paraula “Artist”, tal i com es mostra a la imatge. S'evitarà l'ús d'altra tipografia, així com deformar l'aspecte del logotip o canviar la distribució del text. L'`àrea de protecció estarà present en ambdós costats del logo i en la seva part inferior. La part superior pot acostar-se tant com es vulgui a d'altres elements gràfics o compositius, sempre que no sigui trepitjada per aquests. L'espai a deixar en aquesta àrea de respecte vindrà determinat per l'espai existent entre les lletres “t” i “i” de la paraula “Artist” ja que serà, com a mínim, un espai equivalent a aquest. 3
  • 4. Colors RGB HEX CYMK (%) PANTONE Ús del color 0, 0, 0 #000000 0, 0, 0, 100 Color de fons. 213, 43, 30 #D52B1E 0, 80, 86, 16 485 2X Color de la paraula “The”. 255, 255, 255 #FFFFFF 0, 0, 0, 0 Color de la paraula “Artist”. 248, 222, 10 #F8DE6E 0, 10, 96, 3 120 Color secundari. 203, 132, 66 #CB8442 0, 35, 67, 20 21 Color secundari. Després de guanyar els premis Oscar, s'incorporen els dos colors secundaris per a utilitzar-los en texts i elements variables. S'empren fent un degradat d'un a l'altre color, per a recordar el color bronzejat de l'estatueta. 4
  • 5. Tipografia En l'àmbit d'una pel·lícula muda, la tipografia pren una gran rellevància, i encara més en l'època representada, en què la majoria de cartells eren dibuixats i confeccionats manualment i les tipografies metàl·liques s'empraven quasi exclusivament en llibres i premsa. Les fonts que es mostren són d'ús obligatori en uns casos i recomanat en d'altres, per millorar l'ambientació de la pel·lícula i de possibles productes derivats. Scriptina – Present al logotip (obligatòria) Hermes – En ròtuls corporatius (recomanada) The Ea1 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijlmnopqrstuvwxyz 1234567890¡!$%&/()¡? Ea1 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijlmnopqrstuvwxyz 1234567890¡!$%&/()¡? Nite Club – Present al logotip (obligatòria) Berliner Grotesk – Cartells d'àmbit cinematogràfic (recomanada) Artist Ea1 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijlmnopqrstuvwxyz 1234567890¡!$%&/()¡? Ea1 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijlmnopqrstuvwxyz 1234567890¡!$%&/()¡? Silentina – Per a la transcripció de les al·locucions (obligatòria) Benguiat – Per a títols en publicacions impreses (recomanada) Ea1 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijlmnopqrstuvwxyz 1234567890¡!$%&/()¡? Ea1 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijlmnopqrstuvwxyz 1234567890¡!$%&/()¡? Broadway – Utilitzada per a a cartelleria (recomanada) Alexei Copperplate – En cartelleria (recomanada) Ea1 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijlmnopqrstuvwxyz 1234567890¡!$%&/()¡? Ea1 ABCDEFGHIJKLMNOPQRSTUV WXYZ abcdefghijlmnopqrstuvwxyz 1234567890¡!$%&/()¡? 5
  • 6. Trets estables i variables Trets estables són el logotip i la seva tipografia, que ha d'aparèixer sempre en el format que es mostra, així com els colors vermell, blanc i negre. Com a tret variable, la imatge dels dos protagonistes pot acompanyar ocasionalment al logotip. Sempre però, es mantindran els colors vermell, blanc i negre que, com ja s'ha dit, són trets estables. Altre tret variable és on s'ubica la imatge dels dos actors respecte del logotip. 6
  • 7. Imatgeria Alguns conceptes motivacionals per al triatge d'imatges que tinguin a veure amb la pel·lícula són: Art Deco, anys 20, gran ciutats, aglomeracions de gent, cinema mut, cinema blanc i negre, món del cinema, rodatge de pel·lícules, estrelles de l'espectacle, precarietat econòmica, opulència, lluita per triomfar, somni americà, amor, interessos, fama, vanitat, humilitat. En tot cas, les imatges sempre seran en tonalitats dels colors blanc i negre. 7
  • 8. Exemples pràctics d'aplicació Pàgina web Cartell de cinema Caràtula DVD Cartell promocional 8
  • 9. Bibliografia Annyas, Christian. The Artist vs. The Lettering Artist. [en línia]. http://annyas.com/artist-movie-typography-lettering/ [data de consulta: 29/10/2012]. Da Font. dafont.com. [en línia]. http://www.dafont.com/ [data de consulta: 29/10/2012]. Das, Saam. Film Review: The Artist. [en línia]. http://www.fadedglamour.co.uk/2012/02/film-review-artist-2011.html [data de consulta: 29/10/2012]. Ferrer Franquesa, Alba; Gomez Fontanills, David. (2010). Identitat gràfica. Barcelona: UOC. Shawn Kirsten Maravel. Movie Review: The Artist. [en línia]. http://thegirlwiththegreenshovel.blogspot.com.es/2012/08/movie-review-artist.html [data de consulta: 29/10/2012]. Steph's Scribe. The Charm and Creativity of “The Artist”. [en línia]. http://stephsscribe.com/2012/02/23/the-charm-and-creativity-of-the-artist/ [data de consulta: 29/10/2012]. The Academy of Motion Picture Arts and Sciences. Oscars.org. [en línia]. http://www.oscars.org/ [data de consulta: 28/10/2012]. Warner Bros. The Artist. [en línia]. http://www.warnerbros.fr/the-artist-8385.html [data de consulta: 29/10/2012]. Wikipedia. The Artist (film). [en línia]. http://en.wikipedia.org/wiki/The_Artist_(film) [data de consulta: 29/10/2012]. 9
  • 10. Llicència Per a totes les imatges © Copyright, tots els drets reservats. Warner Bros (2011). 10