Manuale Guidelines Regione Lombardia

Post on 28-Nov-2014

58 views 3 download

Transcript of Manuale Guidelines Regione Lombardia

1

MANUALE DI GUIDELINES REGIONE LOMBARDIA- REALIZZAZIONE NUOVO MARCHIO TRIDIMENSIONALE - APPLICAZIONE E COSTRUZIONE DEL NUOVO FORMAT

2

INDICE

IL NUOVO MARCHIO pg. 3

ELEMENTI DI BASE pg. 5•

AREA DI RISPETTO pg. 7 •

COLORI E FONT pg. 10 •

VERSIONI IN NEGATIVO - POSITIVO pg. 11 •

APPLICAZIONE SU FONDI FOTOGRAFICI E COLORE pg. 12 •

DIMENSIONE MINIMA DI STAMPA pg. 14 •

COSTRUZIONE DEL MARCHIO PER LE DIREZIONI GENERALI pg. 15 •

IL FORMAT. UTILIZZO DELLA FASCIA NELLE CAMPAGNE ABOVE THE LINE pg. 18 INSERIMENTO BODYCOPY E ALTEZZA FASCIA pg. 28

INSERIMENTO MARCHI COPARTNER pg. 32 FORMAT AFFISSIONE pg. 37

APPLICAZIONI PER IL PORTALE DI REGIONE LOMBARDIA pg. 41

ESEMPI APPLICAZIONE FORMAT NON CORRETTI pg. 44

APPENDICE. ESEMPI MATERIALE BELOW THE LINE pg. 47

3

IL NUOVO MARCHIO

4

IL NUOVO MARCHIO È STATO COSTRUITO CON UN EFFETTO TRIDIMENSIONALE, REALIZZATO CON SFUMATURE DI DUE COLORI. GLI ANGOLI DEL QUADRATO SONO STATI ARROTONDATI RISPETTO ALLA PRECEDENTE VERSIONE.LA FONT È STATA CAMBIATA, DIVENTANDO PIù LEGGERA E ARIOSA.

marchio precedente

NUOVO MARCHIO

5

ELEMENTI DI BASE. IL NUOVO MARCHIO È COSTITUITO DA DUE ELEMENTI INSCINDIBILI: IL SIMBOLO E IL LOGOTIPO.

IL NUOVO SIMBOLO

IL NUOVO LOGOTIPO

IL NUOVO MARCHIO

6

QUESTA VERSIONE VA UTILIZZATA SOLO NEI CASI IN CUI LO SPAZIO PER L’INSERIMENTO IN VERTICALE DOVESSE RISULTARE RIDOTTO.NON VA MAI UTILIZZATA NELLE CAMPAGNE ABOVE THE LINE.

UTILIZZO DEL MARCHIO IN ORIZZONTALE

7

IL MARCHIO DEVE AVERE UN’AREA DI RISPETTO PARI A 1/4 DELLA DIMENSIONE DEL SIMBOLO.

= area di rispetto.

--> -->

1/4

1/4

1/4

1/4

1/4

8

IL MARCHIO DEVE AVERE UN’AREA DI RISPETTO PARI A 1/4 DELLA DIMENSIONE DEL SIMBOLO.

= area di rispetto.

--> -->

1/4

1/4

1/4

1/4

1/4

9

XX

yy

INDICAZIONI PER LA DISTANZA DI RISPETTO TRA SIMBOLO E LOGOTIPO.

10

MARCHIO CON EFFETTO TRIDIMENSIONALE E ANGOLI ARROTONDATI.COLORE APPLICATO CON TRAMA SFUMATA O SFUMATURA RADIALE.

Pantone350C

Pantone355 C

Font: SF Old Republic

QuadricromiaC=80, M=0, Y=100, K=75

QuadricromiaC=95, M=0, Y=100, K=0

11

VERSIONI IN NEGATIVO - POSITIVO

NEGATIVO A COLORI

POSITIVO A COLORI

NEGATIVO BN

POSITIVO BN

12

IL LOGOTIPO “REGIONE LOMBARDIA” PUO’ ESSERE DECLINATO IN NERO O BIANCO A SECONDA DELLA LEGGIBILITÀ RISPETTO AL FONDO FOTOGRAFICO.IL MARCHIO NEGATIVO A COLORI VA UTILIZZATO QUANDO IL FONDO FOTOGRAFICO HA TONALITÀ VERDI SIMILI A QUELLE DEL SIMBOLO PER GARANTIRE UNA CORRETTA VISIBILITÀ.IL MARCHIO IN NEGATIVO BN VA UTILIZZATO QUANDO LA STAMPA È IN BN (ES. QUOTIDIANI).

13

ESEMPI DI UTILIZZO DEL MARCHIO SU FONDI SCURI E CHIARI.

FONDI SCURI FONDI CHIARI

14

PER GARANTIRE UNA CORRETTA LEGGIBILITÀ IL MARCHIONON DEVE AVERE DIMENSIONI INFERIORI AI 2 CM DI BASE.

MARCHIO NORMALE

MARCHIO ORIZZONTALE

3 cm

2 cm

3 cm

2 cm

15

STESSA DISTANZA

56mm

PARTENDO DA UNA BASE DEL MARCHIO DI 56 mm, SCRIVERE IL NOME DELLE VARIE DIREZIONI GENERALI IN CORPO 10 pt. LA DISTANZA FRA IL LOGOTIPO “REGIONE LOMBARDIA” E IL LOGOTIPO DELLE DIREZIONI GENERALI, DEVE ESSERE LA STESSA CHE C’È FRA IL SIMBOLO (ROSA CAMUNA) E IL LOGOTIPO “REGIONE LOMBARDIA”.

Font Corpo 17ptFont Corpo 10pt

16

MARCHIO CON LE DELEGHE DELLE DIREZIONI GENERALI E DEGLI ASSESSORI.

17

MARCHIO CON LE DELEGHE DELLE DIREZIONI GENERALI E DEGLI ASSESSORI.

18

IL FORMAT. UTILIZZO DELLA FASCIA NELLE CAMPAGNE ABOVE THE LINE

19

pagina stampa A4

www.regione.lombardia.it

IL FORMAT È COMPOSTO DA 2 FASCE DI COLORI E ALTEZZE DIVERSI E DA UN TASSELLO BIANCO DI FORMA RETTANGOLARE ALL’INTERNO DEL QUALE È INSERITO IL MARCHIO. IL TASSELLO RESTA COSTANTE NELLE PROPORZIONI. PARTE INTEGRANTE DEL FORMAT È ANCHE LA URL DEL SITO DI REGIONE LOMBARDIA.

20

LOMBARDIA. COSTRUIAMOLA INSIEME.

GLI ELEMENTI CHE COMPONGONO IL FORMAT.

FASCIA SCURA TRASPARENZA 80%

TASSELLO MARCHIO

FASCIA CHIARA TRASPARENZA 80%

GRADIENTE SFUMATO DA 0 A 30 DI NERO in modalità “sovrapponi”

DOCUMENTO IMPAGINATO

PANTONE 356 C RETINATO 80%C 76 - M 0 - Y 80 - K 22PANTONE 356 C RETINATO 45%C 43 - M 0 - Y 45 - K 12

QUADRICROMIAC=76, M=0, Y=80, K=22QUADRICROMIAC=43, M=0, Y=45, K=12

PANTONE 356 C RETINATO 80%C 76 - M 0 - Y 80 - K 22

PANTONE 356 C RETINATO 45%C 43 - M 0 - Y 45 - K 12

21

pagina stampa A4

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

FONT DA UTILIZZARE (NELLE CAMPAGNE ABOVE THE LINE).

bodycopy:Century Gothic.

www.regione.lombardia.it

Head line.head line:

Century Gothic.

url:Century Gothic.

claim:SF Old Republic.

22

pagina stampa A4

DIMENSIONI FASCIA E MARCHIO. NEI FORMATI VERTICALI IL TASSELLO BIANCO CONTENENTE IL MARCHIO DEVE SEMPRE POGGIARE SU 1/4 DELLA LARGHEZZA DELLA PAGINA.

L’ALTEZZA DELLE DUE FASCE VERDI È SEMPRE PARI A 1/9 DELL’ALTEZZA DELLA PAGINA, COME RAPPRESENTATO IN FIGURA.

2Y

X

Ombra da utilizzare solo su fondi chiari o verdi che impediscano la corretta distinguibilità delle fasce e del tassello bianco.

Il marchio deve essere sempre centrato in altezza e in larghezza nel tassello bianco.

3Y

larghezza box bianco 7Y

X

YY

www.regione.lombardia.it

SF Old Republiccorpo 12 pt, tutto maiuscolo.

“Lombardia” in Regular, “Costruiamola insieme” in Bold.

pagina stampa A4

Century Gothiccorpo 8 pt bold, tutto minuscolo.In tutti i formati la larghezza della url deve essere pari a quella del tassello bianco contenente il marchio regionale.

23

NEL FORMATO MEZZA PAGINA IL TASSELLO BIANCO CONTENENTE IL MARCHIO DEVE SEMPRE POGGIARE SU 1/4 DELLA LARGHEZZA DELLA PAGINA.

L’ALTEZZA DELLE DUE FASCE VERDI È SEMPRE PARI A 2/9 DELL’ALTEZZA DELLA PAGINA,COME RAPPRESENTATO IN FIGURA.

mezza pagina (A5)

2Y

Ombra da utilizzare solo su fondi chiari o verdi che impediscano la corretta distinguibilità delle fasce e del tassello bianco.

SF Old Republiccorpo 12 pt, tutto maiuscolo.

“Lombardia” in Regular, “Costruiamola insieme” in Bold.

3Y

larghezza box bianco 7Y

il marchio deve essere sempre centrato in altezza e in larghezza nel tassello bianco.

X

Century Gothiccorpo 8 pt bold, tutto minuscolo.

YY

www.regione.lombardia.it

X

mezza pagina A5

24

pagina stampa A4

INSERIMENTO DEL MARCHIO CON LA PRESENZA DELLA DELEGA.

2Y

Il marchio deve essere sempre centrato in altezza e in larghezza nel tassello bianco, anche in presenza delle deleghe.

3Y

larghezza box bianco 7Y

X

YY

www.regione.lombardia.it

X

pagina stampa A4

25

www.regione.lombardia.it

www.regione.lombardia.it

www.regione.lombardia.it

www.regione.lombardia.it

ESEMPI DI APPLICAZIONE DELLA FASCIA CON E SENZA L’OMBRA.L’OMBRA VA UTILIZZATA SOLO SU FONDI CHIARI O VERDI CHE IMPEDISCANO LA CORRETTA DISTINGUIBILITÀ DELLE FASCE E DEL TASSELLO BIANCO.

www.regione.lombardia.it

www.regione.lombardia.it

www.regione.lombardia.it

www.regione.lombardia.it

26

ESEMPI DI APPLICAZIONE DELLA FASCIA CON E SENZA OMBRA SU FONDI COLORATI NON FOTOGRAFICI.

www.regione.lombardia.it

www.regione.lombardia.it

www.regione.lombardia.it

www.regione.lombardia.it

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to.

27

pagina stampa A4

le fasce devono avere la stessa altezza sia sulle pagine in formato A4 sia sulle doppie pagine

Pantone356C - 80%Pantone356C - 45%

QuadricromiaC=76, M=0, Y=80, K=22QuadricromiaC=43, M=0, Y=45, K=12

doppia pagina stampa

NEI FORMATI A4 IL TASSELLO BIANCO DEVE SEMPRE POGGIARE SU 1/4 DELLA LARGHEZZA DELLA PAGINA, COME RAPPRESENTATO IN FIGURA.NEI FORMATI DOPPIA PAGINA IL TASSELLO BIANCO DEVE SEMPRE POGGIARE SU 1/8 DELLA LARGHEZZA DELLA PAGINA, COME RAPPRESENTATO IN FIGURA.L’ALTEZZA DELLE DUE FASCE VERDI È SEMPRE PARI A 1/9 DELL’ALTEZZA DELLA PAGINA.

www.regione.lombardia.it

www.regione.lombardia.it

28

INSERIMENTO BODYCOPY E ALTEZZA FASCIA

29

X X

pagina stampa A4

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.3Y

2Y

Century Gothiccorpo minimo 10 pt,maiuscolo, minuscolo.

www.regione.lombardia.it

Head line.

LA BODYCOPY VA INSERITA SEMPRE E SOLO NELLA FASCIA CHIARA. SI CONSIGLIA PER LA STAMPA DI QUOTIDIANI UN CORPO MINIMO DI 10 pt.

30

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.4Y

2Y

pagina stampa A4

www.regione.lombardia.it

X X

ESEMPIO DI INGRANDIMENTO BODYCOPY.QUANDO SI SUPERANO LE 3 RIGHE DI BODYCOPY, LA FASCIA VERDE CHIARO, E SOLO QUESTA, SI DEVE ALZARE DI UNA “Y” ALLA VOLTA A SECONDA DELLA QUANTITÀ DI TESTO, FINO A UN MASSIMO DI 6 RIGHE. TUTTI GLI ALTRI ELEMENTI RESTANO INVARIATI.

Il tassello bianco resta invariato nelle proporzioni.

31

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset she-ets containing Lorem Ipsum passages, and more recently with desktop publishing.

X X

5Y

2Y

ESEMPIO DI INGRANDIMENTO BODYCOPY.

pagina stampa A4

www.regione.lombardia.it

Il tassello bianco resta invariato nelle proporzioni.

32

INSERIMENTO MARCHI COPARTNER

33

pagina stampa A4

Y

3Y

3Y

2Y

Y

Questa fascia bianca deve essere inserita solo nel caso in cui la campagna venga cofirmata da più enti/società/partner.

YY

Y

Y

www.regione.lombardia.it

I MARCHI DEI COPARTNER VERRANNO INSERITI NELLA FASCIA BIANCA, COME RAPPRESENTATO IN FIGURA. LA FASCIA BIANCA NON DEVE MAI SUPERARE L’ALTEZZA DELLE DUE FASCE VERDI.

34

pagina stampa A4

IN COLLABORAZIONE CON

I marchi vanno centrati nello spazio orizzontale.

corpo minimo 6 pt corpo massimo 8 pt

3Y

2Y

YY

La url va posizionata sempre in alto a destra.

www.regione.lombardia.it

ESEMPIO DI CAMPAGNA STAMPA PROMOSSA DA REGIONE LOMBARDIA IN COLLABORAZIONE CON PIù PARTNER.

35

pagina stampa A4

3Y

2Y

Y

YY

Y

www.regione.lombardia.it

Il marchio va centrato nello spazio bianco lasciando in alto 1Y per i margini di rifilo. Il tassello va usato in questo modo solo in caso di 1 solo partner.Quando i partner sono superiori a 1, va utilizzata la fascia. Il testo “in collaborazione con” non va inserito.

La url vaposizionata sempre in alto a destra.

La larghezza deve essere la stessa del tassello bianco.

ESEMPIO DI CAMPAGNA STAMPA PROMOSSA DA REGIONE LOMBARDIA IN COLLABORAZIONE CON UN SOLO PARTNER.

36

3Y

2Y

Y

Y

Y

La url va posizionata sempre in alto a destra.

La larghezza deve essere la stessa del tassello bianco.

www.regione.lombardia.it

ESEMPIO DI PARTNER IL CUI MARCHIO È A SVILUPPO VERTICALE O CON TESTI PICCOLI.

Il marchio va centrato nello spazio bianco lasciando in alto 1Y per i margini di rifilo. Il tassello diventa alto 4Y solo nel caso in cui il marchio contenuto è a sviluppo verticale o con testi piccoli.Il tassello va usato in questo modo solo in caso di 1 solo partner.Quando i partner sono superiori a 1, va utilizzata la fascia.

pagina stampa A4

37

FORMAT AFFISSIONE

38

AFFISSIONE cm 100x140

Y

YY

Y

www.regione.lombardia.it

NELLE AFFISSIONI VERTICALI, L’ALTEZZA DELLE DUE FASCE VERDI È SEMPRE PARI A 1/9 DELL’ALTEZZA DEL FORMATO. IL TASSELLO BIANCO CONTENENTE IL MARCHIO DEVE SEMPRE POGGIARE SU 1/4 DELLA LARGHEZZA DEL FORMATO, COME RAPPRESENTATO IN FIGURA.“Y” sta a significare che tutti gli spazi devono essere uguali

39

AFFISSIONE 6x3

AFFISSIONE 12x6

www.regione.lombardia.it

www.regione.lombardia.it

NELLE AFFISSIONI ORIZZONTALI L’ALTEZZA DELLE DUE FASCE VERDI È SEMPRE PARI A 1/5 DELL’ALTEZZA DEL FORMATO.

IL TASSELLO BIANCO CONTENENTE IL MARCHIO DEVE SEMPRE POGGIARE SU 1/6 DELLA LARGHEZZA DEL FORMATO, COME RAPPRESENTATO IN FIGURA.

40

AFFISSIONE 54,7x13

AFFISSIONI EXTRA ORIZZONTALI.

NEL CASO IN CUI IL FORMATO FOSSE PARTICOLARMENTE LUNGO IL TASSELLO BIANCO CONTENENTE IL MARCHIO DEVE SEMPRE POGGIARE SU 1/11 DELLA LARGHEZZA DEL FORMATO, COME RAPPRESENTATO IN FIGURA.

www.regione.lombardia.it

41

APPLICAZIONI PER IL PORTALE DI REGIONE LOMBARDIA

42

ESEMPIO DI APPLICAZIONE DELLA “BANDA INTERATTIVA” SULL’HOME PAGE DEL PORTALE DI REGIONE LOMBARDIA.DIMENSIONI MARCHIO H=50 PIXEL L=140 PIXEL, IMPAGINATO IN ALTO A SINISTRA IN UN TASSELLO BIANCO LARGO 150 PIXEL E ALTO 76 PIXEL.LA DOPPIA FASCIA VERDE DEVE ESSERE ALTA 76 PIXEL E LARGA QUANTO LA PAGINA.

“CLAIM” “MENÙ” “MENÙ” “MENÙ” “MENÙ” “MENÙ”

“LINK” “LINK”“LINK”

“MENÙ”

43

ESEMPIO DI APPLICAZIONE DELLA “BANDA GRAFICA” SULLA LOGIN PAGE DI UN SERVIZIO.DIMENSIONI MARCHIO H=50 PIXEL L=140 PIXEL, IMPAGINATO IN ALTO A SINISTRA IN UN TASSELLO BIANCO LARGO 150 PIXEL E ALTO 76 PIXEL.LA DOPPIA FASCIA VERDE DEVE ESSERE ALTA 76 PIXEL E LARGA QUANTO LA PAGINA.

44

ESEMPI APPLICAZIONE FORMAT NON CORRETTI

45

pagina stampa A4

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

www.regione.lombardia.it

Head line.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset she-ets containing Lorem Ipsum passages, and more recently with desktop publishing.

www.regione.lombardia.it

pagina stampa A4

Head line.

NO

NO

ESEMPIO A: TASSELLO BIANCO MODIFICATO

ESEMPIO B: URL PIù GRANDE DEL TASSELLO BIANCO

esempio A esempio B

46

pagina stampa A4

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Head line.

pagina stampa A4

Head line.

www.regione.lombardia.it www.regione.lombardia.it

NO

NO

esempio C esempio D

ESEMPIO C: MANCATA APPLICAZIONE DELL’OMBRA DELLA FASCIA

ESEMPIO D: ERRATO POSIZIONAMENTO DEL MARCHIO COPARTNER

47

APPENDICE. ESEMPI MATERIALE BELOW THE LINE

48

SUL FRONTE DEL LEAFLET IL TASSELLO BIANCO CONTENENTE IL MARCHIO DEVE POGGIARE SU CIRCA 1/6 DELLA LARGHEZZA DEL LEAFLET (LA DISTANZA Y DEVE SEMPRE ESSERE RISPETTATA).

L’ALTEZZA DELLE DUE FASCE VERDI È SEMPRE PARI A 1/9 DELL’ALTEZZA DEL LEAFLET,COME RAPPRESENTATO IN FIGURA.

FRONTERETRO

YY

www.regione.lombardia.it

VERSIONI IN NEGATIVO - POSITIVO

esempio leaflet formato a 2 ante

YY

49

YY

www.regione.lombardia.it

SUL FRONTE DEL LEAFLET IL TASSELLO BIANCO CONTENENTE IL MARCHIO DEVE POGGIARE SU CIRCA 1/9 DELLA LARGHEZZA DEL LEAFLET (LA DISTANZA Y DEVE SEMPRE ESSERE RISPETTATA).

L’ALTEZZA DELLE DUE FASCE VERDI È SEMPRE PARI A 1/9 DELL’ALTEZZA DEL LEAFLET,COME RAPPRESENTATO IN FIGURA.

esempio leaflet formato a 3 ante

YY

50

IL NOME DELLE DIREZIONI GENERALI DEVE SEMPRE ESSERE POSIZIONATO IN ALTO IN MODO CHE SIA ALLINEATO A BANDIERA CON IL LATO DESTRO DEL TASSELLO. PER TUTTO IL TESTO SARÀ UTILIZZATA LA FONT CENTURY GOTHIC.PER IL NOME DELLE DIREZIONI GENERALI È CONSIGLIATO UN CORPO PARI A 10pt E L’USO DEL PANTONE 356 C.

Format Slide Power Point

ESEMPIO TITOLO LOREM IPSUM DTLOR SIT ASMET.

ESEMPIO PARAGRAFO 1

ESEMPIO TESTO LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. PHASELLUS ERAT.

DONEC DAPIBUS ORCI QUIS LECTUS. PRAESENT PHARETRA FRINGILLA MAURIS. AENEAN DUI AUGUE,

DIGNISSIM ET, EGESTAS NON, VESTIBULUM QUIS, TURPIS. MORBI ULTRICIES BIBENDUM MAGNA.

FUSCE SODALES. ETIAM FEUGIAT TEMPOR DIAM. DONEC DIGNISSIM NUNC UT LACUS. FUSCE MOLLIS

DIREZIONE GENERALE GIOVANI, SPORT, TURISMO E SICUREZZA

51