27
Media Convergenc e Ricardo Llano G. [email protected] @ricardollano Ricardo Llano [email protected]. @ricardolla Tel. 8615555 Ext.: 19
MediaConvergence
Ricardo Llano [email protected]@ricardollano
Ricardo Llano [email protected]
@ricardollanoTel. 8615555 Ext.: 1934
Ricardo Llano [email protected]@ricardollano
MediaConvergence
InformationGraphics
Making information easier to digest
Ricardo Llano [email protected]@ricardollano
MediaConvergence
What Are They?“We can define newspaper infographics as the craft of telling news stories using the tools of (information) design, illustration, cartography and/or photography.
Nowadays you can add video, audio and interactivity to the cocktail and get even more confused...” Alberto Cairo
Ricardo Llano [email protected]@ricardollano
MediaConvergence
What Are They?
Information graphics (infographics) are visual representations of information, data or knowledge.
Ricardo Llano [email protected]@ricardollano
MediaConvergence
What Are They?INFORMATION as a GRAPHInform using:-Text-Pictures-Graphs-Representations-Statistics-Maps
Icon=ImageRepresentationPicture
Ricardo Llano [email protected]@ricardollano
MediaConvergence
INFORMATION
GRAPHICS
Why should we use them?
Ricardo Llano [email protected]@ricardollano
MediaConvergence
“The more detailed the truck, the less freedom other people’s minds will have to recreate it because its representation is closer to the original object.” Alberto Cairo
The amount of details we have define iconicity of the image
Ricardo Llano [email protected]@ricardollano
MediaConvergence
How iconic is the image?
It depends on how much data you collect as a reporter
Ricardo Llano [email protected]@ricardollano
MediaConvergence
How iconic is the image?Abraham Moles defined iconicity as the level of resemblance between a sign (a visual representation) and the object represented. The less iconicity, the more abstract a picture is. The more iconic is the picture, the more similar it is to the object represented.
Ricardo Llano [email protected]@ricardollano
MediaConvergence
How iconic is the image?Abraham Moles defined iconicity as the level of resemblance between a sign (a visual representation) and the object represented. The less iconicity, the more abstract a picture is. The more iconic is the picture, the more similar it is to the object represented.
Ricardo Llano [email protected]@ricardollano
MediaConvergence
In order to show it, you must know exactly
how it looks!
When reconstructing a storyvisually
Ricardo Llano [email protected]@ricardollano
MediaConvergence
News Story: Two pedestrians where hit by truck on the crossing of Cra 13 and 70th Street in Chapinero
Ricardo Llano [email protected]@ricardollano
MediaConvergence
Story: Two pedestrians where hit by truck on the crossing of Cra 13 and 70th Street in Chapinero
What´s wrong With this picture?
Ricardo Llano [email protected]@ricardollano
MediaConvergence
Story: Two pedestrians where hit by truck on the crossing of Cra 13 and 70th Street in Chapinero
What´s wrong With this picture?- Direction of the truck?- Sex of the victims- Clothes of the Victims- Stop Sign?- Type of the truck- Color of the truck- Position of the victims
Ricardo Llano [email protected]@ricardollano
MediaConvergence
1.Headlines
3.Body =2.Deck optional
4.Source & Credits/Author
Typographical and Iconic Information
Parts of an Information Graphic
Ricardo Llano [email protected]@ricardollano
MediaConvergence
3.Body
2.Deck optional
1.Headline
4.Source & Credits/Author
Ricardo Llano [email protected]@ricardollano
MediaConvergence Resources to build
an Information Graphic
1.Location
3.Text2.Step by Step or Timeline
4.HTML Hot Spots
6.Alternative Text5.Graphs
Ricardo Llano [email protected]@ricardollano
MediaConvergence Types of an information graphic
1. Statistical Based InfoGraphics
2. TimeLine Based InfoGraphics
3. Process Based InfoGraphics
4. Location or Geography Based InfoGraphics
Ricardo Llano [email protected]@ricardollano
MediaConvergence
Planning and creating
First Stage1. Planning2. Information Gathering3. Storyboard4. Draft of the scrypt
Second Stage4. Main Art 5. Secondary art6. Final Animation or version7. Final Copy
Third Stage8. Editing9. Uploading
MediaConvergence
