Manual de Identidade Visual - MARE

22
Versão 1.0 | Julho 2014 Manual de Normas Gráficas

description

O MARE Centro de Ciências do Mar e do Ambiente é uma entidade com profundas ligações ao oceano.A simplicidade e equilíbrio estético unem-se através de um desenho minimalista, que reporta igualmente para um conceito de conhecimento de ponta e tecnologia usados para desenvolver ciência.Na sua génese, existe um espírito demodernidade e diferenciação das entidades já existentes que transparece na identidade atravésda abordagem a todos os domínios aquosos do planeta, do marinho ao fluvial, passando pelo estuarino.“Setenta e um por cento da superfície terrestre está coberta de água.”Este é o conceito subjacente ao símbolo e à identidade visual.Este manual cumpre a função de explicar os elementos que constituem esta identidade, de forma a que a sua aplicação possa ser efectuadacorretamente e com sucesso.

Transcript of Manual de Identidade Visual - MARE

Page 1: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 1Versão 1.0 | Julho 2014Versão 1.0 | Julho 2014

Manual de Normas Gráficas

Page 2: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 2Versão 1.0 | Julho 2014

ÍNDICE

3 // A IDENTIDADE DO MARE

4 // LOGOMARCA

8 // ÁREA DE PROTEÇÃO DA LOGOMARCA

9 // DIMENSÃO MÍNIMA DA LOGOMARCA

10 // CORES DA LOGOMARCA

11 // FORMATOS DA LOGOMARCA

12 // CORES DA IDENTIDADE VISUAL

12 Cores principais

13 Cores complementares

14 Cores para o logótipo e outras aplicações tipográficas

15 // ELEMENTOS GRÁFICOS DA IDENTIDADE VISUAL

15 Gradiente

16 Gráficos dinâmicos

17 Pictogramas

18 // TIPOGRAFIA

18 Fontes principais

18 Fonte complementar

19 // PROTEÇÃO DA LOGOMARCA

21 // PROTEÇÃO DA IDENTIDADE VISUAL

Page 3: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 3Versão 1.0 | Julho 2014

// A IDENTIDADE DO MARE

O MARE Centro de Ciências do Mar e do Ambiente é uma entidade com profundas ligações ao oceano.

A simplicidade e equilíbrio estético unem-se através de um desenho minimalista, que reporta igualmente para um conceito de conhecimento de ponta e tecnologia usados para desenvolver ciência. Na sua génese, existe um espírito de modernidade e diferenciação das entidades já existentes que transparece na identidade através da abordagem a todos os domínios aquosos do planeta, do marinho ao fluvial, passando pelo estuarino.

“Setenta e um por cento da superfície terrestre está coberta de água.”Este é o conceito subjacente ao símbolo e à identidade visual.

Este manual cumpre a função de explicar os elementos que constituem esta identidade, de forma a que a sua aplicação possa ser efectuada corretamente e com sucesso.

DA SUPERFÍCIE TERRESTRE ESTÁ COBERTA DE ÁGUA

3 DOMÍNIOS: RIOS, ESTUÁRIOS E MARES INICIAL DE MARE

IMAGÉTICA MARINHA

Page 4: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 4Versão 1.0 | Julho 2014

// LOGOMARCA

A logomarca é a combinação do logótipo MARE e do símbolo, e servirá para identificar o MARE e cada um das suas unidades constituintes aos olhos dos seus interlocutores e do público geral.

A variante horizontal sem designação e sem indicativos é a forma mais simples e principal da logomarca.

A relação entre o símbolo e o logótipo (posição e tamanhos relativos desses elementos) foi cuidadosamente estudada, e não deve ser alterada em circunstância alguma.

Esta regra é válida para todas as variantes da logomarca (ver páginas seguintes).

PrincipalPrincipal

Page 5: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 5Versão 1.0 | Julho 2014

// LOGOMARCA

A logomarca foi concebida nas seguintes variantes: vertical e horizontal, com e sem designação, com e sem indicativo dos pólos de investigação.

Horizontal Vertical

Com designação rcentro deciências do mae do ambiente centro de

ciências do mare do ambiente

Page 6: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 6Versão 1.0 | Julho 2014

// LOGOMARCA

Com indicativo da unidade de investigação

ISPA

UAzores

UCoimbra

UNLisboa

ULisboa

UÉvora

Page 7: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 7Versão 1.0 | Julho 2014

// LOGOMARCA

Com designação e indicativo da unidade de investigação

Horizontal

Vertical

centro deciências do mare do ambienteISPA

centro deciências do mare do ambienteISPA

zores

centro deciências do mare do ambienteUA

centro deciências do mare do ambienteUCoimbra

centro deciências do mare do ambienteUÉvora

centro deciências do mare do ambienteULisboa

centro deciências do mare do ambienteUNLisboa

Page 8: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 8Versão 1.0 | Julho 2014

// ÁREA DE PROTEÇÃO DA LOGOMARCA

A área mínima de proteção da logomarca foi definida para assegurar uma leitura eficaz. Deve ser aumentada sempre que possível.Deve ser aplicada em todas as variantes da logomarca. Deve ser aplicada relativamente a outras logomarcas, texto ou elementos gráficos.

centro deciências do mare do ambienteISPA

Page 9: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 9Versão 1.0 | Julho 2014

// DIMENSÃO MÍNIMA DA LOGOMARCAA área mínima de proteção da logomarca foi definida para assegurar uma leitura eficaz. Ainda assim, deve ser aumentada sempre que possível.Deve ser aplicada em todas as variantes da logomarca.

Dimensão mínima em suporte digital Dimensões mínimas para impressão

40 px

20 px

75 px

6,5 mm

12 mm

6,5 mm

Nota:

As dimensões mínimas para definidas sistemas de

impressão com alta definição. Em sistemas de impressão

de baixa resolução as dimensões devem ser revistas de

forma específica.

Page 10: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 10Versão 1.0 | Julho 2014

// CORES DA LOGOMARCA

A logomarca tem versões policromáticas, monocromáticas, em gradiente de cinzentos, em positivo e negativo, conforme comportamentos sumariados ao lado.

É de salientar a importância de encontrar soluções que permitam a legibilidade da logomarca contra fundos fotográficos, evitando que o fundo contenha demasiado ruído visual.

As versões policromáticas só devem ser utilizadas em positivo, ou seja, sobre fundos bastante claros. Devem usar-se as versões em azul escuro da logomarca apenas sobre fundos intermédios ou claros. Caso não seja possível imprimir a cores, pode utilizar-se a versão em negro sobre este tipo de fundos.As versões brancas da logomarca devem usar-se em negativo, ou seja, sobre fundos predominantemente escuros (incluindo o gradiente definido na página 15).

Fund

os fo

togr

áfico

sFu

ndos

de

cor

Gra

dien

te d

e ci

nzen

tos

Page 11: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 11Versão 1.0 | Julho 2014

// FORMATOS DA LOGOMARCA

A logomarca está disponível em vários formatos de cor, cada um adequado a diferentes suportes: cor Pantone para uso em impressão offset, cor CMYK para impressão offset ou digital , cor RGB para uso em suportes digitais. Nem sempre estes formatos de cor são directamente conversíveis.Devido às características destes tipos de reprodução, os formatos de ficheiro adequados são também diferentes.

Logomarca principal Com designação Horizontal

Com designação Vertical

Com designação e pólo de investigação (x6)

Horizontal

Com designação e pólo de investigação (x6)

Vertical

Cor: Pantone Formato: .eps

Monocromática Azul, Monocromática Negra (Positivo)

Monocromática Azul, Monocromática Negra (Positivo)

Monocromática Azul, Monocromática Negra (Positivo)

Monocromática Azul, Monocromática Negra (Positivo)

Monocromática Azul, Monocromática Negra (Positivo)

Cor: CMYK Formato: .eps

Policromática,Monocromática Azul, Monocromática Negra (Positivo) , Monocromática branca (Negativo)

Policromática, Monocromática Azul, Monocromática Negra (Positivo) , Monocromática branca (Negativo)

Policromática,Monocromática Azul, Monocromática Negra (Positivo) , Monocromática branca (Negativo)

Policromática,Monocromática Azul, Monocromática Negra (Positivo) , Monocromática branca (Negativo)

Policromática,Monocromática Azul, Monocromática Negra (Positivo) , Monocromática branca (Negativo)

Cor: RGB Formato: .png com transparência

Policromática,Monocromática Azul, Monocromática Negra (Positivo) , Monocromática branca (Negativo)

Policromática, Monocromática Azul, Monocromática Negra (Positivo) , Monocromática branca (Negativo)

Policromática,Monocromática Azul, Monocromática Negra (Positivo) , Monocromática branca (Negativo)

Policromática,Monocromática Azul, Monocromática Negra (Positivo) , Monocromática branca (Negativo)

Policromática,Monocromática Azul, Monocromática Negra (Positivo) , Monocromática branca (Negativo)

Cor: RGB

Formato: .jpg

Policromática,Monocromática Azul, Monocromática Negra (Positivo) , Monocromática branca (Negativo)

Policromática, Monocromática Azul, Monocromática Negra (Positivo) , Monocromática branca (Negativo)

Policromática,Monocromática Azul, Monocromática Negra (Positivo) , Monocromática branca (Negativo)

Policromática,Monocromática Azul, Monocromática Negra (Positivo) , Monocromática branca (Negativo)

Policromática,Monocromática Azul, Monocromática Negra (Positivo) , Monocromática branca (Negativo)

Os formatos que possibilitam a codificação vectorial do desenho da logomarca (e.g. eps, ai ou pdf) são os mais adequados para fins de impressão (offset ou digital). Os formatos não vectoriais (e.g. jpg ou png) são os mais adequados e comunmente utilizados em meios digitais (divulgação online de uma forma genérica e vídeo).

Seguidamente segue-se um sumário das variantes da logomarca entregues ao cliente.Os formatos png e jpg referem-se a ficheiros de alta resolução.

Page 12: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 12Versão 1.0 | Julho 2014

// CORES DA IDENTIDADE VISUAL

Cores principais

A identidade baseia-se em três cores principais: azul vívido, verde turquesa e azul escuro.

Em utilizações tipográficas, aconselha-se que o uso do azul vívido e do verde turquesa se restrinja aos títulos.

AZUL VÍVIDO

PANTONE 298 C

CMYK 69% 7% 0% 0%

RGB 19, 181, 234

HEX #1ab7ea

Determinação e objectividade para

atingir grandes objectivos

AZUL ESCURO

PANTONE 303 C

CMYK 100% 11% 0% 74%

RGB 0, 63, 95

HEX #003f5f

Oceano, seriedade, comunicação,

confiança, serenidade, estabilidade

VERDE TURQUESA

PANTONE 3262 C

CMYK 71% 0% 33% 0%

RGB 34, 188, 185

HEX #19bcb9

Natureza, equilíbrio, regeneração

Nota técnica: as cores são definidas para impressão

direta (PANTONE), impressão em quadricromia (CMYK),

reprodução digital e multimédia (RGB) e utilização na Web

(sistema hexadecimal).

75%

50%

25%

Page 13: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 13Versão 1.0 | Julho 2014

// CORES DA IDENTIDADE VISUAL

Cores complementares

Para complementar as cores principais, por exemplo para desenvolver aplicações em suportes de comunicação ou gráficos em relatórios, podem usar-se cores secundárias - o púrpura e o laranja brilhante.

PÚRPURA

PANTONE 254 C

CMYK 50% 100% 0% 0%

RGB 146, 39, 143

HEX #92278f

LARANJA BRILHANTE

PANTONE 151 C

CMYK 0% 66% 88% 0%

RGB 244, 219, 53

HEX #f47735

75%

50%

25%

Page 14: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 14Versão 1.0 | Julho 2014

// CORES DA IDENTIDADE VISUAL

Cores para o logótipo e outras aplicações tipográficas

Para favorecer o contraste entre o texto e os restantes elementos gráficos, podem usar-se o negro e o cinzento, especialmente para aplicação de tipografia sobre fundos claros. Sobre fundos escuros (inclusive sobre as três cores principais) deve usar-se o branco.

CINZENTO

PANTONE 425C

CMYK 0% 0% 0% 80%

RGB 88, 89, 91

HEX #58595b

NEGRO

PANTONE BLACK 6C

CMYK 0% 0% 0% 100%

RGB 0, 0, 0

HEX #000000

BRANCO

PANTONE -

CMYK -

RGB 255, 255, 255

HEX ##ffffff

Page 15: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 15Versão 1.0 | Julho 2014

// ELEMENTOS GRÁFICOS DA IDENTIDADE VISUAL

Gradiente

Um gradiente entre as duas cores principais para uso na logomarca, em pictogramas e cores de fundo.

-70º

AZUL VÍVIDO

PANTONE 298 C

CMYK 67% 2% 0% 0%

RGB 65, 182, 230

HEX #41b6e6

VERDE TURQUESA

PANTONE 3262 C

CMYK 76% 0% 38% 0%

RGB 0, 191, 179

HEX #00bfb3

Page 16: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 16Versão 1.0 | Julho 2014

// ELEMENTOS GRÁFICOS DA IDENTIDADE VISUAL

Gráficos dinâmicos

Criou-se um pequeno conjunto de elementos gráficos com base em secções concêntricas de um círculo, de elevada utilidade, por exemplo, para uso em animações em suportes divulgativos em vídeo.As combinações apresentadas são apenas algumas das possíveis.As aplicações aconselhadas devem: a) ter contraste com os fundos onde estão aplicadas; b) utilizar preferencialmente as i) cores da identidade visual, ii) o gradiente ou iii) fotografias;c) se se utilizar a transparência ou se inserirem imagens dentro dos gráficos, isto deve ser feito de forma a criar alguma descontinuidade entre secções concêntricas adjacentes.

Page 17: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 17Versão 1.0 | Julho 2014

// ELEMENTOS GRÁFICOS DA IDENTIDADE VISUAL

Pictogramas

A identidade da marca MARE dispõe desde já de um conjunto de pictogramas, que poderão formar uma biblioteca crescente de ícones disponíveis para criar diversos suportes de comunicação.As aplicações aconselhadas devem utilizar preferencialmente as i) cores da identidade visual ou ii) o gradiente. No mesmo documento, todos os pictogramas devem ter a mesma cor. Eventualmente secções diferentes poderão utilizar pictogramas de cores diferentes, utilizando uma única cor dentro de cada secção do documento. O uso excessivo destes elementos deverá ser evitado, sob custo de infantilizar a imagem do MARE e de criar demasiado ruído visual numa identidade que foi concebida como minimalista.

Page 18: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 18Versão 1.0 | Julho 2014

// TIPOGRAFIA

A tipografia do logótipo provém da família Apex New.

PrincipalTodos os documentos devem utilizar a família de fontes tipográficas Apex New, tendo como fontes principais as variantes Book e Medium, e quando necessário as versões itálicas destas fontes.

Esta família de fontes reúne a contemporaneidade à versatilidade desejáveis para a tipografia dos documentos oficiais do MARE.

ComplementarPara utilização pela comunidade na escrita de textos de cartas, correio eletrónico, faxes e comunicados internos selecionou-se uma fonte disponível na maioria dos sistemas operativos, a Georgia.

Fontes principais

Apex New Book, 24pts.ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890.,:;! ?€

Apex New Medium, 24pts.ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890.,:;! ?€

Fonte complementar

Georgia, 22 pts.ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890.,:;! ?€

Page 19: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 19Versão 1.0 | Julho 2014

// PROTEÇÃO DA LOGOMARCA

Eis alguns exemplos da utilização INCORRECTA da logomarca do MARE, que NUNCA devem suceder.

Alteração das cores da logomarca para além das versões

pré-definidas

Utilização do logótipo isolado do símbolo lado a lado com outras

logomarcas

Alteração das proporções da logomarca

Inclinação da logomarca

Alteração da posição dos elementos da logomarca

Aplicação inadequada sobre fundos de cor

Aplicação inadequada sobre fotografias ou padrões

Utilização de linhas de contorno

Page 20: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 20Versão 1.0 | Julho 2014

// PROTEÇÃO DA LOGOMARCA

Alteração da designação Utilização de efeitos gráficos sobre a logomarca

Violação da área de proteção da logomarca

Alteração de tipografia na logomarca

Centro de Ciênciasdo Mar e do AmbienteISPA

MARE

Alteração da inclinação da logomarca

Violação das dimensões mínimas da logomarca

Aplicação de molduras à logomarca

Aplicação da logomarca em gradiente de cinzentos

MARE

Erfera poriae conet pa et destiis sed est eum nos explaut est quia coremquid eum expla

Page 21: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 21Versão 1.0 | Julho 2014

Utilização de tipografia incorrecta em documentos do MARE

Utilização de minúsculas na palavra MARE

Utilização de cores incorrectas no gradiente (ver pp. 15)

Utilização de inclinação incorrecta no gradiente (ver pp. 15)

Erfera poriae conet pa et destiis sed est eum nos explaut est quia coremquid eum expla

Mare

Utilização de cores incorrectas nos gráficos dinâmicos

Utilização incorrecta de fotografias nos gráficos dinâmicos

Utilização de cores incorrectas nos pictogramas

Utilização de cores múltiplas nos pictogramas no mesmo

documento

// PROTEÇÃO DA IDENTIDADE VISUAL

Eis alguns exemplos da utilização INCORRECTA da identidade visual do MARE, que não devem suceder.

-90º

Page 22: Manual de Identidade Visual - MARE

Manual de Normas Gráficas . 22Versão 1.0 | Julho 2014

Copyright GOBIUS comunicação e ciência 2014