Inspiration for digital creatives

Buy latest issue NOW!

Digital Arts Janaury 2010 - out now The future of Photoshop art
Arabic design now
Break into augmented reality
New art showcase
Amazing tutorials
Video training on free CD!

EDIGIT SIGN-UP

The twice-weekly newsletter with all the latest creative news, reviews, and features



More info...

Tutorial: Create cool infographics

Wednesday 18 Feb 2009

Translate abstract data into a 3D, easy-to-understand illustration in this great tutorial by Wendy Ding.



Infographics, such as the one above, are great visual tools for communicating large amounts of data. Breaking down large amounts of abstract data, they place the information in context and transform it into tangible and useful knowledge.

With a bit of personality and fun, an infographic can become a distinctive and charming way for the viewer to learn and access data. The most important aspect is the underlying message – the primary information that is being illustrated.

All other elements should complement and reinforce the primary meaning to the viewer. For this tutorial, we’re going to be working with data I’ve compiled on images I found on Flickr.com. I chose skirt lengths and their wearers’ locations as my topic and looked through 29 photos. Before I began sketching, I visualized how to best display the overall design and legends.

To contain my findings and various geographical locations, I opted for a clean chunk of land with a beach and underground train – a normal bar graph wouldn’t have been visually dynamic enough to display such a range of information.


01. The best way to begin is to create a sketch using pen and paper. For this diagram, I sketched an isometric chunk of land with edges for the beach and an underground train for further depth. Taking into consideration that some information will need further explaining, I illustrated it in two ‘callouts’ (exploded details). Remember to leave some space for the title and legend – as my sketch is largely horizontal, I left some room at the top and sides.

Tutorial continues...

Jump to page : [ 1 ] [ 2 ] [ 3 ] [ 4 ] [ 5 ]

Learn about our amazing creative tutorials as soon as they're published -- click here follow @digital_arts on Twitter.


Submit to: DiggDigg deliciousDel.icio.us redditReddit

What is this?