pesquisar neste blog
posts recentes

#entrega06_beta

#orientacao12

#aula11

#orientação10 e 11

#aula10

#entrega06_pre

#aula09

#entrega05

#extrareuniao

#orientação09

arquivos

Junho 2012

Maio 2012

Abril 2012

Março 2012

Fevereiro 2012

Sexta-feira, 30 de Março de 2012
#entrega04

Entrega TP#04 | Especificação técnica e gráfica

Especificação Gráfica

 

Especificações tipográficas

 


A escolha da fonte foi um processo simples. Uma vez que a nossa aplicação é para android e estamos a procurar seguir as boas práticas para desenvolver nessa plataforma, optámos pela fonte oficial. Trata-se de uma fonte desenhada para aparelhos de alta resolução. É uma fonte de natureza dupla. Ao mesmo tempo que é mecânica apresenta também curvas abertas e amigáveis. Não compromete, ao não distorcer as letras, permitindo uma leitura mais agradável.

 

Especificações cromáticas


A nossa palete de cores assenta muito no azul e cinzento. A nossa escolha baseou-se nas cores principais do UI do Ice Cream Sandwich (android 4.0)

 

 

Biblioteca de ícones

 

A iconografia que será usada na aplicação procura ir de encontro ao novo UI do ice cream sandwich. O objetivo é que o utilizador se sinta confortável na navegação da aplicação encontrando familiaridades com o SO que já utiliza.

Os ícones sofrem uma mudança de estado consoantes estejam selecionados, indisponíveis ou pressionados.

Aqui estão alguns exemplos:

 

 

Logótipo

Apresentamos primeiro alguns rascunhos em papel que depois deu origem à versão final.

Queríamos que o logótipo estive ligado ao nome do projeto (myTrek) e como tal queríamos que tivesse alguma representação visual que remetesse a algo relacionado com percurso, trajeto, viagem. Depois de algumas ideias, gostamos mais da versão escolhida por representar vários trajetos possíveis ou mesmo talvez já percorridos, como se tratasse de linhas de metro, cada uma com o seu destino.

A escolha das cores variadas serve para diferenciar os trajetos ao mesmo tempo que são cores quentes que transmitem sensações boas e positivas procurando despertar o sentido aventureiro.

Aqui podemos ver o estudo do logótipo com as reduções de escala e a área de protecção do logótipo, assim como a sua versão monocromática.

 

Estudo da grelha (goteiras, baseline grid, micro e macro base units)

Para a construção da grelha dividiu-se o ecrã em 3 grandes colunas (com 103 px cada), 2 goteiras (de 4px) e uma margem de 2px, ou seja, 1px à esquerda e outro à direita. Isto resulta numa área útil de 320px (horizontal).

 

Conclusões

Esta fase serviu para fechar um capítulo. Ficaram definidas especificações que irão servir de prevenção ao erro e facilitar a fase seguinte que é a programação, o desenvolvimento da aplicação em si, o “meter as mãos na massa”.

 

 


tags:

publicado por daniel-val às 23:35

Comentar:
De
Nome

Email

Url

Guardar Dados?



Email

Password



Comentário

Máximo de 4300 caracteres




mais sobre mim
Junho 2012
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


tags

todas as tags

subscrever feeds

RSSPosts

RSSComentários