Transcript
Page 1: manual identidade visual producao - cin.ufpe.br

Manual de identidade visual

Page 2: manual identidade visual producao - cin.ufpe.br

Este manual apresenta orientações básicas para a construção, aplicação eutilização da marca do Centro de Informática da UFPE. O objetivo é orientaros profissionais sobre o uso da marca da instituição, em qualquer suporte,preservando seus conceitos gerais, identificação e legibilidade.

O planejamento da identidade visual do CIn-UFPE objetiva permitir uma melhor estruturação na visualização das informações através de materiais institucionais para o público interno e externo (fornecedores e clientes), com possibilidade de utilização de recursos que provoquem diferentes estímulos (imagens, efeitos gráficos, táteis etc), criando um sistema gráfico exclusivo e que transmita os conceitos da instituição de forma única e coerente.

A identidade visual de uma instituição está presente nos mais diversos tipos demateriais, na marca principal, aplicações em papelaria, diagramação dedocumentos, apresentações multimídias, vestuário, sinalização, organizaçãodo ambiente e uma série de outros elementos que compõem a imagem de umainstituição em seu dia-a-dia.

As informações contidas neste manual devem ser seguidas corretamente, poisos estudos desenvolvidos consideram inúmeras possibilidades de aplicação, esuas conclusões, mesmo resumidas neste documento, mostram resultadosideais, explicitados em pequenas notas sobre a aplicabilidade da marca emdiversos casos.

Apresentação

Page 3: manual identidade visual producao - cin.ufpe.br

Sumário

Malha Gráfica

Padrão Cromático - Marca

Padrão Cromático - Complementar

Padrão Tipográfico - Marca

Padrão Tipográfico - Institucional

Aplicações - Institucional

Aplicações - Positivo e Negativo

Aplicações - Tons de Cinza

Aplicações - Background Colorido

Aplicações - Background Textura

Aplicações - Grafismos

03

04

05

06

07

08

10

11

12

13

14

Page 4: manual identidade visual producao - cin.ufpe.br

Malha Gráfica

03

xx

Page 5: manual identidade visual producao - cin.ufpe.br

R:204 G:204 B:204

C:0 M:0 Y:0 K:20

100% PANTONE 188 CV

100% PANTONE Cool Gray 10 CV

35% PANTONE Cool Gray 10 CV

C:0 M:80 Y:65 K:50

C:0 M:0 Y:0 K:60

Padrão Cromático | Marca

R:125 G:51 B:51

R:102 G: B:102 102

04

Page 6: manual identidade visual producao - cin.ufpe.br

A cor amarelo-escuro está presente nos materiais gráficos do Cin, cuja função é complementar e contrastar com o padrão cromático da marca.

100% PANTONE 122 CV

C:0 M:20 Y:100 K:0

Padrão Cromático | Complementar

05

R:255 G:204 B:0

Page 7: manual identidade visual producao - cin.ufpe.br

Tipografia da marca

A tipografia utilizada na marca principal do CIN-UFPEé a Eras BD BT. Suas proporções regulares, a ausência de variação de espessura nas letras e sua forma arredondada ganham destaque no conjunto reforçando o nome da instituição.

Padrão Tipográfico | Marca

06

Page 8: manual identidade visual producao - cin.ufpe.br

Tipografia Institucional

Para a legenda e informações das peças institucionais foi utilizada atipografia Swis721 Cn BT, que oferece boa variação de estilos (negrito,italico) e boa legibilidade para textos longos. Deve ser aplicada nas informações dos materiais gráficos impressos e ou eletrônicos do CIn).A tipografia é atual, e apresenta harmonização com os grafismos.

Swis721 Cn BT - Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZÇabcdefghijklmnopqrstuvwxyzç1234567890?!-[]{}@#$%&*¨.,;´`~^

Swis721 Cn BT - Itálico

ABCDEFGHIJKLMNOPQRSTUVWXYZÇabcdefghijklmnopqrstuvwxyzç1234567890?!-[]{}@#$%&*¨.,;´`~^

Padrão Tipográfico | Institucional

07

Swis721 Cn BT

ABCDEFGHIJKLMNOPQRSTUVWXYZÇabcdefghijklmnopqrstuvwxyzç1234567890?!-[]{}@#$%&*¨.,;´`~^

Page 9: manual identidade visual producao - cin.ufpe.br

Aplicações | Versão Institucional

08

3X

5,5

X

2X

2X

3X

5,5

X

Page 10: manual identidade visual producao - cin.ufpe.br

09

Aplicações | Versão Institucional

2X

3X

5,5

X3

X5

,5X

2X

Page 11: manual identidade visual producao - cin.ufpe.br

Aplicações | Positivo e Negativo

10

Page 12: manual identidade visual producao - cin.ufpe.br

Aplicações | Tons de Cinza

11

Page 13: manual identidade visual producao - cin.ufpe.br

Aplicações | Background Colorido

12

Page 14: manual identidade visual producao - cin.ufpe.br

Aplicações | Background Textura

13

Page 15: manual identidade visual producao - cin.ufpe.br

Aplicação da marca

Retas cinza Cortes em curva 2 cores

Aplicações | Grafismos

14

Retas vermelhas

Cortes em curva 2 cores

Cortes em curva 1 cor

Cortes em curva 3 cores

Curva vermelha

C:0 M:80 Y:65 K:50100% PANTONE 188 CV+20% PANTONE BLACK

C:0 M:80 Y:65 K:35100% PANTONE 188 CV

C:0 M:80 Y:65 K:2585% PANTONE 188 CV

Page 16: manual identidade visual producao - cin.ufpe.br

www.circulodesign.com.brRecife | julho 2009


Top Related