O documento descreve o desenvolvimento de um infográfico interativo sobre áreas do design. Inicialmente, os autores realizaram uma enquete com colegas de curso para identificar as áreas de maior interesse. Em seguida, eles coletaram dados e fizeram esboços iniciais do projeto utilizando lápis, papel e canetas hidrográficas. Por fim, o infográfico foi construído usando softwares da Adobe e permite a interação do usuário com as áreas e gêneros.

1. METODOLOGIA PROJETUAL
COM BASE EM MUNARI
Acemir Mendes & Luciana do Prado

2. ÁREAS DO
DESIGN
Estavamos curiosos em saber
qual área do design mais
interessavam nossos colegas
de curso, então resolvemos
elaborar uma enquete onde
cada entrevistado deveria
escolher a área que mais
curte da profissão que
pretendem seguir.

3. ÁREAS DO
DESIGN
Baseado nos ícones criados
por Rafael Crispim, designer
de camisetas de Brasília,
escolhemos 12 áreas do
design que mais se
identificavam com o digital
para aplicarmos à enquete.

4. COLETA DE DADOS
Pesquisamos exemplos de infográficos interativos.
Clima Político nos EUA Horas gastas com Filantropia
Infográficos interativos disponíveis na internet

5. COLETA DE DADOS
A enquete foi realizada através da rede social
Facebook e do aplicativo web Google Docs.
Abaixo apresentamos os resultados.

6. ESBOÇOS INICIAIS
Para iniciar a concepção visual do nosso projeto
utilizamos lápis e papel.

7. ESBOÇOS INICIAIS
Depois começamos a pensar nas cores que
iríamos aplicar, então fizemos outro esboço
utilizando canetas hidrográficas.

8. MATERIAIS E TECNOLOGIAS
Utilizamos os softwares gráficos da Adobe.
Photoshop – Imagens em bitmap
Ilustrator – Elementos vetorizados e para
diagramação as telas da interface digital.
Flash e linguagem de programação ActionScript
Animações e interações

9. FONTES
USADAS
Testamos algumas fontes que
se identificassem com nosso
público-alvo e que melhor se
adequassem ao formato de
nossos esboços iniciais.
Escolhemos as fontes:
• Heattenshweiler
• Proxima Nova Condensed

10. ÍCONES DE GÊNERO
Os ícones de gênero são simples, de
entendimento universal.

11. INFOGRÁFICO INTERATIVO
Tela Inicial

12. INFOGRÁFICO INTERATIVO
Usuário interage com as àreas

13. INFOGRÁFICO INTERATIVO
Usuário interage o gênero