Professional Documents
Culture Documents
ARTE FUNCIONAL
infografa
y
visualizacin
de
informacin
www.elartefuncional.com
1
2008
www.elartefuncional.com
http:// elections.nytimes.com/
2011
Twitter: @albertocairo
an infographic is a tool:
an aid to understanding a means to answer questions
www.elartefuncional.com
http:// elections.nytimes.com/
Twitter: @albertocairo
www.elartefuncional.com
http:// elections.nytimes.com/
Twitter: @albertocairo
www.elartefuncional.com
http:// elections.nytimes.com/
Twitter: @albertocairo
Why so many journalists and designers dont understand what infographics are
www.elartefuncional.com
http:// elections.nytimes.com/
Twitter: @albertocairo
Fernando Baptista
www.elartefuncional.com
http:// http:// elections.nytimes.com/ elections.nytimes.com/
Twitter: @albertocairo
www.elartefuncional.com
http:// elections.nytimes.com/
Twitter: @albertocairo
Is it really art?
www.elartefuncional.com
http:// elections.nytimes.com/
Twitter: @albertocairo
www.elartefuncional.com
http:// elections.nytimes.com/
10
Twitter: @albertocairo
http:// elections.nytimes.com/
www.elartefuncional.com
11
Twitter: @albertocairo
www.elartefuncional.com
http:// elections.nytimes.com/
12
Twitter: @albertocairo
Leonardos Notebooks
www.elartefuncional.com
13
http:// elections.nytimes.com/
Twitter: @albertocairo
www.elartefuncional.com
http:// elections.nytimes.com/
14
Twitter: @albertocairo
Art can be subjective, it can help artists to express their feelings. It can be beautiful just for the sake of being beautiful. Scientic illustration (one of the disciplines infographics are based on) must be precise, technical, objective, reliable. There must be a correspondence between reality and its representation.
www.elartefuncional.com
http:// elections.nytimes.com/
15
Twitter: @albertocairo
www.elartefuncional.com
http:// elections.nytimes.com/
16
Twitter: @albertocairo
www.elartefuncional.com
http:// elections.nytimes.com/
17
Twitter: @albertocairo
18
Twitter: @albertocairo
www.elartefuncional.com
http:// elections.nytimes.com/
19
Twitter: @albertocairo
www.elartefuncional.com
http:// elections.nytimes.com/
20
Twitter: @albertocairo
www.elartefuncional.com
http:// elections.nytimes.com/
21
Twitter: @albertocairo
The form should be restrained by the function To choose the best graphic form think rst about what task or tasks your graphic PART 1 facilitate should
www.elartefuncional.com
22
Twitter: @albertocairo
Main steps on any infographics project 1. Dene the focus, the story 2. Do some preliminary research 3. Choose graphic forms according to 1. 4. Sketches and storyboards; structure the information 5. Complete the research and write the copy 6. Create the graphics, maps and diagrams 7. Put it all together
www.elartefuncional.com
23
The form should be restrained by the function To choose the best graphic form think rst about what task or tasks your graphic PART 1 facilitate should
www.elartefuncional.com
24
Twitter: @albertocairo
PART 1
www.elartefuncional.com
25
Twitter: @albertocairo
www.elartefuncional.com
26
Twitter: @albertocairo
Twitter: @albertocairo
www.elartefuncional.com
28
Twitter: @albertocairo
www.elartefuncional.com
29
Twitter: @albertocairo
Same with graphics Graphic forms to represent a data set should be PART 1 chosen according to the intended tasks, to the questions the graphic should help answering
www.elartefuncional.com
30
Twitter: @albertocairo
www.elartefuncional.com
31
PROBLEMS 1. It is difcult to successfully compare the numbers (is Brazils army much larger than Colombias?). 2.Variables are not visually related. Is there a correlation between population and military expenses? Brazil is the most powerful country in absolute terms but, what is the most powerful one in relative terms? 3. Should the map be the key visual element of the graphic?
www.elartefuncional.com
32
PROBLEMS 1. It is difcult to successfully compare the numbers (is Brazils army much larger than Colombias?). 2.Variables are not visually related. Is there a correlation between population and military expenses? Brazil is the most powerful country in absolute terms but, what is the most powerful one in relative terms? 3. Should the map be the key visual element of the graphic?
www.elartefuncional.com
33
PROBLEMS 1. It is difcult to successfully compare the numbers (is Brazils army much larger than Colombias?). 2.Variables are not visually related. Is there a correlation between population and military expenses? Brazil is the most powerful country in absolute terms but, what is the most powerful one in relative terms? 3. Should the map be the key visual element of the graphic?
www.elartefuncional.com
34
www.elartefuncional.com
35
www.elartefuncional.com
36
www.elartefuncional.com
37
www.elartefuncional.com
38
www.elartefuncional.com
39
www.elartefuncional.com
40
www.elartefuncional.com
41
www.elartefuncional.com
42
Sometimes, just one graphic form is not enough. You need to represent the data set with different PART 1 shapes to allow different answers
www.elartefuncional.com
43
Twitter: @albertocairo
http://revistaepoca.globo.com/Revista/Epoca/0,,EMI238256-17445,00.html www.elartefuncional.com
44
Twitter: @albertocairo
www.elartefuncional.com
45
Twitter: @albertocairo
an introduction
www.elartefuncional.com
46
Twitter: @albertocairo
an introduction
www.elartefuncional.com
47
Twitter: @albertocairo
an introduction
www.elartefuncional.com
48
Twitter: @albertocairo
www.elartefuncional.com
49
Twitter: @albertocairo
www.elartefuncional.com
50
Twitter: @albertocairo
www.elartefuncional.com
51
Twitter: @albertocairo
www.elartefuncional.com
52
Twitter: @albertocairo
www.elartefuncional.com
53
Twitter: @albertocairo
Problem is, sometimes you lie even if you dont want to...
www.elartefuncional.com
54
Twitter: @albertocairo
Graphic: Wired
www.elartefuncional.com
55
Twitter: @albertocairo
Graphic: BoingBoing
www.elartefuncional.com
56
Twitter: @albertocairo
www.elartefuncional.com
57
Twitter: @albertocairo
Alberto (Research, planning, statistical charts, cartography) (Intern) (Research, planning) Vergotti (Design, Art) Gerson (3D, Illustration) Salomo (Design, iPad) Rodrigo (Research , Illustration, Design) David (Online design, video) an introduction Pedro (3D, motion graphics, video) Gerardo (Web design, programming, databases) Erik (Programming, databases)
www.elartefuncional.com
58
Twitter: @albertocairo
The Wave
www.elartefuncional.com
59
Twitter: @albertocairo
www.elartefuncional.com
60
www.elartefuncional.com
61
www.elartefuncional.com
62
www.elartefuncional.com
63
www.elartefuncional.com
64
www.elartefuncional.com
65
www.elartefuncional.com
66
Twitter: @albertocairo
Think about information and structure rst Think about aesthetics afterwards Never distort the data to make the graphic beautiful an introduction
www.elartefuncional.com
67
Twitter: @albertocairo
EL
ARTE FUNCIONAL
infografa
y
visualizacin
de
informacin
www.elartefuncional.com
www.visualopolis.com
68