Você está na página 1de 9

PROJECTO CICLORIA

UNIVERSIDADE DE AVEIRO :: NTC :: UNIDADE CURRICULAR DE PROJECTO

c cloria MANUAL DE
ESPECIFICÃO GRÁFICA

Trabalho realizado por:


Anabela Santiago
Bruno Fernandes
Nuno Oliveira
Tiago Martins
ELEMENTOS PRINCIPAIS DO LOGO

A identidade visual do logotipo do projecto Cicloria tem três elementos principais: logo, cores e tipografia.
O nosso logótipo pretende transmitir a ideia da prática do ciclismo enquanto fonte de prazer, apelando assim à utilização de um meio de transporte suave.

LOGO: COR: TIPOGRAFIA:


É a partir dessa premissa que surge a colocação A utilização do branco deve-se à ideia de paz e VAG Rounded Std
de um ciclista, em substituição do "i", mas numa tranquilidade que a cor transmite. Estas duas abcdefghijklmnopqrstuvwxyz
postura vertical, que pretende transmitir ao ideias estão por detrás do produto que visa ABCDEFGHIJKLMNOPQRSTUVWXYZ
utilizador a ideia de lazer em contraponto a uma potenciar hábitos de vida saudáveis e momento 1234567890
postura horizontal, usualmente associada ao de lazer na prática do ciclismo. A estas ideias
ciclismo de competição. Assim, usando essa conjuga-se o verde, vulgarmente associado a
imagem pretendemos invocar a ideia de lazer e natureza, juventude e calma. As ideias transmi-
recordações de alegres passeios de bicicleta. tidas por estas cores são o suporte da marca e
Já as cores e dimensões do logótipo foram os princípios através dos quais se pretende
assunto de grande experimentação e pesquisa, afirmar no mercado.
até atingirmos as actuais, que nos permitem VERDE: #C4D82D
garantir total coerência estética com a globali- BRANCO: #FFFFFF
dade do projecto. Esta coerência estética será a
base do suporte visual para a afirmação e
divulgação da marca CicloRia.

c cloria
ÁREAS DE PROTECÇÃO / TAMANHO

ÁREAS DE PROTECÇÃO / TAMANHO

25%

50%

75%

100%
APLICAÇÃO SOBRE FUNDOS / VERSÕES

VERSÃO POLICROMÁTICA:

VERSÃO POLICROMÁTICA 1 :

VERSÃO POLICROMÁTICA 2 :

EXEMPLO DE UTILIZAÇÃO INDEVIDA:


ÍCONES PARA MAPA

ÍCONES COR/GRADIANTE TAMANHO

Ciclovia 100% 50% Altura:34 px Largura:26 px


#C4D82D

Type: Linear Ângulo: 90º

Fotos 100% 50% Altura:34 px Largura:26 px


#FBB03B

Type: Linear Ângulo: 90º

Restaurantes 100% 50% Altura:34 px Largura:26 px


#FBB03B

Type: Linear Ângulo: 90º

Farmácias 100% 50% Altura:34 px Largura:26 px


#7AC943

Type: Linear Ângulo: 90º

100% 50%
Posto de Turismo Altura:34 px Largura:26 px
#29ABE2

Type: Linear Ângulo: 90º

100% 50%
Cultura Altura:34 px Largura:26 px
#8C6239

Type: Linear Ângulo: 90º

100% 50%
Alojamento #2E3192 Altura:34 px Largura:26 px

Type: Linear Ângulo: 90º

100% 50%
Parque de Campismo #339900 Altura:34 px Largura:26 px

Type: Linear Ângulo: 90º


ÍCONES PARA MAPA

ÍCONES ÍCONES APLICADOS NO MAPA

Ciclovia

Fotos

Restaurantes

Farmácias

Posto de Turismo

Cultura

Alojamento

Parque de Campismo
TIPOGRAFIA USADA NO SITE E LOGO

• Design date: 1979


•Displayed Version: Mac & Win OpenType - PostScript Flavor (.otf)
•Source Foundry: Adobe
•Design Foundry: Linotype , Unknown
•Designer: Volkswagen
•Classification: Geometric Sans , Sans Serif

VAG Rounded Std Light


Caracteres da Tipografia
ABCDEFGHIJKLMNOPQRSTUVWXYZÁÉÍÓÚÀÃÕ
abcdefghijklmnopqrstuvwxyzáéíóúàãõ
1234567890.:,; ‘ “(!?) +-*/= {}[]Çç€@#

Tamanhos da Tipografia
10px - The quick brown fox jumps over the lazy dog.1234567890
12px - The quick brown fox jumps over the lazy dog.1234567890
14 px - The quick brown fox jumps over the lazy dog.1234567890

Paleta de cores da Tipografia

#E5E5E5 #333333
TIPOGRAFIA USADA NO SITE

• Design date: 1996


• Displayed Version: Mac & Win OpenType - PostScript Flavor (.otf)
• Source Foundry: Microsoft Corporation
• Design Foundry: Microsoft Corporation
• Designer: Matthew Carter, Tom Rickner
• Classification: WGL

Verdana Regular Verdana Regular

Verdana
Caracteres tipográficos
ABCDEFGHIJKLMNOPQRSTUVWXYZÁÉÍÓÚÀÃÕ
abcdefghijklmnopqrstuvwxyzáéíóúàãõ
1234567890.:,; ‘ “(!?) +-*/= {}[]Çç€@#

Tamanhos da Tipografia
10px - The quick brown fox jumps over the lazy dog.1234567890
11px - The quick brown fox jumps over the lazy dog.1234567890
12px - The quick brown fox jumps over the lazy dog.1234567890
14 px - The quick brown fox jumps over the lazy dog.1234567890
Paleta de cores da Tipografia

#E5E5E5 #808080 #4D4D4D


GUIA DE CORES

Header Texto, Links e destaques Background conteudos Padrão alternado de cores


#333333 #C4D82D #F9F9F9 #F1F1F1

Menu vertical, Nome utilizador Menu vertical, Opções Confirmação Alertas de Input e Avisos críticos
#DADADA #C4D82D #00A04B #EB1C24