Sexta-feira, 15 de Abril de 2011
Aspectos gráficos

Devido à tentativa de manter a identidade tradicional do site da UA e seus departamentos mas tentando ao mesmo tempo algo inovador e com uma certa identidade própria, foi bastante difícil chegar a um consenso quanto ao aspecto gráfico, devendo salientar-se que este ainda pode vir a sofrer algumas alterações que visem o seu melhoramento.

Desde cedo se optou por usar as cores tradicionalmente associadas à UA e seu logo, ou seja verde e cinza, embora se tenha verificado uma estranha incongruência na sua definição no manual de normas, uma vez que os valores de CMYK e Pantone não coincidem e os de RGB nem sequer são mencionados. Optou-se, por nos parecerem mais vívidos e propícios à utilização num site, por seguir os valores Pantone. O fundo claro e simples é quase um imperativo para um site que viverá à base de imagens.

Podem ser observados aqui alguns exemplos de estudos de cor.

 

O layout passou tb por várias fases e tentativas e, embora se tenha chegado a um certo consenso quanto ao seu aspecto geral, ficou ainda algo em aberto.

Uma proposta de layout:

Uma outra proposta:

 

Tendo acabado por ficar de acordo com o seguinte:

 

Página de entrada:

 

Página de entrada comentada:

Aspecto de uma página de galeria:

 

Página de galeria com comentário de cor e font:

 Página de Imagem:

 

 

Quanto à font a utilizar deparámo-nos também com um contratempo, tencionávamos usar Helvetica como base, uma vez que faz parte do logo da UA, mas depressa percebemos que não só não faz parte do pack que vem com os comuns PCs como, quando fomos para fazer o seu download, descobrimos que a original Helvetica não é gratuita. Por isso, acabámos por escolher a vulgar Verdana, comum a Macs e PCs e que não necessita, por isso, de ser carregada aquando do acesso ao site. Para títulos escolheu-se uma font ligeiramente mais redonda, a Franklin Gothic Heavy.

 

Embora nos inspirassemos nos icons existentes no site da UA, resolvemos criar alguns só nossos mas seguindo a mesma base e regras (apercebemo-nos tardiamente de que já existe algo semelhante em uso mas que não consta do manual). Exemplo:

 

 

 




.mais sobre mim
.pesquisar neste blog
 
.Julho 2011
Dom
Seg
Ter
Qua
Qui
Sex
Sab

1
2

3
4
5
6
7
8
9

10
11
12
13
14
15
16

17
18
19
20
21
22
23

24
25
26
27
28
29
30

31


.posts recentes

. Evolução do projecto

. Desenvolvimento do projec...

. Avanços

. Versão beta - testes

. Versão beta - entrega

. Versão beta

. Aula 01/06/11 - desenvolv...

. Plano de testes

. Lista de bugs

. Versão beta - mapa de nav...

.arquivos

. Julho 2011

. Junho 2011

. Maio 2011

. Abril 2011

. Março 2011

. Fevereiro 2011

.tags

. todas as tags

.participar

. participe neste blog

blogs SAPO
.subscrever feeds