22
Manual de Identidade Visual

Miv+ +next

  • Upload
    ckabral

  • View
    138

  • Download
    2

Embed Size (px)

Citation preview

Page 1: Miv+ +next

Manual de Identidade Visual

Page 2: Miv+ +next

Identidade VisualProf. Ana Mansur

Design Gráfico - Noite

Gustavo CamposKelli Aparecida Guidollini

Leandro CabralMaria Isabella

Samir da Silva Valadares

Antônio Stilben Ebert

Manual de Identi

dade V

isual

Page 3: Miv+ +next

SumárioM

anual de Identi

dade V

isual

Apresentação

Sistema modular

Construção do símbolo

Tipografia

Tipograma

Tipograma - versão auxiliar

Assinatura horizontal

Assinatura vertical

Código cromático

Tratamentos cromáticos principais

Tratamentos cromáticos secundários

Tratamentos cromáticos de exceção - negativo / vazado

Tratamentos cromáticos de exceção - fundos coloridos e imagens

Papelaria cartões de visita

Papelaria papel de carta

Aplicações

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

Page 4: Miv+ +next

A Identidade Visual de uma empresa é um de seus principais patrimônios.

É por meio dela que uma instituição transmite visualmente seus valores, sua

filosofia torna-se visível e reconhecida pelo público.

Este manual estabelece um conjunto de normas para que a aplicação e uso

dos elementos de Identidade Visual do Next Supermercados sejam

estabelecidos de maneira uniforme e coerente.

Resultado de um intenso trabalho de pesquisa e desenvolvimento, o

presente documento tem como finalidade informar e servir de base para a

constituição e consolidação da marca do Next Supermercados. O uso

coerente e sistemático das normas contidas neste manual ajudarão a reforçar

a imagem da instituição

Conceitos da marca

ApresentaçãoM

anual de Identi

dade V

isual

A criação do símbolo da marca Next Supermercados foi inspirada na

imagem de duas mão unidas (imagem acima), simbolizando a amizade e a

união entre o consumidor e o Next Supermercados pelo bom atendimento.

A tipografia do logotipo foi escolhida para representar, através da sua

pequena inclinação para a direita, agilidade e praticidade.

Foi realizada uma intensa pesquisa até a escolha das cores, aonde através do

verde passamos a sensação de nataralidade, fortalecendo o conceito da

praticidade e através do vermelho fortalecemos o conceito do bom

atendimento.

4

Page 5: Miv+ +next

Sistema modular

Estabelecer o módulo padrão é o passo inicial para a definição das corretas

relações entre os componentes do símbolo e, a partir desta definição,

estruturar todo o comportamento das expressões visuais da marca.

Wollner, Alexandre - Alexandre Wollner: Design Visual 50 anos

1

2

3

1 2 3

Manual de Identi

dade V

isual

A base do sistema modular é o

quadrado. Através dele podemos

estabelecer um módulo padrão para

criar uma estrutura para a construção

de todos os diagramas da identidade.

1

2

3

2 3

O quadrado deve ser dividido em 3 x 3

módulos iguais, onde cada módulo

pode ser dividido em 3 submódulos e

assim sucessivamente.

1

1

2

3

4

5

6

7

8

9

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

x

y

5

Page 6: Miv+ +next

Construção do símbolo

A relação entre a largura e a altura do símbolo é de 3 módulos de largura,

onde a altura é proporcional ao limite do módulo x/32 - y/23.

Como trata-se de um desenho de formas curvilíneas, não se justifica uma

geometrização sistemática da forma, visto que isso tornaria a construção

muito complexa. Optou-se pela simples indicação das proporções do

símbolo, que devem ser rigidamente obedecidas.

1

2

3

1 2 3

Manual de Identi

dade V

isual

Os círculos vermelhos delimitam os

pontos de extremidade do símbolo. 1

2

3

2 31

1

2

4

5

6

7

8

9

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

3

x

y

6

Page 7: Miv+ +next

Tipografia

O projeto se baseia em duas famílias tipográficas:

Trebuchet MS e Book Antiqua.

A regra de uso dessas duas famílias é muito simples. Trebuchet MS é a base

de toda a identidade, devendo ser utilizada como tipografia principal.

Book Antiqua deve ser utilizada como tipografia auxiliar, em textos longos

(documentos, publicações, etc.).

Cada uma dessas fontes caracteriza uma variação da família como:

Normal, Normal-Itálico, Negrito e Negrito-Itálico.

Essa gama de variações estabelece uma unidade tipográfica na identidade

do Next Supermercados, visto que a versatilidade dessas duas famílias torna

técnicamente viável a produção de peças que vão desde folhetos e cartazes

de promoções até sinalizações visuais em grandes formatos.

Manual de Identi

dade V

isual

Trebuchet MS

Normal

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!"#$%&'()*+,-./:;<=>?@[^_`|

Normal-Itálico

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!"#$%&'()*+,-./:;<=>?@[^_`|

Negrito

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!"#$%&'()*+,-./:;<=>?@[^_`|

Negrito-Itálico

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!"#$%&'()*+,-./:;<=>?@[^_`|

Book Antiqua

Normal

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!"#$%&'()*+,-./:;<=>?@[^_`|

Normal-Itálico

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!"#$%&'()*+,-./:;<=>?@[^_`|

Negrito

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!"#$%&'()*+,-./:;<=>?@[^_`|

Negrito-Itálico

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!"#$%&'()*+,-./:;<=>?@[^_`|

7

Page 8: Miv+ +next

Tipograma

O tipograma consiste na forma de representação gráfica do logotipo Next

através da especificação de signos alfabéticos de um tipo existente.

O tipograma Next deve ser composto com o tipo Eras Demi ITC.

O módulo padrão de espacejamento entre caracteres do tipograma é

definido a partir da largura do topo da haste da letra N, dividida em 12

partes iguais. Cada parte é considerada um módulo de espacejamento.

A altura do tipograma é determinada pela altura da letra t, que tem a

medida de 4,5 x 12 módulos.

Manual de Identi

dade V

isual

12

527

12

5

A tipografia utilizada no logotipo

Next não deve ser usava como

tipografia institucional.

Usar somente os tipos citados no item

Tipografia (ver item tipografia).

A tipografia utilizada na assinatura

da atividade é a Tremuchet MS, a

tipografia principal do sistema.

A assinatura da atividade deve ter o

tamanho proporcional ao espaço

entre a letra e e a letra t do logotipo,

alinhada à base no espaço de 2 x 12

módulos abaixo do logotipo.

Assinatura da Atividade

Na imagem ao lado, um detalhe do

diagrama. Os círculos em vermelho

delimitam os pontos de extremidade

do logotipo. Esses pontos devem ser

tomados como referência para

relações de espaçamento.

8

Page 9: Miv+ +next

Tipograma - versão auxiliar

Na versão auxiliar, o tipograma é formado pela união do logotipo Next

acima da assinatura da atividade com espaçamento de 24 módulos da

esquerda do logtipo e 23 módulos da direita.

Manual de Identi

dade V

isual

A versão auxiliar só deve ser usada

na assinatura vertical, aonde a

assinatura horizontal, que é a

assinatura principal, não tiver como

ser aplicada. (ver item assinaturas)

24 23

9

Page 10: Miv+ +next

Assinatura horizontal

O termo assinatura é utilizado para a combinação do símbolo com o

logotipo. O sistema estabelece a assinatura horizontal como assinatura

principal.

O logotipo deve ser colocado à lateral direita do símbolo e alinhado à sua

base. A sua altura (logotipo e assinatura da atividade) corresponder a 2

módulos do símbolo.

A distância entre o símbolo e o logotipo deve ser de 12 módulos do

tipograma.

Manual de Identi

dade V

isual

A área livre ao redor da marca é

equivalente ao tamanho da letra x do

logotipo. Esta área não pode conter

nenhum texto ou outro elemento

gráfico.

Se a marca estiver inserida em uma

imagem, a área livre deve conter

apenas cor (ver tratamentos

cromáticos) ou branco, ou ao menos

não deve haver nenhum objeto que

interfira na marca.

12

A marca só poderá ser reduzida a

20 mm de largura.

A marca não pode ser aplicada menor

que o tamanho determinado pois

perderá seus conceitos e não dará

leitura.

20mm

10

Page 11: Miv+ +next

Assinatura vertical

A assinatura vertical é tratada como assinatura auxiliar.

Deve-se dar prioridade a assinatura principal (horizontal). A assinatura

auxiliar deve ser aplicada com restrições, em casos onde a assinatura

horizontal não pode ser aplicada.

Na assinatura vertical não há espaço entre o símbolo e o tipograma.

Manual de Identi

dade V

isual

A área livre ao redor da marca é

equivalente ao tamanho da letra x do

logotipo. Esta área não pode conter

nenhum texto ou outro elemento

gráfico.

Se a marca estiver inserida em uma

imagem, a área livre deve conter

apenas cor (ver tratamentos

cromáticos) ou branco, ou ao menos

não deve haver nenhum objeto que

interfira na marca.

A marca só poderá ser reduzida a

15 mm de altura.

A marca não pode ser aplicada menor

que o tamanho determinado pois

perderá seus conceitos e não dará

leitura.

15 mm

11

Page 12: Miv+ +next

Código cromático

O bom funcionamento do sistema de identidade visual está sujeito à

especificação de um código cromático.

É importante que seja mantida uma unidade cromática em todo o sistema,

tendo em vista que as cores sofrem alterações conforme o processo de

impressão, superfície utilizada (papel, tecido, chapa metálica etc.), fonte de

luz e ambiente.

Manual de Identi

dade V

isual

12

Sistema PantonePantone 180 c

Pantone 361 c

Sistema RGBR:206 G:52 B:46

R:50 G:1176 B:75

Sistema CMYKC:3 M:92 Y:87 K:12

C:77 M:2 Y:99 K:0

Código Hexadecimal#ce342e

#32b04b

Page 13: Miv+ +next

Tratamentos cromáticos principais

Em todos os casos, deve-se priorizar o uso das assinaturas nas duas cores

institucionais da empresa (verde e vermelho), com o logotipo sempre em

verde e a assinatura da atividade sempre em vermelho.

Manual de Identi

dade V

isual

Deve-se dar prioridade a assinatura

principal (horizontal). A assinatura

auxiliar deve ser aplicada com

restrições, em casos onde a assinatura

horizontal não pode ser aplicada.

13

Page 14: Miv+ +next

Tratamentos cromáticos secundários

O sistema estabelece também tratamentos cromáticos secundários, para

quando não for possível utilizar as assinaturas em duas cores.

A assinatura horizontal e vertical pode ser aplicada tanto em preto como em

verde ou vermelho.

O percentual das cores saturadas é sempre de 50% da sua cor pura (preto

50%, verde 50% ou vermelho 50%), devendo ser convertida para rgb para

projetos multimídia.

Manual de Identi

dade V

isual

O percentual de preto usado no cinza

é de 50 %.

C:0 M:0 Y:0 K:50

O percentual de verde usado no

verde saturado é de 50 %.

C:50 M:0 Y:50 K:0

O percentual de vermelho usado no

vermelho saturado é de 50 %.

C:0 M:50 Y:50 K:0

14

Page 15: Miv+ +next

Tratamentos cromáticos de exceçãonegativo / vazado

As assinaturas só podem ser aplicadas em negativo ou vazado em casos

excepcionais, quando for impossível trabalhar com as versões principais ou

secundárias.

Essa forma de assinatura deve ser extremamente evitada. Só deve ser

aplicadas em fundos escuros, de preferência, nas cores institucionais.

Manual de Identi

dade V

isual

15

Page 16: Miv+ +next

Tratamentos cromáticos de exceçãofundos coloridos e imagens

Sempre que aplicada sobre fundos coloridos ou imagens, a assinatura deve

estar visualmente destacada do fundo. Isso significa que deve haver um

contraste suficiente entre tons do plano de fundo e da assinatura. Em todos

os casos, deve se dar preferência para fundos de cores neutras e texturas

homogêneas.

Manual de Identi

dade V

isual

Quando o plano de fundo apresentar

tons claros, deve-se usar as

assinaturas no seu tratamento

cromático principal.

Quando o plano de fundo apresentar

tons escuros, deve-se usar as

assinaturas em negativo ou vazado.

16

Page 17: Miv+ +next

Papelariacartões de visita

O formato determinado para os cartões de visita é de 90 x 50 mm. A unidade

mínima do grid modular dos cartões é de 5 mm, onde o eixo vertical é

dividido em 10 módulos e o eixo horizontal em 30 módulos.

Nome Sobrenome

[email protected]

Cargo

Manual de Identi

dade V

isual

Os elementos gráficos devem ser

devidamente acomodados nesse grid.

O tamanho do corpo deve ser de

7/11,5 pt.

Rua, Número Complemento

Bairro - Cidade - UF

00 0000-0000 / 00 0000-0000

Gustavo José Campos Martins

[email protected]

Diretor de Arte

Rua Belo Horizonte, 531

Nova América - Nova Iguaçu - RJ

21 3101-2538 / 21 9557-5307

Trebuchet MS Negritocorpo 7/11,5 pt

Trebuchet MS Normalcorpo 7/11,5 pt

17

Page 18: Miv+ +next

1

2

3

4

5

6

1 2 3 4 5 6

Papelariapapel de carta

Manual de Identi

dade V

isual

No cabeçalho deve-se usar o tipo

Trebuchet MS Normal com corpo

8/12,75 pt.

Para os blocos de texto deve-se usar o

tipo Book Antiqua com o corpo

10/12 pt.

18

Foi determinado o tamanho A4 para o papel de carta, dividido em 6

módulos que pode ser divididos em 3 sub-módulos e assim sucessivamente.

Divide-se a altura do formato em 66 linhas iguais de 4,5 mm. Esse valor

determina a entrelinha da pagina (12,75pt).

Page 19: Miv+ +next

Papelariapapel de carta

Manual de Identi

dade V

isual

Medidas de margens e posicionamento

correto dos elementos da página.

35mm

49,5

mm

49,5

mm

22,5

mm

19

Page 20: Miv+ +next

AplicaçõesM

anual de Identi

dade V

isual

100 %

15 %

100 %

80 %

70 %

Av. Presidente Vargas, 642 - Centro - Rio de Janeiro - RJ21 2205-9772 / 21 2205-9273

20

Page 21: Miv+ +next

AplicaçõesM

anual de Identi

dade V

isual

80 mm

80 mm

21

Page 22: Miv+ +next

AplicaçõesM

anual de Identi

dade V

isual

80 mm

80 mm

21