Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix...

21
Manual bàsic d’identitat gràfica Comparteix Aprenentatges

Transcript of Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix...

Page 1: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies

Manual bàsicd’identitat gràfica

ComparteixAprenentatges

Page 2: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies

Manual bàsicd’identitat gràfica

ComparteixAprenentatges

ÍNDEX

01

Imatge principal.

02. Fórmula Vertical i horitzontal

03. Color | Tipografies

04. Fórmules monocromes i pluma

05. Aplicació sobre diferents fons

06. Convivència amb marca Fundació Jaume Bofill

07. Convivència amb marca Fundació Jaume Bofill. Fórmula monocroma

Imatge secundària.

08. Fórmula Vertical i horitzontal

09. Fórmules monocromes i pluma

10. Convivència amb marca EDUCACIÓ DEMÀ

11. Convivència amb marca EDUCACIÓ DEMÀ Fórmula monocroma

12. Colors secundaris

Imatge Organitzadors

13. Normativa

14. Pauta gràfica

15. Construcció vertical i horitzontal

16. Construcció vertical i horitzontal - línia delimitadora

17. Exemples construcció vertical

18. Exemples construcció horitzontal

19. Alternatives de color acceptades

VERSIÓ IMPRIMIBLEEdició: Fundació Jaume Bofill, 2016 Conceptualització: Eleven Adworks

Page 3: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies

02

Imatge Principal · Fórmula Vertical i horitzontal

Page 4: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies

03

80% Black

80%Magenta + 95% Yellow

70%Magenta + 95% Yellow

80%Magenta + 95% Yellow + 50% Black

Nexa LIGHT

ABCÇDEFGHIJKLM

NÑOPQRSTUVWXYZ

abcçdefghijklmnñopqrstuvwxyz

1234567890

()/&%$€@!¡¿?,.

Nexa BOLD

ABCÇDEFGHIJKLM

NÑOPQRSTUVWXYZ

abcçdefghijklmnñopqrstuvwxyz

1234567890

()/&%$€@!¡¿?,.

Imatge Principal · Color | Tipografies

Page 5: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies

04

50% color 100% color

Imatge Principal · Fórmules monocromes i pluma

Page 6: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies

Comparteix Aprenentatges

ComparteixAprenentatges

Comparteix Aprenentatges

ComparteixAprenentatges

Comparteix Aprenentatges

ComparteixAprenentatges

05

Imatge Principal · Aplicació sobre diferents fons

Page 7: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies

• Fórmules: Vertical / Horitzontal

06

Imatge Principal · Convivència amb marca Fundació Jaume Bofill

Page 8: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies

• Fórmula monocroma

07

50% color 100% color

Imatge Principal · Convivència amb marca Fundació Jaume Bofill

Page 9: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies

08

Imatge Secundaria · Fórmula Vertical i horitzontal

Page 10: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies

ComparteixAprenentatges

09

50% color 100% color

Imatge Secundaria · Fórmules monocromes i pluma

Page 11: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies

10

Imatge Secundaria · Convivència amb marca EDUCACIÓ DEMÀ

Page 12: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies

11

50% color 100% color

Imatge Secundaria · Convivència amb marca EDUCACIÓ DEMÀ

Page 13: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies

12

80% Black

Black

80% Black

Black

80% Black

Black

75%Cyan+ 100% Yellow

85%Cyan+ 50% Magenta

100%Magenta

Imatge Secundaria· Colors secundaris

Page 14: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies

Imatge Organitzadors

NORMATIVA DE CREACIÓ

Page 15: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies

Comparteix Aprenentatges

BARCELONA

Pauta gràfica

Les entitats organitzadores poden crear la seva identitat visual partint del logo base creat per la Fundació Jaume Bofill.

Per fer-ho, contaran amb una àrea rectangular, amb les mateixes proporcions que el logo base, a on podran incloure el disseny que desitgin amb total llibertat (veure àrea delimitada amb la línia de punts als exemples)

14

Imatge Organitzadors

Page 16: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies

BARCELONA

ESPAI ZONAimatge edcamp

ESPAI ZONAimatge organitzador

ESPAI ZONAimatge edcamp

ESPAI ZONAimatge organitzador

BARCELONA

15

Aquesta àrea lliure i personalitzable pot ubicar-se sobre el logo base, creant una proposta vertical, o a la dreta, creant una proposta apaïsada.

Imatge Organitzadors · Construcció vertical i horitzontal

Page 17: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies

Entre ambdues àrees, l’àrea personalitzable i el logo base, hi posarem una línia delimitadora, excepte quan el logo de l’organitzador sigui una pastilla (en aquest cas, la pastilla ja delimita ambdós espais)

SITGESTARRAGONA

TARRAGONA

16

Franja delimitadoraSi la gráfica de l’organitzador

porta una pastilla no caldrà franja.Exemple: SITGES

Imatge Organitzadors · Construcció vertical i horitzontal - línia delimitadora

Page 18: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies

BARCELONA

Exemple 1 Exemple 2

SITGES

Exemple 3 Exemple 4

TARRAGONA

17

Imatge Organitzadors · Exemples construcció vertical

Page 19: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies

BARCELONAExemple 1

Exemple 2

Exemple 3

Exemple 4

TARRAGONA

18

Imatge Organitzadors · Exemples construcció horitzontal

Page 20: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies

Si l’organitzador ho toba necessari, podrà modificar el colors del conjunt, buscant sempre una millor unitat visual.

Veure exemple real de la imatge de l’edcamp MATARÓ:

19

Imatge Organitzadors · Alternatives de color acceptades

Page 21: Manual bàsic d’identitat gràfica · Manual bàsic d’identitat gràfica Comparteix Aprenentatges ÍNDEX 01 Imatge principal. 02. Fórmula Vertical i horitzontal 03. Color | Tipografies