Guillem Fernández

27
DISSENY VISUAL PAC 3. Manual d’identitat gràfica: coherència en l’elaboració del projecte Guillem Fernández Marí

Transcript of Guillem Fernández

Page 1: Guillem Fernández

DISSENY VISUAL

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

Guillem Fernández Marí

Page 2: Guillem Fernández

INFOGRÀFICA

Manual d’identitat gràfica

Page 3: Guillem Fernández

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.

Page 4: Guillem Fernández

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.

Page 5: Guillem Fernández

La tipografia

Per a la creació de la logomarca

s’han emprat dues tipografies

de la família Benton Gothic.

Per remarcar la dicotomia entre

informació i grafisme s’ha optat

per emprar dues versions, la

Regular i la black. Per una

banda, la Benton Gothic Medium

aporta finor i dinamisme a la

part informativa de la logomarca.

Per altra banda, tenim la

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

una altra variació de la mateixa

família, la Benton Gothic Regular,

que igual que les altres té un

caràcter senzill i de fàcil lectura.

Benton Gothic Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789

Benton Gothic Black

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789

Benton Gothic Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789

Page 6: Guillem Fernández

El color

El color és uns dels elements

estables que més representa a la

logomarca. El contrast entre el

morat i el rosa (membres d’una

mateixa gama) i els dos blaus

marquen la dicotomia entre

informació i grafisme. El color

és un tret identificador únic

que dona la identitat desitjada

a la logomarca. Els colors han

estat triats pel seu contrast i

també perquè acostumen a ser

colors molt visibles i emprats

sovint en gràfiques com les

que realitza InfoGràfica.

Pantone653

Quadricomia94 Cian 71 Magenta21 Groc05 Negre

RGB32 R85 G138 B

Pantone7459

Quadricomia77 Cian 27 Magenta20 Groc00 Negre

RGB44 R149 G181 B

Pantone675

Quadricomia30 Cian 98 Magenta26 Groc02 Negre

RGB178 R40 G115 B

Pantone190

Quadricomia00 Cian 67 Magenta15 Groc00 Negre

RGB0 R67 G15 B

Page 7: Guillem Fernández

Graella de la

logomarca

La graella és la quadricula en la

que es construeix la logomarca

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,

element central i modulador,

fa 5a d’alçada i 46a d’amplada.

“a” és també l’espai entre els

elements gràfics de la logomarca

i la tipografia. La disposició en

una quadricula amb el mòdul base

“a” facilita veure les distàncies en

l’organització dels elements de la

logomarca, les seves dimensions,

proporcions i la correcta disposició

per tal de reproduir-la fidelment.

20a

9a

12a

1a

1a27a

5a

8a

46a

Page 8: Guillem Fernández

Mesures mínimes

de reproducció

Per tal que la logomarca es

reprodueixi de forma correcta i

sense cap problema de legibilitat,

s’estableix una mesura mínima

d’amplada de 25 mm.

25mm 25mm 25mm

Page 9: Guillem Fernández

Àrea de reserva

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

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

visual de la logomarca.

1b 1b

1a1b

1b

1b

1b

1b

1b

1b

Page 10: Guillem Fernández

Logomarca

monocromàtica

en mitjos tons

Versió positiva en mitjos tons

d’una sola tinta (negre).

Negre 100% Negre 50%

Page 11: Guillem Fernández

Logomarca

monocromàtica

en positiu

Versió de la logomarca en positiu

a una sola tinta (negre).

Page 12: Guillem Fernández

Logomarca

monocromàtica

en positiu II

Versió monocromàtica en el color

blau fosc corporatiu (Pantone 653).

Page 13: Guillem Fernández

Logomarca

monocromàtica

en positiu III

Versió monocromàtica en el color

morat corporatiu (Pantone 675).

Page 14: Guillem Fernández

Logomarca

monocromàtica

en negatiu

Versió per a la reproducció

de la logomarca en format

negatiu a una tinta.

Page 15: Guillem Fernández

Usos incorrectes

de la logomarca

La imatge de la logomarca no

es pot alterar davant qualsevol

anomalia en la representació de

la mateixa ja que això afectarà a

la recepció visual de la logomarca.

Aquí veiem uns quants exemples

d’usos incorrectes a l’hora

de representar la logomarca.

Cal seguir les normes de

reproducció d’aquest manual

per evitar usos incorrectes.

No es poden alterar els elements ni la seva interelació

Evitar combinacions de colors amb visibilitat difícil

No es poden alterar les proporcions de la logomarca

S’ha de respectar l’àrea de reserva

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar tempor porta. Morbi cursus tortor posuere tortor gravida facilisis. Vivamus id quam vel enim auctor porttitor eget eu sem. Integer elit nulla, rutrum quis ultricies id, tincidunt nec enim. Vestibulum euismod iaculis magna sit.

Evitar posar la logomarca sobre fotografies o textures si el contrast no és suficient per a una bona llegibilitat

Page 16: Guillem Fernández

Aplicacions de

la logomarca

Mostra de l’aplicació de la

logomarca en altres suports, com

elements de papereria i divulgació.

Page 17: Guillem Fernández

INFOGRÀFICA

Tríptic promocional

Page 18: Guillem Fernández
Page 19: Guillem Fernández
Page 20: Guillem Fernández
Page 21: Guillem Fernández
Page 22: Guillem Fernández
Page 23: Guillem Fernández
Page 24: Guillem Fernández
Page 25: Guillem Fernández

INFOGRÀFICA

Pàgina inicial del web

Page 26: Guillem Fernández

INICI

CLIENTS

PROJECTES

Page 27: Guillem Fernández