From the course: Infographics: Planning and Wireframing

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Examining the Social Good infographic

Examining the Social Good infographic - Photoshop Tutorial

From the course: Infographics: Planning and Wireframing

Start my 1-month free trial

Examining the Social Good infographic

Infographics are more than just a collection of charts thrown together on a funky background, although that's often what new designers do. In this video, we're going to walk through an infographic about charity donations that originally appeared on mashable.com, and I am going to explain the considerations that went into planning and wireframing the layout. Since Mashable is a blog, it had a dimension constraint of 640 pixels in width. There was no height constraint, so I had to take advantage of that, and build this infographic in a vertical layout. Because the dimensions of this graphic will likely require a lot of scrolling, I wanted to draw attention with a powerful statistic, and an image to draw viewers in to the rest of the graphic. As you can see from the zoomed out view, I divided the graphic into four horizontal sections, each of which had its own different way to visualize a different set of data. There is a lot of text, but all of it was positioned deliberately to convey…

Contents