1º LIDE - Leonardo Aragao

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.