manual especificação gráfica

25
PROJECTO CICLORIA UNIVERSIDADE DE AVEIRO :: NTC :: UNIDADE CURRICULAR DE PROJECTO c clo ria MANUAL DE ESPECIFICÃO GRÁFICA Trabalho realizado por: Anabela Santiago Bruno Fernandes Nuno Oliveira Tiago Martins

Upload: anabelasantiago

Post on 19-Jun-2015

539 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Manual especificação gráfica

PROJECTO CICLORIAUNIVERSIDADE DE AVEIRO :: NTC :: UNIDADE CURRICULAR DE PROJECTO

c cloria MANUAL DEESPECIFICÃO GRÁFICA

Trabalho realizado por: Anabela Santiago Bruno Fernandes

Nuno Oliveira Tiago Martins

Page 2: Manual especificação gráfica

c cloria

A identidade visual do logotipo do projecto Cicloria tem três elementos principais: logo, cores e tipogra�a. 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.

ELEMENTOS PRINCIPAIS DO LOGO

COR: A utilização do branco deve-se à ideia de paz e tranquilidade que a cor transmite. Estas duas ideias estão por detrás do produto que visa potenciar hábitos de vida saudáveis e momento de lazer na prática do ciclismo. A estas ideias conjuga-se o verde, vulgarmente associado a natureza, juventude e calma. As ideias transmi-tidas por estas cores são o suporte da marca e os princípios através dos quais se pretende a�rmar no mercado.VERDE: #C4D82DBRANCO: #FFFFFF

TIPOGRAFIA:VAG Rounded StdabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890

LOGO:É a partir dessa premissa que surge a colocação de um ciclista, em substituição do "i", mas numa postura vertical, que pretende transmitir ao utilizador a ideia de lazer em contraponto a uma postura horizontal, usualmente associada ao ciclismo de competição. Assim, usando essa imagem pretendemos invocar a ideia de lazer e recordações de alegres passeios de bicicleta.Já as cores e dimensões do logótipo foram assunto de grande experimentação e pesquisa, até atingirmos as actuais, que nos permitem garantir total coerência estética com a globali-dade do projecto. Esta coerência estética será a base do suporte visual para a a�rmação e divulgação da marca CicloRia.

Page 3: Manual especificação gráfica

ÁREAS DE PROTECÇÃO / TAMANHO

ÁREAS DE PROTECÇÃO / TAMANHO

100%

75%

50%

25%

Page 4: Manual especificação gráfica

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:

Page 5: Manual especificação gráfica

ÍCONES PARA MAPA

ÍCONES

Ciclovia

Fotos

Restaurantes

Farmácias

Posto de Turismo

Cultura

Alojamento

Parque de Campismo

COR/GRADIANTE

100% 50% #C4D82D

Type: Linear Ângulo: 90º

100% 50% #FBB03B

Type: Linear Ângulo: 90º

100% 50% #FBB03B

Type: Linear Ângulo: 90º

100% 50% #7AC943

Type: Linear Ângulo: 90º

100% 50% #29ABE2

Type: Linear Ângulo: 90º

100% 50% #8C6239

Type: Linear Ângulo: 90º

100% 50% #2E3192

Type: Linear Ângulo: 90º

100% 50% #339900

Type: Linear Ângulo: 90º

TAMANHO

Altura:34 px Largura:26 px

Altura:34 px Largura:26 px

Altura:34 px Largura:26 px

Altura:34 px Largura:26 px

Altura:34 px Largura:26 px

Altura:34 px Largura:26 px

Altura:34 px Largura:26 px

Altura:34 px Largura:26 px

Page 6: Manual especificação gráfica

ÍCONES PARA MAPA

ÍCONES

Ciclovia

Fotos

Restaurantes

Farmácias

Posto de Turismo

Cultura

Alojamento

Parque de Campismo

ÍCONES APLICADOS NO MAPA

Page 7: Manual especificação gráfica

TIPOGRAFIA USADA NO SITE E LOGO

VAG Rounded Std Light

10px - The quick brown fox jumps over the lazy dog.1234567890

12px - The quick brown fox jumps over the lazy dog.123456789014 px - The quick brown fox jumps over the lazy dog.1234567890

Tamanhos da Tipogra�a

Caracteres da Tipogra�a

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

• 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

#E5E5E5 #333333

Paleta de cores da Tipografia

Page 8: Manual especificação gráfica

TIPOGRAFIA USADA NO SITE

#E5E5E5 #808080 #4D4D4D

Verdana

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.123456789014 px - The quick brown fox jumps over the lazy dog.1234567890

Paleta de cores da Tipografia

Tamanhos da Tipografia

Caracteres tipográficos

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

• 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

Page 9: Manual especificação gráfica

GUIA DE CORES

Header#333333

Texto, Links e destaques#C4D82D

Background conteudos#F9F9F9

Padrão alternado de cores#F1F1F1

Menu vertical, Nome utilizador#DADADA

Menu vertical, Opções #C4D82D

Con�rmação#00A04B

Alertas de Input e Avisos críticos#EB1C24

Page 10: Manual especificação gráfica
Page 11: Manual especificação gráfica

Inauguração do Centro de Educação Ambiental da Murtosa

Mais de uma centena de pessoas inauguraram oficialmente, na tarde do passado sábado, dia 23 de Janeiro, o Centro de Educação Ambien...16.04.2010 - 23:40 - Nuno Santos >> ver mais

“Cicloria” vai ter 300 bicicletas com GPS

Uma rede de percursos cicláveis ambientais, num total de 35 quiló-metros, é o projecto “Cicloria 2009-2010″, ontem apresentado no... 12.04.2010 - 10:30 - Nuno Oliveira >> ver mais

Festival do peixe em Estarreja10 a 18 de Julho

Este Festival celebra a grande especialidade gastronómica da cidade, o peixe, nas suas diversas variedades, receitas. Haverão provas...16.04.2010 - 12:20 - Hélder Caixinha >> ver mais Encontro Nacional de Bicicletas Pasteleiras20 de Maio

No dia 20 de Maio de 2010, vai organizar-se em na Murtosa o II Encontro Nacional de Bicicletas Pasteleiras. No ano passado... 16.04.2010 - 15:50 - Nuno Santos >> ver mais

Novos Percursos ......................................................................

Rui BarrosA rota das gafanhasBruno KamuraO percurso das salinasAnabelaO percurso verde

‘mudar o padrão de mobilidade urbana a�rmando, de modo criativo, o potêncial da região de Aveiro para promoção dos modos suaves de mobi-lidade’

PROJECTO CICLORIA

Novos Membros .....................................................................

Últimos Eventos ...............................................................................................................................................

Últimas Notícias................................................................................................................................................

Contactos© Copyright 2010 Cicloria :: Site desenvolvido pela Universiadde de Aveiro

Iniciar Sessão I Ajuda I Idioma

Início Percursos Notícias Eventos Projecto Parceiros

Page 12: Manual especificação gráfica

Inauguração do Centro de Educação Ambiental da Murtosa

Mais de uma centena de pessoas inauguraram oficialmente, na tarde do passado sábado, dia 23 de Janeiro, o Centro de Educação Ambien...16.04.2010 - 23:40 - Nuno Santos >> ver mais

“Cicloria” vai ter 300 bicicletas com GPS

Uma rede de percursos cicláveis ambientais, num total de 35 quiló-metros, é o projecto “Cicloria 2009-2010″, ontem apresentado no... 12.04.2010 - 10:30 - Nuno Oliveira >> ver mais

Festival do peixe em Estarreja10 a 18 de Julho

Este Festival celebra a grande especialidade gastronómica da cidade, o peixe, nas suas diversas variedades, receitas. Haverão provas...16.04.2010 - 12:20 - Hélder Caixinha >> ver mais Encontro Nacional de Bicicletas Pasteleiras20 de Maio

No dia 20 de Maio de 2010, vai organizar-se em na Murtosa o II Encontro Nacional de Bicicletas Pasteleiras. No ano passado... 16.04.2010 - 15:50 - Nuno Santos >> ver mais

Novos Percursos ......................................................................

Rui BarrosA rota das gafanhasBruno KamuraO percurso das salinasAnabelaO percurso verde

‘mudar o padrão de mobilidade urbana a�rmando, de modo criativo, o potêncial da região de Aveiro para promoção dos modos suaves de mobi-lidade’

PROJECTO CICLORIA

Novos Membros .....................................................................

Últimos Eventos ...............................................................................................................................................

Últimas Notícias................................................................................................................................................

Contactos© Copyright 2010 Cicloria :: Site desenvolvido pela Universiadde de Aveiro

Iniciar Sessão I Ajuda I Idioma

Início Percursos Notícias Eventos Projecto Parceiros

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748

55px

75px

430px430px

20px10px

880px

PÁGINA INICIAL “CICLORIA”

16px

768px

Page 13: Manual especificação gráfica

Histórico de Actividades Fotos

Editar Perfil

Os meus Percursos

Criar Percurso

Criar Evento

Carregar foto

.....................................................................

.....................................................................

.....................................................................

.....................................................................

.....................................................................

Inauguração do Centro de Educação Ambiental da Murtosa

“Cicloria” vai ter 300 bicicletas com GPS

“Cicloria” está no Facebook

Festival do peixe em Estarreja

Encontro Nacional de Bicicletas Pasteleiras

Presidente da República visita concelhos do projecto “Cicloria”

Calendário Pessoal.....................................................

Nuno Oliveira

Últimas Notícias..............................................................

Últimas Eventos..............................................................

Adicionas-te uma foto ao teu albumHoje às 12:22

Inseris-te “Percurso da Ria”Ontem às 14:25

Criaste o envento “Passeio Mimosa Avós e Netos”8 de Abril 2010, 18:16

Comentaste “Pista da Murtosa reabre dia 26”1 de Abril 2010, 11:40

Criaste o envento “Encontro do grupo Massa Crítica”8 de Abril 2010, 18:16

Nuno Oliveira I Terminar Sessão I Ajuda I Idioma

Início Percursos Notícias Eventos Projecto Parceiros

Contactos© Copyright 2010 Cicloria :: Site desenvolvido pela Universiadde de Aveiro

Page 14: Manual especificação gráfica

Histórico de Actividades Fotos

Editar Perfil

Os meus Percursos

Criar Percurso

Criar Evento

Carregar foto

.....................................................................

.....................................................................

.....................................................................

.....................................................................

.....................................................................

Inauguração do Centro de Educação Ambiental da Murtosa

“Cicloria” vai ter 300 bicicletas com GPS

“Cicloria” está no Facebook

Festival do peixe em Estarreja

Encontro Nacional de Bicicletas Pasteleiras

Presidente da República visita concelhos do projecto “Cicloria”

Calendário Pessoal.....................................................

Nuno Oliveira

Últimas Notícias..............................................................

Últimas Eventos..............................................................

Adicionas-te uma foto ao teu albumHoje às 12:22

Inseris-te “Percurso da Ria”Ontem às 14:25

Criaste o envento “Passeio Mimosa Avós e Netos”8 de Abril 2010, 18:16

Comentaste “Pista da Murtosa reabre dia 26”1 de Abril 2010, 11:40

Criaste o envento “Encontro do grupo Massa Crítica”8 de Abril 2010, 18:16

Nuno Oliveira I Terminar Sessão I Ajuda I Idioma

Início Percursos Notícias Eventos Projecto Parceiros

Contactos© Copyright 2010 Cicloria :: Site desenvolvido pela Universiadde de Aveiro

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748

55px

75px

205px 205px430px

20px10px

880px

16px

768px

PÁGINA PERFIL UTILIZADOR COMUM/REGISTADO “CICLORIA”

Page 15: Manual especificação gráfica

Rui BarrosA rota das gafanhasBruno KamuraO percurso das salinasAnabelaO percurso verde

Legenda do Mapa

....................................................................

....................................................................

....................................................................

....................................................................

Percursos mais votados

Percursos adicionados

....................................................................Calculadora de Co2

Percurso CicloriaPercurso das SalinasPercurso das GarçasPercurso VerdePercurso Fauna

Como Chegar....................................................................

Kilómetros

Mota Kg de CO2

Carro Kg de CO2

Ok

Iniciar Sessão I Ajuda I Idioma

Início Percursos Notícias Eventos Projecto Parceiros

Contactos© Copyright 2010 Cicloria :: Site desenvolvido pela Universiadde de Aveiro

Page 16: Manual especificação gráfica

Rui BarrosA rota das gafanhasBruno KamuraO percurso das salinasAnabelaO percurso verde

Legenda do Mapa

....................................................................

....................................................................

....................................................................

....................................................................

Percursos mais votados

Percursos adicionados

....................................................................Calculadora de Co2

Percurso CicloriaPercurso das SalinasPercurso das GarçasPercurso VerdePercurso Fauna

Como Chegar....................................................................

Kilómetros

Mota Kg de CO2

Carro Kg de CO2

Ok

Iniciar Sessão I Ajuda I Idioma

Início Percursos Notícias Eventos Projecto Parceiros

Contactos© Copyright 2010 Cicloria :: Site desenvolvido pela Universiadde de Aveiro

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748

55px

75px

205px 595px

20px10px

880px

16px

768px

PÁGINA PERCURSOS “CICLORIA”

Page 17: Manual especificação gráfica

Inauguração do Centro de Educação Ambiental da Murtosa

Mais de uma centena de pessoas inauguraram oficialmente, na tarde do passado sábado, dia 23 de Janeiro, o Centro de Educação Ambien...16.04.2010 - 23:40 - Nuno Santos >> ver mais

“Cicloria” vai ter 300 bicicletas com GPS

Uma rede de percursos cicláveis ambientais, num total de 35 quiló-metros, é o projecto “Cicloria 2009-2010″, ontem apresentado no... 12.04.2010 - 10:30 - Nuno Oliveira >> ver mais

Festival do peixe em Estarreja10 a 18 de Julho

Este Festival celebra a grande especialidade gastronómica da cidade, o peixe, nas suas diversas variedades, receitas. Haverão provas...16.04.2010 - 12:20 - Hélder Caixinha >> ver mais Encontro Nacional de Bicicletas Pasteleiras20 de Maio

No dia 20 de Maio de 2010, vai organizar-se em na Murtosa o II Encontro Nacional de Bicicletas Pasteleiras. No ano passado... 16.04.2010 - 15:50 - Nuno Santos >> ver mais

Novos Percursos ......................................................................

Rui BarrosA rota das gafanhasBruno KamuraO percurso das salinasAnabelaO percurso verde

‘mudar o padrão de mobilidade urbana a�rmando, de modo criativo, o potêncial da região de Aveiro para promoção dos modos suaves de mobi-lidade’

PROJECTO CICLORIA

Novos Membros .....................................................................

Últimos Eventos ...............................................................................................................................................

Últimas Notícias................................................................................................................................................

Contactos© Copyright 2010 Cicloria :: Site desenvolvido pela Universiadde de Aveiro

Iniciar Sessão I Ajuda I Idioma

Início Percursos Notícias Eventos Projecto Parceiros

Page 18: Manual especificação gráfica

Inauguração do Centro de Educação Ambiental da Murtosa

Mais de uma centena de pessoas inauguraram oficialmente, na tarde do passado sábado, dia 23 de Janeiro, o Centro de Educação Ambien...16.04.2010 - 23:40 - Nuno Santos >> ver mais

“Cicloria” vai ter 300 bicicletas com GPS

Uma rede de percursos cicláveis ambientais, num total de 35 quiló-metros, é o projecto “Cicloria 2009-2010″, ontem apresentado no... 12.04.2010 - 10:30 - Nuno Oliveira >> ver mais

Festival do peixe em Estarreja10 a 18 de Julho

Este Festival celebra a grande especialidade gastronómica da cidade, o peixe, nas suas diversas variedades, receitas. Haverão provas...16.04.2010 - 12:20 - Hélder Caixinha >> ver mais Encontro Nacional de Bicicletas Pasteleiras20 de Maio

No dia 20 de Maio de 2010, vai organizar-se em na Murtosa o II Encontro Nacional de Bicicletas Pasteleiras. No ano passado... 16.04.2010 - 15:50 - Nuno Santos >> ver mais

Novos Percursos ......................................................................

Rui BarrosA rota das gafanhasBruno KamuraO percurso das salinasAnabelaO percurso verde

‘mudar o padrão de mobilidade urbana a�rmando, de modo criativo, o potêncial da região de Aveiro para promoção dos modos suaves de mobi-lidade’

PROJECTO CICLORIA

Novos Membros .....................................................................

Últimos Eventos ...............................................................................................................................................

Últimas Notícias................................................................................................................................................

Contactos© Copyright 2010 Cicloria :: Site desenvolvido pela Universiadde de Aveiro

Iniciar Sessão I Ajuda I Idioma

Início Percursos Notícias Eventos Projecto Parceiros

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748

55px

75px

430px430px

20px10px

880px

PÁGINA INICIAL “CICLORIA”

16px

768px

Page 19: Manual especificação gráfica

Histórico de Actividades Fotos

Editar Perfil

Os meus Percursos

Criar Percurso

Criar Evento

Carregar foto

.....................................................................

.....................................................................

.....................................................................

.....................................................................

.....................................................................

Inauguração do Centro de Educação Ambiental da Murtosa

“Cicloria” vai ter 300 bicicletas com GPS

“Cicloria” está no Facebook

Festival do peixe em Estarreja

Encontro Nacional de Bicicletas Pasteleiras

Presidente da República visita concelhos do projecto “Cicloria”

Calendário Pessoal.....................................................

Nuno Oliveira

Últimas Notícias..............................................................

Últimas Eventos..............................................................

Adicionas-te uma foto ao teu albumHoje às 12:22

Inseris-te “Percurso da Ria”Ontem às 14:25

Criaste o envento “Passeio Mimosa Avós e Netos”8 de Abril 2010, 18:16

Comentaste “Pista da Murtosa reabre dia 26”1 de Abril 2010, 11:40

Criaste o envento “Encontro do grupo Massa Crítica”8 de Abril 2010, 18:16

Nuno Oliveira I Terminar Sessão I Ajuda I Idioma

Início Percursos Notícias Eventos Projecto Parceiros

Contactos© Copyright 2010 Cicloria :: Site desenvolvido pela Universiadde de Aveiro

Page 20: Manual especificação gráfica

Histórico de Actividades Fotos

Editar Perfil

Os meus Percursos

Criar Percurso

Criar Evento

Carregar foto

.....................................................................

.....................................................................

.....................................................................

.....................................................................

.....................................................................

Inauguração do Centro de Educação Ambiental da Murtosa

“Cicloria” vai ter 300 bicicletas com GPS

“Cicloria” está no Facebook

Festival do peixe em Estarreja

Encontro Nacional de Bicicletas Pasteleiras

Presidente da República visita concelhos do projecto “Cicloria”

Calendário Pessoal.....................................................

Nuno Oliveira

Últimas Notícias..............................................................

Últimas Eventos..............................................................

Adicionas-te uma foto ao teu albumHoje às 12:22

Inseris-te “Percurso da Ria”Ontem às 14:25

Criaste o envento “Passeio Mimosa Avós e Netos”8 de Abril 2010, 18:16

Comentaste “Pista da Murtosa reabre dia 26”1 de Abril 2010, 11:40

Criaste o envento “Encontro do grupo Massa Crítica”8 de Abril 2010, 18:16

Nuno Oliveira I Terminar Sessão I Ajuda I Idioma

Início Percursos Notícias Eventos Projecto Parceiros

Contactos© Copyright 2010 Cicloria :: Site desenvolvido pela Universiadde de Aveiro

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748

55px

75px

205px 205px430px

20px10px

880px

16px

768px

PÁGINA PERFIL UTILIZADOR COMUM/REGISTADO “CICLORIA”

Page 21: Manual especificação gráfica

Rui BarrosA rota das gafanhasBruno KamuraO percurso das salinasAnabelaO percurso verde

Legenda do Mapa

....................................................................

....................................................................

....................................................................

....................................................................

Percursos mais votados

Percursos adicionados

....................................................................Calculadora de Co2

Percurso CicloriaPercurso das SalinasPercurso das GarçasPercurso VerdePercurso Fauna

Como Chegar....................................................................

Kilómetros

Mota Kg de CO2

Carro Kg de CO2

Ok

Iniciar Sessão I Ajuda I Idioma

Início Percursos Notícias Eventos Projecto Parceiros

Contactos© Copyright 2010 Cicloria :: Site desenvolvido pela Universiadde de Aveiro

Page 22: Manual especificação gráfica

Rui BarrosA rota das gafanhasBruno KamuraO percurso das salinasAnabelaO percurso verde

Legenda do Mapa

....................................................................

....................................................................

....................................................................

....................................................................

Percursos mais votados

Percursos adicionados

....................................................................Calculadora de Co2

Percurso CicloriaPercurso das SalinasPercurso das GarçasPercurso VerdePercurso Fauna

Como Chegar....................................................................

Kilómetros

Mota Kg de CO2

Carro Kg de CO2

Ok

Iniciar Sessão I Ajuda I Idioma

Início Percursos Notícias Eventos Projecto Parceiros

Contactos© Copyright 2010 Cicloria :: Site desenvolvido pela Universiadde de Aveiro

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748

55px

75px

205px 595px

20px10px

880px

16px

768px

PÁGINA PERCURSOS “CICLORIA”

Page 23: Manual especificação gráfica
Page 24: Manual especificação gráfica
Page 25: Manual especificação gráfica