Manual de Identidade

Publicidade & Marketing/Novas Tecnologias da Comunicação/Universidade de Aveiro

Alunos: Luís Ferreira (60382)/Mariana Oliveira (46498)Docentes orientadores: Olinda Martins/Helena Barbosa

1

2

1. Quem somos? Exploria nasceu tendo como ponto de partida o tema “Tecnologia e contextos de aprendizagem”. O nosso produto consiste num jogo online cuja narrativa se apoia em três importantes obras do Plano Nacional de Leitura: O Cavaleiro da Dinamarca, O Gato Malhado e a Andorinha Sinhá e o Auto da Barca do Inferno. Estas três obras fazem também parte do plano de estudo de Língua Portuguesa do 7º, 8º e 9ºano. O nosso público-alvo são, portanto, jovens com idades entre os 12 e os 16 anos. A plataforma tem uma componente social, criando assim uma comuni-dade de jogadores de uma mesma faixa etária.

2. Missão Exploria propõe-se a combater o problema do desinteresse pela leitura por parte dos jovens, utilizando as obras atrás referidas como porta de entrada. Acredita-mos que através da exploração das obras sob a forma de jogo, o interesse por conhecê-las no seu todo possa ser fomentado. Tendo em conta a tendência do uso da internet e dispositivos multimédia na educação, queremos ofere-cer uma plataforma lúdica onde se possa interagir com amigos e ao mesmo tempo conhecer obras lusófonas de uma forma alternativa.

3

4

3. Porquê Exploria? “Exploria” surgiu da aglutinação de dois con-ceitos que acreditamos ser os mais presentes no nosso produto: “exploração” e “história”. Ao juntar estas pa-lavras chegamos a um nome único, simples e com uma sonoridade que fica no ouvido. “Exploria” não só resulta foneticamente, como ainda transmite de imediato o nosso modelo de jogo: a exploração de histórias.

4. Porquê Pixel Art? O imaginário das obras é transposto nos layouts e cenários de jogo sempre no estilo adoptado pela marca, que é o Pixel Art. Pixel Art envolve que os elementos gráfi-cos sejam desenhados pixel a pixel, obtendo um resultado final onde os diferentes pixeis podem ser distinguidos, à semelhança dos antigos jogos 8-bit. A opção por esta solução não foi por acaso. Sen-do um estilo que atualmente é muito associado a jogos do tipo RPG, torna-se uma oportunidade na criação da identidade da nossa marca. O estilo é utilizado não só no produto, como também no logótipo, dando uma pista imediata ao consumidor sobre a nossa natureza.

5

Obs.: A letra X em “exploria“ deve ser pronunciada como “ks” e não como “ʃ “. Devemos pronunciar a palavra como pronunciamos, por exemplo, a palavra “táxi“.

6

7

Área de proteção:+5px ou ascendente/descendente

altura do x: 15px

altura s/ contorno: 25px

altura c/ contorno:25 + (2x2) = 29px

descendente: 5px

ascendente: 5px

largura do carater: 25px espaçamento: 1px

largura s/ contorno:100px

largura c/ contorno:100 + (2x2) = 104px

8

5. Logótipo Na criação do nosso logótipo quisemos chegar a uma solução que remetesse de imediato para o nosso produto. Optámos por fazer o desenho do lettering sem fugir do estilo Pixel Art que usamos noutros contextos. O resultado é um bloco de texto com um esquema de cores aplicáveis na maior parte dos fundos, e uma neutralidade e semetria que combinam em vários contextos sem que seja perdida a identidade da marca. Para apresentar ao lado as medidas do logótipo, usamos as unidades do tamanho mínimo - tamanho no qual foi desenhado. Cada pseudo-pixel (chamemos-lhe assim daqui em diante) aqui representado corresponde a um pixel real em ecrã.

5.1 Dimensões de uso O tamanho mínimo de apresentação em ecrãs deve ser o tamanho no qual o logótipo foi desenhado, onde um pseudo-pixel possui as mesmas dimensões que um pixel real: 114 x 39px, incluindo a área de proteção. No formato impresso, o tamanho mínimo deve respeitar as dimensões de 3,5 x 1,2cm, incluindo a área de proteção. Não existe tamanho máximo de apresentação. O logótipo pode ser ampliado indefinidamente desde que seja apresentado na sua totalidade.

9

Obs.: atenção na forma como o media renderiza ampliações. A ampliação do logotipo não deve em qualquer circunstância ser feita com anti-aliasing. Deve ter-se especial atenção em browsers, onde a ampliação utiliza anti-aliasing por defeito.Ferramentas como Adobe Photoshop oferecem a possibilidade de ampliação por Nearest Neighbour, que aconselhamos.

#373737RGB: (55, 55, 55)

CMYK: (0, 0, 0, 0,784)

#EDEDEDRGB: (237, 237, 237)CMYK: (0, 0, 0, 0,071)

Cores primárias

10

5.2 Variações de cor

Ocasionalmente é possível utilizar diferentes cores para o fundo do logótipo - desde que a cor man-tenha contraste suficiente para a legibilidade do nome. Esta flexibilidade é útil no processo de branding.

11

negativo

preto e branco

Apresentação em diferentes fundos

12

13

Logótipo com elementos extra

14

15

5.3 Elementos extras Há ocasiões em que se torna necessário identifi-car diferentes produtos, serviços ou novas versões destes. Para orientar o consumidor, é importante adaptar o esti-lo visual consoante o contexto. A neutralidade do nosso logótipo torna-o adaptável emt diferentes circunstâncias. Uma das possibilidades é a adição de um elemento extra. Isto torna-se especialmente útil se tivermos em conta a natureza online do nosso serviço: novas versões ou até mesmo diferentes alturas do ano (imaginemos, por exem-plo, o elemento extra coberto de neve na altura de Natal) podem ser identificadas através da alteração deste ele-mento.

Existem, no entanto, algumas regras que devem ser seguidas. O desenho do elemento extra deve ser único para uma dimensão específica do logótipo. Nos exemplos mostrados ao lado, o primeiro foi desenhado para uma dimensão de 308x68px, e o segundo para uma dimensão de 160x35px. Esta limitação prende-se com o facto de se tratar de elementos desenhados pixel a pixel e, ao contrário do logótipo, a sua ampliação torna o desenho ilegível pois muitos pormenores como sombras e reflexos são perdidos ou deixam de fazer sentido. A altura do elemento extra não deve exceder a altura do logótipo, sem a área de proteção. O objeto ex-tra deve sempre ser colocado à esquerda do logótipo e não à direita, por uma questão de orientação de leituras. Colocá-lo à direita faz com que este perca importância e pareça ter sido colocado ali por acaso.

Favicon (16x16 pixeis)

16

17

6. Tipografia VT323: utilizada maioritariamente na plataforma de jogo tanto para títulos como texto corrido, mas tam-bém nos títulos das secções de documentos impressos.

1234567890!@#$%^&*()

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

Lucida Grande: utilizada nos textos de docu-mentos oficiais e impressos e em situações fora do con-texto de jogo, principalmente quando o conteúdo é ex-tenso e a sua boa compreensão é essencial.

1234567890!@#$%^&*()

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

18

19

20

Ecrã inicial de jogo

21