Cursos / Informática para Internet / Autoria Web / Aula

arrow_back Aula 09 - Pré-produção, navegação, resolução x design e layout

Passo 4: Definir uma Metáfora Visual

Conhecendo o tema, você pode começar a definir uma metáfora visual, o que pode reforçá-lo.

Mas o que é metáfora visual?

Veja a Figura 3. O que ela consegue transmitir sem usar nenhuma palavra?

Exemplo de metáfora visual: o consumo de papel leva ao desmatamento.

Usar uma metáfora visual significa utilizar os elementos gráficos ou mesmo as cores e disposição dos elementos para transmitir uma mensagem.

No caso do colecionador de jogos de tabuleiro, pode-se projetar o site usando imagens de tabuleiros, peças dos jogos, cores relacionadas aos jogos, layouts relacionados com jogos ou manuais de jogos, dentre outros.

A seguir, relacionamos três dicas para o desenvolvimento de um tema e metáfora visual (WATRALL; SIARTO, 2009):

  • Escolher algumas paletas de cores que funcionem bem com o conteúdo (tema). Você aprendeu um pouco sobre isso na Aula 6 deste curso;
  • Projetar layouts baseados no conteúdo. Por exemplo, se você estivesse desenvolvendo um site para um jornal, você certamente criaria um layout com muitas colunas e seções e lugares para grandes manchetes. Algo semelhante a um jornal impresso;
  • Usar elementos visuais para reforçar o tema, fazendo com que o site “pareça” com o seu conteúdo. Por exemplo, no site sobre jogos, você pode usar algum tabuleiro como imagem de plano de fundo e usar ícones que imitam peças de jogos.

Versão 5.3 - Todos os Direitos reservados