I D E N T I D A D E V I S U A L

Transcrição

1 IDENTIDADE VISUAL

2 A percepção realiza ao nível sensório o que no domínio do raciocínio se conhece como entendimento. Ver é compreender. Rudolf Arnheim, sociólogo

3 SUMÁRIO Apresentação...3 Conceito visual...4 Grids gráficos...9 Tipologia...18 Cores...27 Papelaria...28 Outras peças...33

4 Toda organização tem uma imagem corporativa, queira ter ou não (...) Steven Howard, consultor de marketing A imagem corporativa de uma organização é formada pela percepção, por parte do público, de seu posicionamento e atuação através de elementos visíveis e compreensíveis dentro de um contexto de comunicação. Essa imagem pode ser formada ao mero acaso ou trabalhada permanente e sistematicamente visando a construção de uma identidade forte condizente com seus valores e filosofia. Num contexto global sabemos que hoje o cidadão comum recebe cerca de três mil mensagens diárias de marketing. Pela própria limitação de nossa capacidade cerebral de assimilação, processamento e armazenamento de informações, nos tornamos seletivos. O universo de organizações, empresas ou produtos que merecem nossa atenção e percepção é restrito. Uma posição dentro deste universo deve ser conquistada, construída e trabalhada de forma coerente e constante. A excelência na comunicação está diretamente relacionada a uma imagem corporativa forte. E, na construção desta imagem, a identidade visual é fator fundamental. De cinquenta anos para cá as gerações têm se baseado cada vez mais em experiências visuais (fotografia, cinema, TV, revistas, entre outras) na construção de suas percepções do mundo. O design é a primeira associação tangível do posicionamento de uma organização. Uma identidade visual consistente só é possível quando a apresentação de todos os componentes da organização respeita um sistema visual único. Através deste sistema e de seus elementos é possível alcançar uma linguagem própria com implicações na forma de pensar, organizar e transmitir informações ao público. Este manual tem como objetivo fornecer instrumentos e diretrizes para o desenvolvimento de uma identidade visual forte e a construção de uma imagem corporativa de excelência para a AVINA.

5 CONCEITO VISUAL Os signos nasceram com a rebeldia do pensamento abstrato e da imaginação simbólica Joan Costa, Comunicólogo 4

6 Missão: Contribuir para o desenvolvimento sustentável da América Latina fomentando a construção de vínculos de confiança e alianças frutíferas entre líderes sociais e empresariais, articulando ações consensuais. CONCEITO VISUAL Baseando-se na missão da organização, síntese de seus valores e filosofia, a identidade visual da AVINA busca traduzir visualmente três conceitos-chave: 1 - Sustentabilidade 2 - Aliança 3 - Diversidade 5

7 1 - Sustentabilidade Sustentar significa dar apoio, suporte. E é através desse apoio que a organização busca atingir seus objetivos. Construir e/ou fortalecer a base para um ciclo viável de desenvolvimento econômico, inclusão e responsabilidade social. A apropriação do ícone presente na base da marca AVINA empresta significado visual a este conceito. O elemento sutil e de forma delicada ganha força e destaque na construção dos grids gráficos da comunicação visual como veremos a seguir. CONCEITO VISUAL 6

8 2 - Aliança Os conceitos de união, aliança, solidariedade e reciprocidade também são premissas na construção de nossa identidade visual. Estes conceitos são representados aqui pela interseção, ponto de encontro, entre duas massas gráficas. Pelo traçado do grid, chave do sistema gráfico a ser proposto aqui, esta área de união tem a exata forma do ícone apropriado da marca AVINA. CONCEITO VISUAL Assim, buscamos localizar o ponto específico de atuação da organização junto aos diversos agentes da sociedade, parceiros, comunidades e suas lideranças. 7

9 3 - Diversidade A característica mais forte e marcante das sociedades latino-americanas provavelmente é a sua diversidade. Diversidade cultural, racial e socioeconômica. Em nosso sistema gráfico, essa diversidade é representada por uma variada paleta de cores e suas sobreposições (página 21). A AVINA atua em inúmeras localidades deste vasto continente e deve conhecer e respeitar as particularidades e singularidades de cada uma delas. A variedade e multiplicidade proposta em nosso sistema de cores permite que a organização se apresente com muitas caras, fale muitas línguas e tenha muitas culturas sem perder sua unidade gráfica. CONCEITO VISUAL 8

10 Sendo impossível contemplar aqui os inúmeros formatos existentes de peças gráficas que podem vir a ser produzidas pela organização, demonstramos apenas alguns dos mais usuais, para efeito de exemplificação do sistema construção dos grids, levando em consideração suas diferentes proporções e adequação aos meios. Os parâmetros aqui estabelecidos devem ser aplicados também na diagramação de peças similares cujos formatos eventualmente não constem neste manual. GRIDS GRÁFICOS CARTAZ O título deve estar localizado dentro da área de ilustração podendo, nesta área, variar sua posição e alinhamento de acordo com a imagem de fundo ou diagramação da peça. Área de ilustração Mancha organizadora de informações Texto complementar Marca centralizada abaixo do ícone do grid Endereço do site 9

11 Exemplos de cartazes GRIDS GRÁFICOS 10

12 Como próprio nome diz, a Mancha Organizadora de Informações existe para delimitar uma área específica dentro da peça onde informações relevantes possam ser lidas de forma clara e objetiva. Sendo assim, sua área pode variar de acordo com o volume de informações contidas na peça. Essa mesma regra vale, não somente para cartazes, mas também para as demais peças exemplificadas neste manual. GRIDS GRÁFICOS Exemplos de cartazes com volumes de informações diferentes 11

13 ANÚNCIOS PARA JORNAIS E REVISTAS - Formatos horizontais GRIDS GRÁFICOS Endereço do site Área de ilustração O título deve estar localizado dentro da área de ilustração podendo, nesta área, variar sua posição e alinhamento e corpo de letra de acordo com a imagem de fundo ou com a diagramação da peça. Texto Mancha organizadora de informações Marca 12

14 Exemplos de anúncios em formatos horizontais GRIDS GRÁFICOS 13

15 ANÚNCIOS PARA JORNAIS E REVISTAS - Formatos verticais GRIDS GRÁFICOS O título deve estar localizado dentro da área de ilustração podendo, nesta área, variar sua posição e alinhamento e corpo de letra de acordo com a imagem de fundo ou com a diagramação da peça. Endereço do site Área de ilustração Mancha organizadora de informações Texto Marca 14

16 Exemplo de anúncios em formatos verticais GRIDS GRÁFICOS 15

17 BANNER O título deve estar localizado dentro da área de ilustração podendo, nesta área, variar sua posição e alinhamento e corpo de letra de acordo com a imagem de fundo ou com a diagramação da peça. GRIDS GRÁFICOS Área de ilustração Mancha organizadora de informações Texto Endereço do site 16

18 Exemplo de banner GRIDS GRÁFICOS 17

19 A tipologia é um dos componentes mais determinantes na construção de um padrão de identidade visual. Além de conferir uniformidade gráfica a todo o conjunto de peças de comunicação de uma organização, expressa, subjetivamente, atributos inerentes à imagem corporativa da mesma. TIPOLOGIA O sistema de tipologias utilizado na comunicação visual da AVINA apresenta duas composições possíveis, diferenciadas em função do público a ser atingido e da adequação à forma de produção e finalização das peças de comunicação. Temos assim, em relação às tipologias a serem utililizadas, duas linhas distintas de comunicação visual: Linha de comunicação para o público externo - Banners, folders, cartazes e peças publicitárias em geral além de papelaria institucional e peças para internet, destinadas ao grande público. Linha de comunicação para o público interno - Comunicados, apresentações em slides ou Power Point e peças de comunicação indoor destinadas a funcionários, representantes ou parceiros da AVINA e/ou produzidas pelos mesmos. 18

20 COMUNICAÇÃO PARA O PÚBLICO EXTERNO Aqui o sistema de tipologias utilizado é composto for duas famílias de fontes selecionadas por suas características gráficas e conceituais. T I P O LO GI A A fonte Conduit ITC Bold deve ser utilizada exclusivamente em títulos e mensagens de leitura rápida por sua alta legibilidade. Essa fonte, bastonada (sem serifas), tem construção clássica porém suas curvas fogem dos gabaritos convencionais e lhe conferem modernidade, sobriedade e personalidade. Conduit ITC Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz,.;:!? àáãôç @$%&*() 19

21 As variantes da família Conduit ITC podem ainda ser utilizadas em momentos de leitura segundária como subtítulos, legendas, leads, créditos etc. Conduit ITC Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz TIPOLOGIA Conduit ITC Light Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz Conduit ITC Medium ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz Conduit ITC Medium Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz Conduit ITC Bold Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz 20

22 Para textos mais descritivos e extensos a fonte utilizada deve ser preferencialmente a Minion Pro Regular. TIPOLOGIA Minion Pro Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz,.;:!? àáãôç @$%&*() 21

23 As variantes da família Minion Pro podem ainda ser utilizadas nos textos sempre que se fizer nescessária a utilização de recursos gráficos como negritos, itálicos etc. Minion Pro Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz àáãôç @$%&*(),.;:!? TIPOLOGIA Minion Pro Semibold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz àáãôç @$%&*(),.;:!? Minion Pro Semibold Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz àáãôç @$%&*(),.;:!? Minion Pro Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz àáãôç @$%&*(),.;:!? Minion Pro Bold Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz àáãôç @$%&*(),.;:!? 22

24 COMUNICAÇÃO PARA O PÚBLICO INTERNO Para peças produzidas exclusivamente para e/ou pelo público interno devem ser utilizadas fontes que sejam acessíveis e compatíveis com sistemas operacionais utilizados por representantes e parceiros da AVINA nas mais diversas regiões e realidades em que se encontrem. T I P O LO GI A Para tanto procuramos eleger famílias tipológicas que tenham características de desenho e construção similares ou próximas àquelas utilizadas na comunicação para o público externo, mantendo assim as mesmas diretrizes e a unidade determinada pela identidade visual, sem colocar barreiras de ordem prática e tecnológica no desenvolvimento de nossa comunicação. Aqui, para títulos e mensagens de leitura rápida, deve ser utilizada a fonte Helvetica Neue Bold Condensed. Helvetica Neue Bold Condensed ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz,.;:!? àáãôç @$%&*() 23

25 As variantes da família Helvetica Neue podem ainda ser utilizadas em momentos de leitura segundária como subtítulos, legendas, leads, créditos etc. TIPOLOGIA Helvetica Neue Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz Helvetica Neue Light Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz Helvetica Neue Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz Helvetica Neue Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz 24

26 Para textos mais descritivos e extensos, dentro da linha de comunicação para o público interno, a fonte utilizada deve ser preferencialmente a Garamond Regular. TIPOLOGIA Garamond Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz,.;:!? àáãôç @$%&*() 25

27 Outras variantes da família Garamond podem ainda ser utilizadas nos textos sempre que se fizer nescessária a utilização de recursos gráficos como negritos, itálicos etc. TIPOLOGIA Garamond Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz àáãôç @$%&*(),.;:!? Garamond Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghyjklmnopqrstuvwxyz àáãôç @$%&*(),.;:!? 26

28 Para a composição cromática dos grids demonstrados anteriormente a identidade visual da AVINA utliza a seguinte paleta de cores: CORES Composição 1 Pantone CMYK...C100 M70 Y0 K10 RGB...R0 G82 B156 Composição 2 Pantone...red 032 CMYK...C0 M100 Y100 K0 RGB...R255 G0 B0 Pantone...cyan CMYK...C100 M0 Y0 K0 RGB...R0 G160 B198 Pantone CMYK...C0 M70 Y100 K0 RGB...R255 G77 B0 Pantone CMYK...C0 M25 Y100 K0 RGB...R255 G191 B0 Pantone CMYK...C0 M25 Y100 K0 RGB...R255 G191 B0 Composição 3 Pantone CMYK...C100 M40 Y100 K0 RGB...R0 G82 B33 Composição 4 (Papelaria) Pantone CMYK...C100 M70 Y0 K10 RGB...R0 G82 B156 Pantone CMYK...C55 M0 Y100 K0 RGB...R15 G90 B30 Pantone (50%) CMYK...C50 M35 Y0 K5 RGB...R123 G145 B195 Pantone...cyan CMYK...C100 M0 Y0 K0 RGB...R0 G160 B198 Pantone (20%) CMYK...C20 M14 Y0 K2 RGB...R194 G201 B227 27

29 CARTÃO DE VISITAS PAPELARIA Conduit ITC Bold Conduit ITC Light Minion Pro Italic Frente Minion Pro SemiBold Italic Verso Minion Pro SemiBold Italic 28

30 Papel A4 PAPELARIA Minion Pro SemiBold Italic 29

31 Envelope Carta Frente Espaço para endereçamento PAPELARIA Verso Minion Pro SemiBold Italic 30

32 Envelope Saco Verso PAPELARIA Espaço para endereçamento Frente Minion Pro SemiBold Italic 31

33 Pasta com bolsa Interior PAPELARIA Frente Minion Pro SemiBold Italic 32

34 FOLHETOS Capa OUTRAS PEÇAS Miolo Verso 33

35 SLIDES PARA APRESENTAÇÕES OUTRAS PEÇAS Helvetica Neue Bold Condensed Slide de abertura Slide com bullets Slide de texto Helvetica Neue Bold Condensed Garamond Italic Garamond Italic 34

36 CERTIFICADO Conduit ITC Bold Minion Pro Italic OUTRAS PEÇAS Minion Pro Regular 35

37 HOME PAGE OUTRAS PEÇAS 36

38