Transcript
Page 1: Manual de Identidade Visual do Projeto Viver
Page 2: Manual de Identidade Visual do Projeto Viver
Page 3: Manual de Identidade Visual do Projeto Viver
Page 4: Manual de Identidade Visual do Projeto Viver
Page 5: Manual de Identidade Visual do Projeto Viver

O trabalho que NilsonGarrido vem executando ao

lado de Cora Batista merecereconhecimento e um

tratamento digno.

Digno pois é dignidade o queeles devolvem as pessoas que

utilizam aquele espaço.

É o meu desejo e a minhaesperança que esse

trabalho perdure.

O que segue é o manual douso da marca idealizada

para o Projeto Viver.

A adesão às regras deste guiagarantem sua integridade.

Introdução

Page 6: Manual de Identidade Visual do Projeto Viver
Page 7: Manual de Identidade Visual do Projeto Viver

081014223042545866

Paleta de CoresTipografia da Marca

A Marca & sua ConstruçãoNegativos & PositivosUso com Fundos Lisos

Uso com Texturas & FotosDecalques em ParedesDecalques em Roupas

Proibições de Uso

Índice

Page 8: Manual de Identidade Visual do Projeto Viver

8

Paleta de Cores

CMYKC 0 M 100 Y 100 K 33RGBR 170 G 0 B 0

CMYKC 0 M 0 Y 0 K 0RGBR 255 G 255 B 255

Vermelho bordô derivadoda cor das luvas de boxese dos sacos de pancadatradicionais e icônicos.

Branco derivado da basedos adesivos utilizados emintervenções de espaçosurbanos.

Cor preferencial quandoda escolha do fundo emque a marca será aplicada.

Page 9: Manual de Identidade Visual do Projeto Viver

9

Cores Complementares

CMYKC 60 M 60 Y 40 K 100RGBR 0 G 0 B 0

CMYKC 2 M 2 Y 3 K 20RGBR 200 G 200 B 198

Cor preta enriquecida,para uso com negativos oupara materiais extras.

Cinza concreto claro, corde fundo complementar,funciona com a versãonormal e o positivoda marca.

Page 10: Manual de Identidade Visual do Projeto Viver

10

Tipografia da Marca

A B CD E F G h i jk l m n op q r s t u vw X y z

1 2 34 5 6 78 9 0

Fonte "aaaiigh!" regular

Page 11: Manual de Identidade Visual do Projeto Viver

11

Tipografia ComplementarFonte "Lato" light

AaBbCcDdEeFfGgHhIiJj

KkLlMmNnOoPpQqRrSsTtUuVv

WwXxYyZz123

4567890

Page 12: Manual de Identidade Visual do Projeto Viver

12

Tipografia ComplementarFonte "Lato" regular

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz1234567890

Page 13: Manual de Identidade Visual do Projeto Viver

13

Tipografia ComplementarFonte "Lato" light italic

AaBbCcDdEeFfGgHhIiJj

KkLlMmNnOoPpQqRrSsTtUuVv

WwXxYyZz123

4567890

Page 14: Manual de Identidade Visual do Projeto Viver

14

Constituída pela ilustração dohomem reciclado emconjunto com a tipografia,formando um bloco sólido nalinguagem de adesivo.

A Marca

Page 15: Manual de Identidade Visual do Projeto Viver

15

Page 16: Manual de Identidade Visual do Projeto Viver

16

Colocado dentro de umagrade em que o valor de X éequivalente à largura dopingo do 'i' da palavra 'Viver'.

Construção da Marca

Page 17: Manual de Identidade Visual do Projeto Viver

17

{

{

xx

1/3

Page 18: Manual de Identidade Visual do Projeto Viver

18

Uma margem mínima de 2Xdeve ser mantida no entornoda marca.

Isso é válido para todo equalquer uso da marca.

Nenhum elemento deveinvadir esse espaço.

Limites de Interferência

{{

xx

{ {2x

x

Page 19: Manual de Identidade Visual do Projeto Viver

19

Margem interna

{2x {2x

Margem externa

Page 20: Manual de Identidade Visual do Projeto Viver

20

Limites de ReduçãoPara garantir a legibilidade damarca, é vital que a mesmanão seja reduzida além doslimites demonstrados ao lado.

Page 21: Manual de Identidade Visual do Projeto Viver

21

20 mm

80 pixels

Page 22: Manual de Identidade Visual do Projeto Viver

22

Positivo em Cor Clara

22

Page 23: Manual de Identidade Visual do Projeto Viver

23

Negativo em Cor Clara

23

Page 24: Manual de Identidade Visual do Projeto Viver

24

Positivo em Cor Clara

24

Page 25: Manual de Identidade Visual do Projeto Viver

25

Negativo em Cor Clara

25

Page 26: Manual de Identidade Visual do Projeto Viver

26

Positivo em Cor Escura

26

Page 27: Manual de Identidade Visual do Projeto Viver

27

Negativo em Cor Escura

27

Page 28: Manual de Identidade Visual do Projeto Viver

28

Positivo em P&B

Page 29: Manual de Identidade Visual do Projeto Viver

29

Negativo em P&B

29

Page 30: Manual de Identidade Visual do Projeto Viver

30

Colorido em Fundo EscuroEm fundos homogêneosescuros, é importante que amarca tenha contrastesuficiente para aparecer.

Caso o contraste seja muitobaixo, o ideal é utilizar umadas versões em negativo oupositivo.

30

Page 31: Manual de Identidade Visual do Projeto Viver

3131

Page 32: Manual de Identidade Visual do Projeto Viver

32

Cor c/ Cor ComplementarO uso do tom de cinzadefinido na paleta comocomplementar é uma opçãoextra para materiais da marca.

Essa é a versão tradicional dologo aplicada sobre a cor defundo lisa.

32

Page 33: Manual de Identidade Visual do Projeto Viver

3333

Page 34: Manual de Identidade Visual do Projeto Viver

34

Colorido em Fundo EscuroEm fundos homogêneosescuros, é importante que amarca tenha contrastesuficiente para aparecer.

Caso o contraste seja muitobaixo, o ideal é utilizar umadas versões em negativo oupositivo.

34

Negativo c/ ComplementarAo lado, a aplicação donegativo da marca sobre ocinza complementar.

34

Page 35: Manual de Identidade Visual do Projeto Viver

353535

Page 36: Manual de Identidade Visual do Projeto Viver

36

Colorido em Fundo EscuroEm fundos homogêneosescuros, é importante que amarca tenha contrastesuficiente para aparecer.

Caso o contraste seja muitobaixo, o ideal é utilizar umadas versões em negativo oupositivo.

36

Positivo c/ ComplementarAo lado, a aplicação dopositivo da marca sobre ocinza complementar.

36

Page 37: Manual de Identidade Visual do Projeto Viver

373737

Page 38: Manual de Identidade Visual do Projeto Viver

38

Colorido em Fundo c/ CorEm fundos homogêneoscoloridos e claros, a marcacontrasta o suficiente paraser aplicada em sua versãotradicional.

38

Page 39: Manual de Identidade Visual do Projeto Viver

3939

Page 40: Manual de Identidade Visual do Projeto Viver

40

Colorido em Fundo c/ CorEm fundos homogêneoscoloridos e claros, a marcacontrasta o suficiente paraser aplicada em sua versãotradicional.

40

Page 41: Manual de Identidade Visual do Projeto Viver

4141

Page 42: Manual de Identidade Visual do Projeto Viver

42

Sobre FotografiaÉ importante notar acomposição cromática deuma fotografia antes deutilizar a marca.

No exemplo ao lado, ela éaplicada em cores para sedestacar da paleta puxadapara o preto e branco da foto.

42

Page 43: Manual de Identidade Visual do Projeto Viver

43

Page 44: Manual de Identidade Visual do Projeto Viver

44

Sobre FotografiaÉ importante notar acomposição cromática deuma fotografia antes deutilizar a marca.

No exemplo ao lado, ela éaplicada em negativo paracontrastar com a paletaessencialmente azul da foto.

44

Page 45: Manual de Identidade Visual do Projeto Viver

45

Page 46: Manual de Identidade Visual do Projeto Viver

46

Sobre FotografiaÉ importante notar acomposição cromática deuma fotografia antes deutilizar a marca.

No exemplo ao lado, ela éaplicada em negativo paracontrastar com a paletaessencialmente azul da foto.

46

Page 47: Manual de Identidade Visual do Projeto Viver

47

Page 48: Manual de Identidade Visual do Projeto Viver

48

Sobre Fotografia/TexturaEm fundos heterogêneos,deve-se prestar atenção paradois detalhes importante: ocontraste da marca com ofundo e o nível de ruido que ofundo apresenta.

O ideal é que não haja grandevariação de cores no fundo eque seja visivelmente maisclaro ou mais escuro.

48

Page 49: Manual de Identidade Visual do Projeto Viver

49

Page 50: Manual de Identidade Visual do Projeto Viver

50

Sobre Fotografia/TexturaEm fundos homogêneos, amaior preocupação é que amarca tenha contrastesuficiente para aparecer.

50

Page 51: Manual de Identidade Visual do Projeto Viver

51

Page 52: Manual de Identidade Visual do Projeto Viver

52

Sobre Fotografia/TexturaEm fundos heterogêneos, éimportante que a marcatenha contraste suficientepara aparecer.

O exemplo ao lado é limítrofe:a marca não surte o mesmoimpacto obtido em fundosmais contrastantes e maishomogêneos.

Dê preferência à aplicaçõescom maior contraste.

52

Page 53: Manual de Identidade Visual do Projeto Viver

53

Page 54: Manual de Identidade Visual do Projeto Viver

54

DecalqueÉ possível realizar aplicaçõesde decalque com a marcasobre superfíciesrazoavelmente uniformes.

Ao lado, um exemplo de umdecalque sobre um muro detijolos pintados de branco.

54

Page 55: Manual de Identidade Visual do Projeto Viver

55

Page 56: Manual de Identidade Visual do Projeto Viver

56

DecalqueÉ possível realizar aplicaçõesde decalque com a marcasobre superfíciesrazoavelmente uniformes.

Em superfícies mais escuras,pode se fazer necessáriorealizar o decalque emnegativo ou pintar uma basebranca para o nome.

Ao lado, um exemplo de umdecalque sobre concreto coma base pintada em branco.

56

Page 57: Manual de Identidade Visual do Projeto Viver

57

Page 58: Manual de Identidade Visual do Projeto Viver

58

Decalque em RoupaA marca pode também seraplicada em materiaisesportivos.

Ao lado, um exemplo damarca aplicada à um shorts.

Page 59: Manual de Identidade Visual do Projeto Viver

59

Page 60: Manual de Identidade Visual do Projeto Viver

60

Decalque em RoupaA marca pode também seraplicada em materiaisesportivos.

Ao lado, um exemplo damarca aplicada à uma regatafeminina.

Page 61: Manual de Identidade Visual do Projeto Viver

61

Page 62: Manual de Identidade Visual do Projeto Viver

62

Decalque em RoupaA marca pode também seraplicada em materiaisesportivos.

Ao lado, um exemplo damarca aplicada à umacamiseta tradicional.

Page 63: Manual de Identidade Visual do Projeto Viver

63

Page 64: Manual de Identidade Visual do Projeto Viver

64

Proibições de Uso

Efeitos:

Distorcer a marca:Rotacionar a marca:

É importante que a marca nãoseja alterada de modo algumem sua utilização.

Seguem alguns dos exemplosdo que NÃO deve ser feito,em hipótese alguma, com amarca do Projeto Viver.

Page 65: Manual de Identidade Visual do Projeto Viver

65

Proibições de Uso

Usar Sombras:Usar Gradientes:

Usar elementos extras: Mudar a fonte:

Page 66: Manual de Identidade Visual do Projeto Viver

66

Page 67: Manual de Identidade Visual do Projeto Viver

67

Page 68: Manual de Identidade Visual do Projeto Viver

Manual de Marca do Projeto ViverElaboração: Otávio R. Lara - DG5AN - IED - 2012

Prática Profissional - Prof. Rodrigo Silveira