SlideShare une entreprise Scribd logo
1  sur  27
Télécharger pour lire hors ligne
DISSENY VISUAL




PAC 3.
Manual d’identitat
gràfica: coherència en
l’elaboració del projecte

Guillem Fernández Marí
INFOGRÀFICA
Manual d’identitat gràfica
Presentació
InfoGràfica és una nova empresa encarregada de la realització de gràfiques,
infografies, mapes i animacions interactives per a altres empreses. La nostra
missió és plasmar de la manera més gràfica possible aquelles dades que els
nostres clients necessitin visualitzar. Ja sigui una empresa de consultoria que
analitzi uns resultats o un mitjà de comunicació que necessiti transmetre unes
eleccions, a InfoGràfica els servim amb la nostra millor arma: el disseny visual.
Aquest manual d’identitat gràfica recull els trets principals de la nostra logomarca.
La identitat corporativa d’InfoGràfica va lligada de manera inequívoca a la imatge
que es transmet en els diferents camps on la logomarca és present. I és per això
que, és tan important conèixer i analitzar bé els elements que la componen.
En el manual s’identifiquen els trets concrets que donen forma a la logomarca
d’InfoGràfica així com a les diferents aplicacions de la mateixa. És important
que la imatge corporativa de l’empresa es vegi ben representada.
Tot per transmetre una idea visual coherent i adequada; una imatge
corporativa identificada amb el que és l’empresa i la seva activitat.
Logomarca de
la companyia
La logomarca d’InfoGràfica respon
per la seva senzillesa; representa
gràficament l’activitat de l’empresa
en les seves dues vessants. La
vessant de dades (INFO) i la
vessant de grafisme (GRÀFICA)
Clar, directe i contraposant els
dos elements tant de forma
textual com de forma gràfica.
A nivell del text, hi han dos parts
diferenciades per la tipografia i
el color, un és “INFO” i l’altre és
“GRÀFICA”, formant així el nom
de l’empresa. A nivell gràfic, el
contrast es troba tant en el color
com en la forma. Per una banda
tenim les barres de color morat
i rosa que representen les dades
i per l’altra tenim un semicercle,
de color blau fosc i blau turquesa,
amb forma de pastís estadístic
que representa el grafisme.
Aquests dos elements s’uneixen
i conflueixen a l’alçada de la
lletra G creant un punt de força
visual amb harmonia dinàmica.
La tipografia                          Benton Gothic Medium

Per a la creació de la logomarca       ABCDEFGHIJKLMNOPQRSTUVWXYZ
                                       abcdefghijklmnopqrstuvwxyz
s’han emprat dues tipografies
de la família Benton Gothic.
Per remarcar la dicotomia entre
informació i grafisme s’ha optat
                                       0123456789
per emprar dues versions, la
Regular i la black. Per una
                                       Benton Gothic Black
banda, la Benton Gothic Medium
aporta finor i dinamisme a la
part informativa de la logomarca.
                                       ABCDEFGHIJKLMNOPQRSTUVWXYZ
Per altra banda, tenim la              abcdefghijklmnopqrstuvwxyz
                                       0123456789
Benton Gothic Black aportant
contundència i visibilitat pròpia
de la part gràfica de la logomarca
que es refereix al grafisme.
Per a altres aplicacions de text
(web, papereria, etc) s’ha triat       Benton Gothic Regular
una altra variació de la mateixa
família, la Benton Gothic Regular,
                                       ABCDEFGHIJKLMNOPQRSTUVWXYZ
que igual que les altres té un         abcdefghijklmnopqrstuvwxyz
caràcter senzill i de fàcil lectura.
                                       0123456789
Pantone   Quadricomia   RGB
                                   653       94 Cian       32 R
                                             71 Magenta    85 G
                                             21 Groc       138 B
                                             05 Negre
El color
El color és uns dels elements
estables que més representa a la   Pantone   Quadricomia   RGB
                                   7459      77 Cian       44 R
logomarca. El contrast entre el
                                             27 Magenta    149 G
morat i el rosa (membres d’una               20 Groc       181 B
                                             00 Negre
mateixa gama) i els dos blaus
marquen la dicotomia entre
informació i grafisme. El color
és un tret identificador únic      Pantone   Quadricomia   RGB
                                   675       30 Cian       178 R
que dona la identitat desitjada
                                             98 Magenta    40 G
a la logomarca. Els colors han               26 Groc       115 B
                                             02 Negre
estat triats pel seu contrast i
també perquè acostumen a ser
colors molt visibles i emprats
sovint en gràfiques com les        Pantone   Quadricomia   RGB
                                   190       00 Cian       0R
que realitza InfoGràfica.
                                             67 Magenta    67 G
                                             15 Groc       15 B
                                             00 Negre
Graella de la                                20a
logomarca
La graella és la quadricula en la
que es construeix la logomarca
                                       12a
i on s’interrelacionen els seus
elements. El mòdul base de la
graella és “a” (1/5 part de l’alçada
de la tipografia). La tipografia,                         1a
                                                               27a
element central i modulador,
                                       5a
fa 5a d’alçada i 46a d’amplada.
“a” és també l’espai entre els                            1a
elements gràfics de la logomarca
i la tipografia. La disposició en
                                       8a
una quadricula amb el mòdul base
“a” facilita veure les distàncies en
l’organització dels elements de la
                                                     9a
logomarca, les seves dimensions,
proporcions i la correcta disposició
                                                   46a
per tal de reproduir-la fidelment.
Mesures mínimes
de reproducció
Per tal que la logomarca es
reprodueixi de forma correcta i
sense cap problema de legibilitat,   25mm   25mm   25mm
s’estableix una mesura mínima
d’amplada de 25 mm.
1b   1b




Àrea de reserva                       1b             1b

Perquè no es produeixi cap
interferència o es deteriori
la imatge de la logomarca,
s’ha de respectar una àrea de
reserva de la logomarca per a
que la lectura sigui l’adient.
Els límits de l’àrea es calculen                     1b
                                      1b
en base al mòdul “b”, que
és exactament l’alçada de
la tipografia. Així “b” és la
distància mínima que s’ha de
respectar per tal que cap altre
element gràfic dificulti la lectura   1b             1b
visual de la logomarca.



                                           1b   1a
Logomarca
monocromàtica
en mitjos tons
Versió positiva en mitjos tons
d’una sola tinta (negre).




                                 Negre 100% 			   Negre 50%
Logomarca
monocromàtica
en positiu
Versió de la logomarca en positiu
a una sola tinta (negre).
Logomarca
monocromàtica
en positiu II
Versió monocromàtica en el color
blau fosc corporatiu (Pantone 653).
Logomarca
monocromàtica
en positiu III
Versió monocromàtica en el color
morat corporatiu (Pantone 675).
Logomarca
monocromàtica
en negatiu
Versió per a la reproducció
de la logomarca en format
negatiu a una tinta.
Usos incorrectes
                                      No es poden alterar els elements              Evitar combinacions de colors
de la logomarca                       ni la seva interelació                        amb visibilitat difícil

La imatge de la logomarca no
                                                                                                                    Lorem ipsum dolor
es pot alterar davant qualsevol                                                                                     sit amet, consectetur
                                                                                                                    adipiscing elit. Nam
                                                                                                                    pulvinar tempor
anomalia en la representació de                                                                                     porta. Morbi cursus
                                                                                                                    tortor posuere tortor
la mateixa ja que això afectarà a                                                                                   gravida facilisis.
                                                                                                                    Vivamus id quam vel
la recepció visual de la logomarca.                                                                                 enim auctor porttitor
                                                                                                                    eget eu sem. Integer
                                                                                                                    elit nulla, rutrum
Aquí veiem uns quants exemples                                                                                      quis ultricies id,
                                                                                                                    tincidunt nec enim.
d’usos incorrectes a l’hora                                                                                         Vestibulum euismod
                                                                                                                    iaculis magna sit.
de representar la logomarca.          No es poden alterar les                       S’ha de respectar
                                      proporcions de la logomarca                   l’àrea de reserva
Cal seguir les normes de
reproducció d’aquest manual
per evitar usos incorrectes.




                                      Evitar posar la logomarca sobre
                                      fotografies o textures si el contrast no és
                                      suficient per a una bona llegibilitat
Aplicacions de
la logomarca
Mostra de l’aplicació de la
logomarca en altres suports, com
elements de papereria i divulgació.
INFOGRÀFICA
Tríptic promocional
INFOGRÀFICA
Pàgina inicial del web
INICI

PROJECTES

CLIENTS
Guillem Fernández

Contenu connexe

En vedette (20)

Nuria Barbera
Nuria BarberaNuria Barbera
Nuria Barbera
 
Sanchez teresa dv_pac3
Sanchez teresa dv_pac3Sanchez teresa dv_pac3
Sanchez teresa dv_pac3
 
Montoliu gálvez, sara
Montoliu gálvez, saraMontoliu gálvez, sara
Montoliu gálvez, sara
 
Fernandezfernandezdvpac
FernandezfernandezdvpacFernandezfernandezdvpac
Fernandezfernandezdvpac
 
Sònia Torrents
Sònia TorrentsSònia Torrents
Sònia Torrents
 
Victor romero dv_pac3
Victor romero dv_pac3Victor romero dv_pac3
Victor romero dv_pac3
 
Vegafuentepac3
Vegafuentepac3Vegafuentepac3
Vegafuentepac3
 
Rebeca Cristina Couto
Rebeca Cristina CoutoRebeca Cristina Couto
Rebeca Cristina Couto
 
David Gutiérrez
David GutiérrezDavid Gutiérrez
David Gutiérrez
 
Max valero dv_pac3
Max valero dv_pac3Max valero dv_pac3
Max valero dv_pac3
 
Sanchezpreciado dv pac3
Sanchezpreciado dv pac3Sanchezpreciado dv pac3
Sanchezpreciado dv pac3
 
Gemmaguaschdvpac3
Gemmaguaschdvpac3Gemmaguaschdvpac3
Gemmaguaschdvpac3
 
Lydia Sánchez
Lydia SánchezLydia Sánchez
Lydia Sánchez
 
Margarcia dv pac3(v2)
Margarcia dv pac3(v2)Margarcia dv pac3(v2)
Margarcia dv pac3(v2)
 
Aina bosch dv_pac3
Aina bosch dv_pac3Aina bosch dv_pac3
Aina bosch dv_pac3
 
Rocaros dv pac3
Rocaros dv pac3Rocaros dv pac3
Rocaros dv pac3
 
Mariona Badia
Mariona BadiaMariona Badia
Mariona Badia
 
Pac1
Pac1Pac1
Pac1
 
José Sanromà
José SanromàJosé Sanromà
José Sanromà
 
Bacon
BaconBacon
Bacon
 

Guillem Fernández

  • 1. DISSENY VISUAL PAC 3. Manual d’identitat gràfica: coherència en l’elaboració del projecte Guillem Fernández Marí
  • 3. Presentació InfoGràfica és una nova empresa encarregada de la realització de gràfiques, infografies, mapes i animacions interactives per a altres empreses. La nostra missió és plasmar de la manera més gràfica possible aquelles dades que els nostres clients necessitin visualitzar. Ja sigui una empresa de consultoria que analitzi uns resultats o un mitjà de comunicació que necessiti transmetre unes eleccions, a InfoGràfica els servim amb la nostra millor arma: el disseny visual. Aquest manual d’identitat gràfica recull els trets principals de la nostra logomarca. La identitat corporativa d’InfoGràfica va lligada de manera inequívoca a la imatge que es transmet en els diferents camps on la logomarca és present. I és per això que, és tan important conèixer i analitzar bé els elements que la componen. En el manual s’identifiquen els trets concrets que donen forma a la logomarca d’InfoGràfica així com a les diferents aplicacions de la mateixa. És important que la imatge corporativa de l’empresa es vegi ben representada. Tot per transmetre una idea visual coherent i adequada; una imatge corporativa identificada amb el que és l’empresa i la seva activitat.
  • 4. Logomarca de la companyia La logomarca d’InfoGràfica respon per la seva senzillesa; representa gràficament l’activitat de l’empresa en les seves dues vessants. La vessant de dades (INFO) i la vessant de grafisme (GRÀFICA) Clar, directe i contraposant els dos elements tant de forma textual com de forma gràfica. A nivell del text, hi han dos parts diferenciades per la tipografia i el color, un és “INFO” i l’altre és “GRÀFICA”, formant així el nom de l’empresa. A nivell gràfic, el contrast es troba tant en el color com en la forma. Per una banda tenim les barres de color morat i rosa que representen les dades i per l’altra tenim un semicercle, de color blau fosc i blau turquesa, amb forma de pastís estadístic que representa el grafisme. Aquests dos elements s’uneixen i conflueixen a l’alçada de la lletra G creant un punt de força visual amb harmonia dinàmica.
  • 5. La tipografia Benton Gothic Medium Per a la creació de la logomarca ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz s’han emprat dues tipografies de la família Benton Gothic. Per remarcar la dicotomia entre informació i grafisme s’ha optat 0123456789 per emprar dues versions, la Regular i la black. Per una Benton Gothic Black banda, la Benton Gothic Medium aporta finor i dinamisme a la part informativa de la logomarca. ABCDEFGHIJKLMNOPQRSTUVWXYZ Per altra banda, tenim la abcdefghijklmnopqrstuvwxyz 0123456789 Benton Gothic Black aportant contundència i visibilitat pròpia de la part gràfica de la logomarca que es refereix al grafisme. Per a altres aplicacions de text (web, papereria, etc) s’ha triat Benton Gothic Regular una altra variació de la mateixa família, la Benton Gothic Regular, ABCDEFGHIJKLMNOPQRSTUVWXYZ que igual que les altres té un abcdefghijklmnopqrstuvwxyz caràcter senzill i de fàcil lectura. 0123456789
  • 6. Pantone Quadricomia RGB 653 94 Cian 32 R 71 Magenta 85 G 21 Groc 138 B 05 Negre El color El color és uns dels elements estables que més representa a la Pantone Quadricomia RGB 7459 77 Cian 44 R logomarca. El contrast entre el 27 Magenta 149 G morat i el rosa (membres d’una 20 Groc 181 B 00 Negre mateixa gama) i els dos blaus marquen la dicotomia entre informació i grafisme. El color és un tret identificador únic Pantone Quadricomia RGB 675 30 Cian 178 R que dona la identitat desitjada 98 Magenta 40 G a la logomarca. Els colors han 26 Groc 115 B 02 Negre estat triats pel seu contrast i també perquè acostumen a ser colors molt visibles i emprats sovint en gràfiques com les Pantone Quadricomia RGB 190 00 Cian 0R que realitza InfoGràfica. 67 Magenta 67 G 15 Groc 15 B 00 Negre
  • 7. Graella de la 20a logomarca La graella és la quadricula en la que es construeix la logomarca 12a i on s’interrelacionen els seus elements. El mòdul base de la graella és “a” (1/5 part de l’alçada de la tipografia). La tipografia, 1a 27a element central i modulador, 5a fa 5a d’alçada i 46a d’amplada. “a” és també l’espai entre els 1a elements gràfics de la logomarca i la tipografia. La disposició en 8a una quadricula amb el mòdul base “a” facilita veure les distàncies en l’organització dels elements de la 9a logomarca, les seves dimensions, proporcions i la correcta disposició 46a per tal de reproduir-la fidelment.
  • 8. Mesures mínimes de reproducció Per tal que la logomarca es reprodueixi de forma correcta i sense cap problema de legibilitat, 25mm 25mm 25mm s’estableix una mesura mínima d’amplada de 25 mm.
  • 9. 1b 1b Àrea de reserva 1b 1b Perquè no es produeixi cap interferència o es deteriori la imatge de la logomarca, s’ha de respectar una àrea de reserva de la logomarca per a que la lectura sigui l’adient. Els límits de l’àrea es calculen 1b 1b en base al mòdul “b”, que és exactament l’alçada de la tipografia. Així “b” és la distància mínima que s’ha de respectar per tal que cap altre element gràfic dificulti la lectura 1b 1b visual de la logomarca. 1b 1a
  • 10. Logomarca monocromàtica en mitjos tons Versió positiva en mitjos tons d’una sola tinta (negre). Negre 100% Negre 50%
  • 11. Logomarca monocromàtica en positiu Versió de la logomarca en positiu a una sola tinta (negre).
  • 12. Logomarca monocromàtica en positiu II Versió monocromàtica en el color blau fosc corporatiu (Pantone 653).
  • 13. Logomarca monocromàtica en positiu III Versió monocromàtica en el color morat corporatiu (Pantone 675).
  • 14. Logomarca monocromàtica en negatiu Versió per a la reproducció de la logomarca en format negatiu a una tinta.
  • 15. Usos incorrectes No es poden alterar els elements Evitar combinacions de colors de la logomarca ni la seva interelació amb visibilitat difícil La imatge de la logomarca no Lorem ipsum dolor es pot alterar davant qualsevol sit amet, consectetur adipiscing elit. Nam pulvinar tempor anomalia en la representació de porta. Morbi cursus tortor posuere tortor la mateixa ja que això afectarà a gravida facilisis. Vivamus id quam vel la recepció visual de la logomarca. enim auctor porttitor eget eu sem. Integer elit nulla, rutrum Aquí veiem uns quants exemples quis ultricies id, tincidunt nec enim. d’usos incorrectes a l’hora Vestibulum euismod iaculis magna sit. de representar la logomarca. No es poden alterar les S’ha de respectar proporcions de la logomarca l’àrea de reserva Cal seguir les normes de reproducció d’aquest manual per evitar usos incorrectes. Evitar posar la logomarca sobre fotografies o textures si el contrast no és suficient per a una bona llegibilitat
  • 16. Aplicacions de la logomarca Mostra de l’aplicació de la logomarca en altres suports, com elements de papereria i divulgació.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.