Manual de Identidade

Uma vez que o nosso projecto não consiste em construir uma nova aplicação, não
podemos fazer um estudo das soluções criativas para o próprio programa.
Contudo, podemos fazer um estudo para todo o material que vamos construir:
fichas de trabalho para as sessões (pdf’s), apresentações em PowerPoint e
ScreenCasts.
O modo como o público-alvo (no nosso caso, crianças, pais e comunidades
educativas) vai reagir à imagem que nós vamos transmitir, depende da nossa
clareza e consistência, por isso, definimos em seguida as regras básicas para a
identidade visual e tipográfica.

Logótipo do projecto:
O logótipo do projecto foi desenvolvido por uma das designers do projecto, Salomé
Valente.
Tamanhos mínimos e máximos do Logótipo

Para garantir a legibilidade do nosso logótipo, definimos as dimensões mínimas de

reprodução do logótipo. Não existe limite máximo de reprodução desde que se
respeitem as proporções correctas da imagem. No entanto, definimos a ultima
imagem como tamanho máximo de acordo com a utilização que lhe pretendemos
dar.
Estudo das soluções visuais para a imagem dos PowerPoints

Elementos obrigatórios no 1º slide:

- Nome do projecto;
- Nome da escola;
- Número da sessão;
- Data;
- Nome dos elementos do grupo;
- Universidade de Aveiro.

1.

Este PowerPoint foi construído com base na imagem inicial do primeiro PowerPoint
já apresentado nas sessões de formação nas escolas.
Como não achámos muito apelativo visualmente, deixámo-lo logo de lado.
2.

Tentámos utilizar a nosso Logo como fundo para os PowerPoints. No entanto,

deparámo-nos logo com um problema: onde inserir os outros elementos que tem
que constar obrigatoriamente no 1º slide?
Sendo este o slide que apresenta menos informação e, se já nos deparamos com
problemas de posicionamento dos elementos, nos outros slides, em que
apresentamos os conteúdos, seria muito mais difícil, por isso, abandonámos logo
esta ideia.
3.

Nesta solução, tivemos em especial atenção as cores que utilizámos – a cor de

laranja do gato e o verde do sapo – para manter a consistência de cores de acordo
com o logótipo.
Utilizámos uma textura para dar a ideia de folha rasgada e optámos por uma cor
“mais suave” para o resto do slide.
A imagem da folha rasgada remete-nos para uma metáfora: a folha rasgada
representa as “velhas formas de aprender rasgadas” pelas garras do Scratch, ou
seja, abre caminho para uma nova “folha em branco” onde se pode começar a
desenvolver o raciocínio lógico e um novo método de aprendizagem.
Nesta solução, gostámos da barra de cima e do jogo de cores laranja/verde mas
achámos que não era muito apelativo para as crianças.
4.

Com base na solução anterior, mantivemos aquilo que gostámos e tentámos inserir
“algo” que o tornasse mais apelativo. Assim, utilizámos uma cor “mais viva” e
utilizámos a barra de cima também no fundo num tamanho mais pequeno.
Uma vez que a principal função dos PowerPoints é projectar os conteúdos das
sessões de formação nas escolas, estas cores funcionam bem na projecção.
Como achámos que este estudo podia ser utilizado posteriormente, construímos os
slides de conteúdo, o último slide e a folha para as fichas de trabalho.
4.1.

Esta imagem seria o aspecto dos slides de conteúdo.

Se no slide de apresentação estas cores pareciam resultar, já nos de conteúdo o
mesmo não acontece. As cores são bastante “vivas” e o conteúdo iria perder-se um
pouco em detrimento dos aspectos.
Optámos então por utilizar uma cor mais suave dentro dos tons de amarelo, como
podemos ver em seguida.
4.2.
4.3.

Como esta seria a imagem do último slide, onde apresentamos “os créditos”, já não
temos o problema da cor. Apesar dos créditos serem importantes, não precisamos
que as crianças tenham tanta atenção como na apresentação dos conteúdos.
4.4.

Folha de impressão para as fichas a apresentar nas sessões de formação nas

escolas.
5.

Adoptando a mesma estrutura, modificámos a cor amarela por um cinzento que já

não “choca tanto” e não temos o problema dos slides de conteúdo porque ficam
com a mesma cor cinzenta.
Uma vez que aquilo que nos interessa mais é que as crianças prestem atenção ao
“conteúdo”, se perdermos o tom apelativo do amarelo no primeiro e no último slide,
achamos que isso não constitui problema.
As imagens seguintes mostram os slides de conteúdo, o slide final e a folha modelo
para as fichas de trabalho que iremos apresentar durante as sessões.
5.2.

5.3.
5.4.
6.

Tentámos ainda outra imagem para os PowerPoints, desta vez baseada na interface
do Scratch. Após várias tentativas de modificar a imagem, chegámos ao resultado
acima.
Achamos que, na verdade, a ideia de utilizar a interface do Scratch como fundo dos
slides seria uma boa ideia mas isso implicava uma grande mudança na interface,
caso contrário, iria ficar uma imagem demasiado “complicada” e nada apelativa
para as crianças.
Assim, esta ideia foi logo abandonada.
7.

Uma vez que estas folhas são para ser distribuídas às crianças para elas poderem
ter os tutoriais dos exercícios (pdf’s), elas podem ter de ser impressas a preto e
branco, por isso, mantivemos a estrutura e mudámos a cor.
Estudo da imagem para apresentação dos ScreenCasts

Para manter a coerência gráfica com a imagem dos PowerPoints e das fichas,
adoptámos o mesmo elemento visual da “folha rasgada”.
Estudo tipográfico

Para garantir a uniformidade da comunicação institucional, definiu-se uma família

tipográfica, que deve ser aplicada em toda a comunicação.

American Typewriter
_______________________________________________
American Typewriter Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!?$&(.,:;)

__________________________________________________________________

American Typewriter Light

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!?$&(.,:;)
__________________________________________________________________

American Typewriter Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!?$&(.,:;)
__________________________________________________________________

American Typewriter Condensed

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!?$&(.,:;)
__________________________________________________________________

American Typewriter Condensed Light

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!?$&(.,:;)
__________________________________________________________________

American Typewriter Condensed Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!?$&(.,:;)
__________________________________________________________________