Information Graphics & Motion_webversion

Embed Size (px)

Citation preview

  • 8/12/2019 Information Graphics & Motion_webversion

    1/13

    infographics

  • 8/12/2019 Information Graphics & Motion_webversion

    2/13

    infographics

    Umbrella term to describe

    a variety of information

    visualisation traditionally

    including signs, charts,

    maps, manuals among

    others.

    The aim is to

    communicate information

    quickly and

    engagingly.

    vs

  • 8/12/2019 Information Graphics & Motion_webversion

    3/13

    Traditional infographics consist of the use of the tools of graph

    illustration, cartography and statistical representation to conv

    journalistic information.

    Infographics are difficult to define precisely bec

    their multiple and flexible nature... on an abstract le

    information graphic is an aid to thinking and understanding...Ainfographic makes patterns arise, discovers trends, condenses

    amounts of information in a very small space.Alb

  • 8/12/2019 Information Graphics & Motion_webversion

    4/13

    FORMS

    INTERACTIVE

    PRINT

    SIGNAGE

    VIDEO

    http://www.nytimes.com/ref/us/20070417_SHOOTING_GRAPHIC.html
  • 8/12/2019 Information Graphics & Motion_webversion

    5/13

  • 8/12/2019 Information Graphics & Motion_webversion

    6/13

    Exploratoryvisualizing data

    so viewer can play withit and analyse it.

    Explanatoryshowing information

    and telling a story about it

    to the viewer.

  • 8/12/2019 Information Graphics & Motion_webversion

    7/13

    Animated

    infographicsare usually Exploratorytaking the form of a visual

    essay, communicating

    information within a

    narrative or argument.

    http://www.google.com.au/url?sa=t&source=web&cd=2&sqi=2&ved=0CCEQtwIwAQ&url=http%3A%2F%2Fvimeo.com%2F5477517&ei=TGFoTo-iJYqKmQX834HCDA&usg=AFQjCNF3zD13NBFZNIntQiFqDfYwN1ohKQhttp://www.youtube.com/watch?v=qO_8RwXMMwI
  • 8/12/2019 Information Graphics & Motion_webversion

    8/13

    examples

    http://vodpod.com/watch/3096963-format-a-brief-history-of-data-storagehttp://www.youtube.com/watch?v=9hIQjrMHTv4http://vimeo.com/3715286
  • 8/12/2019 Information Graphics & Motion_webversion

    9/13

    RATIONALEQ. Would animation

    increase engagement and

    comprehension?

    Q. Do you have solid facts

    and/or good

    story/argument?

    Q. How will you breakup

    the topic/process into

    digestible elements?

    Q. How will you represent

    Time, Space, Location?

    http://vimeo.com/7395079
  • 8/12/2019 Information Graphics & Motion_webversion

    10/13

    GUIDESCreate visual hierarchies.

    Graphic/Motion energy

    should be focused on

    story/info not ornament.

    Use text and symbol

    conventions.

    Simplicity: avoid

    superfluous detail.

    Do not distort the data.

    Clarity/Simplicity

    Superfluous Detail/

    Style over Substance

    http://infographicsexampleofstyleoversubstance.mp4/http://newmediators.com/
  • 8/12/2019 Information Graphics & Motion_webversion

    11/13

  • 8/12/2019 Information Graphics & Motion_webversion

    12/13

    FUTHER INFO

    INFORMATION

    Journalism in the Age of Data, by Geoff McGhee at Stanford

    http://datajournalism.stanford.edu/

    Interview with Alberto Cairo, elmundo.es's former infographics expert

    http://www.ojr.org/ojr/stories/070523ruel/

    Design and infographic site:

    http://simplecomplexity.net/

    Influential Player in Information analysis and communication

    http://www.edwardtufte.com

    EXAMPLES

    http://psdcollector.blogspot.com/2010/05/277-infographics-and-data-visualization.html

    http://www.designer-daily.com/14-visually-stunning-animated-infographics-5698

    http://inspirationfeed.com/2010/07/50-wonderful-infographic-videos-and-posters/

    http://motionographer.com/tag/information-graphics/http://vimeo.com/groups/19792

    http://datajournalism.stanford.edu/http://www.ojr.org/ojr/stories/070523ruel/http://simplecomplexity.net/http://www.edwardtufte.com/http://www.designer-daily.com/14-visually-stunning-animated-infographics-5698http://inspirationfeed.com/2010/07/50-wonderful-infographic-videos-and-posters/http://motionographer.com/tag/information-graphics/http://vimeo.com/groups/19792http://vimeo.com/groups/19792http://motionographer.com/tag/information-graphics/http://inspirationfeed.com/2010/07/50-wonderful-infographic-videos-and-posters/http://www.designer-daily.com/14-visually-stunning-animated-infographics-5698http://www.edwardtufte.com/http://simplecomplexity.net/http://www.ojr.org/ojr/stories/070523ruel/http://datajournalism.stanford.edu/
  • 8/12/2019 Information Graphics & Motion_webversion

    13/13

    FUTHER INFO

    INFORMATION

    Graph Layout and Colour Exercise

    http://www.perceptualedge.com/files/GraphDesignIQ.html

    Fernando b. Viegas

    http://fernandaviegas.com/democratizing_viz.html

    Alberto Cairo

    http://www.albertocairo.com/index/index_english.html

    Visualisation Methods

    http://www.visual-literacy.org/periodic_table/periodic_table.html

    http://www.perceptualedge.com/files/GraphDesignIQ.htmlhttp://fernandaviegas.com/democratizing_viz.htmlhttp://www.albertocairo.com/index/index_english.htmlhttp://www.albertocairo.com/index/index_english.htmlhttp://fernandaviegas.com/democratizing_viz.htmlhttp://www.perceptualedge.com/files/GraphDesignIQ.html