INFOGRAFIA NA INTERNET Alguns cases do portal G1
Histórico O portal G1 há 3 anos vem produzindo infografia. Desde o início, o desafio foi usar recursos de internet, explorar animação, interatividade, vídeos, games entre outras possibilidades que a web oferece, pensando em tudo isso a serviço do jornalismo, nunca esquecendo que as informações visuais tem de ter o mesmo rigor de apuração que é necessário em um bom texto.
página
01
INFOGRAFIA NA INTERNET Alguns cases do portal G1
14 Bis
+
Modelo 3d, texturizado e pronto para as animações que foram criadas
O voo do 14 bis Esse projeto foi desenvolvido buscando, além de passar corretamente as informações do voo realizado por Santos Dumont, proporcionar uma experiência ao usuário de internet, que poderia “voar” com o 14 bis. Um trabalho extenso, que envolveu modelagem em 3d, programação, e muitos testes. página
02
INFOGRAFIA NA INTERNET Alguns cases do portal G1
14 Bis
Coletando referências O início do trabalho ocorre com a busca de imagens, plantas, elementos que possam fornecer pistas de como era avião em detalhes. Neste projeto também foi necessário recorrer a referências em vídeos, que foram essenciais para detalhar a movimentação e o funcionamento do avião e seus instrumentos de navegação. página
03
INFOGRAFIA NA INTERNET Alguns cases do portal G1
14 Bis
+
Fotografias de referência
+
Modelo construido em 3d
página
04
INFOGRAFIA NA INTERNET Alguns cases do portal G1
14 Bis Abaixo um pouco do arquivo em 3d, com seus controles de animação, e também um teste de seu funcionamento na prática
>
Veja animação: http://www.vimeo.com/5441086
>
Veja animação: http://www.vimeo.com/5479793
Se os links não funcionarem, clique com o botão direito em cima e copie e cole no browser com o “Select Tool”.
página
05
INFOGRAFIA NA INTERNET Alguns cases do portal G1
14 Bis
Layout + Antes de partir pro layout final, vários esboços são elaborados, buscando prever, antes da estética, o funcionamento e a usabilidade da peça.
+ Layout já próximo do final, com esboços prevendo como seriam as animações e os controles de interação do infográfico. Neste estágio também foi elaborado as animações que o usuário iria controlar, movimentando o avião.
página
06
INFOGRAFIA NA INTERNET Alguns cases do portal G1
14 Bis
+ Layout final, já funcionando, com itens de menu dividindo o conteúdo, controles de animação finais e um medidor, que indica a distância percorrida e o tempo de voo do avião 14 bis
INFOGRAFIA NA INTERNET Alguns cases do portal G1
14 Bis Animação do voo O portal G1 há 3 anos vem produzindo infografia. Desde o início, o desafio foi usar recursos de internet, explorar animação, interatividade, vídeos, games entre outras possibilidades que a web oferece, pensando em tudo isso a serviço do jornalismo, nunca esquecendo que as informações visuais tem de ter o mesmo rigor de apuração que é necessário em um bom texto.
>
Veja animação: http://www.vimeo.com/5490550
Se os links não funcionarem, clique com o botão direito em cima e copie e cole no browser com o “Select Tool”.
INFOGRAFIA NA INTERNET Alguns cases do portal G1
Se os links não funcionarem, clique com o botão direito em cima e copie e cole no browser com o “Select Tool”.
> Veja o resultado final no infográfico: http://g1.globo.com/Noticias/0,,IIF1222-5603,00.html
No próximo making of: Ponte Estaiada em São Paulo, veja link: http://g1.globo.com/Noticias/SaoPaulo/0,,MUL465174-5605,00-PONTE+DE+METROS+E+INAUGURADA+NA+ZONA+SUL.html#asa