Guillem Fernández
-
Upload
mariafenollar -
Category
Documents
-
view
2.310 -
download
4
Transcript of Guillem Fernández
![Page 1: Guillem Fernández](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/1.jpg)
DISSENY VISUAL
PAC 3. Manual d’identitat gràfica: coherència enl’elaboració del projecte
Guillem Fernández Marí
![Page 2: Guillem Fernández](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/2.jpg)
INFOGRÀFICA
Manual d’identitat gràfica
![Page 3: Guillem Fernández](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/3.jpg)
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](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/4.jpg)
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](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/5.jpg)
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](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/6.jpg)
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](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/7.jpg)
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](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/8.jpg)
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](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/9.jpg)
À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](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/10.jpg)
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](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/11.jpg)
Logomarca
monocromàtica
en positiu
Versió de la logomarca en positiu
a una sola tinta (negre).
![Page 12: Guillem Fernández](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/12.jpg)
Logomarca
monocromàtica
en positiu II
Versió monocromàtica en el color
blau fosc corporatiu (Pantone 653).
![Page 13: Guillem Fernández](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/13.jpg)
Logomarca
monocromàtica
en positiu III
Versió monocromàtica en el color
morat corporatiu (Pantone 675).
![Page 14: Guillem Fernández](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/14.jpg)
Logomarca
monocromàtica
en negatiu
Versió per a la reproducció
de la logomarca en format
negatiu a una tinta.
![Page 15: Guillem Fernández](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/15.jpg)
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](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/16.jpg)
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](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/17.jpg)
INFOGRÀFICA
Tríptic promocional
![Page 18: Guillem Fernández](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/18.jpg)
![Page 19: Guillem Fernández](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/19.jpg)
![Page 20: Guillem Fernández](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/20.jpg)
![Page 21: Guillem Fernández](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/21.jpg)
![Page 22: Guillem Fernández](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/22.jpg)
![Page 23: Guillem Fernández](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/23.jpg)
![Page 24: Guillem Fernández](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/24.jpg)
![Page 25: Guillem Fernández](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/25.jpg)
INFOGRÀFICA
Pàgina inicial del web
![Page 26: Guillem Fernández](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/26.jpg)
INICI
CLIENTS
PROJECTES
![Page 27: Guillem Fernández](https://reader031.fdocuments.co/reader031/viewer/2022012403/55a03b0f1a28ab73218b45d1/html5/thumbnails/27.jpg)