Exercise: Giving information

This exercise required me to describe my immediate surroundings, or my routine, or an area in my house as an Infographic. The graphic needed to be either an aerial or front facing view of the subject. I was free to make use of typography, numbers and colours to help describe/enhance the Infographic…

I began this project with a brainstorm:

Infographic brainstorm

Infographic brainstorm

I then took ideas from this mind-map and sketched them in a larger-than-thumbnail size. Normally I would use thumbnails for design sketches but I felt like things needed to be a bit larger for me to get a better idea of whether an idea was viable.

Infographic design sketches

Infographic design sketches

nfographic design sketches page 2.

Infographic design sketches page 2.

I decided to go ahead with one of the sketches, which centred around a photographic pie chart. The pie chart was designed to show my daily routine through percentages of time spent in each area. I drew inspiration for this from a Column Five design which used photographs of food within a pie chart:

http://www.columnfivemedia.com/work-items/infographic-a-well-balanced-blog

My start point was to find objects which represented areas of my morning routine (i.e. a toothbrush and shower loofah represented shower time) and arrange/photograph them within a large circle.

Photo 1

Photo 1

Photo 2

Photo 2

Photo 3

Photo 3

Photo 4

Photo 4

Photo 5

Photo 5

I then took the photo and cropped the image using Photoshop. I also took some time to adjust the light and colour levels of the image to make it clearer and slightly warmer.

I then took the circle into illustrator and used that to overlay lines onto the circle for a pie chart effect. I tried to create a sense of text division with small water colour lines. I also tried to create a hierarchy in the text by using a bold large font for the title, then an smaller italic one for a subheading. I then used the same font as the title font for the categories of the pie chart, and an alternative serif font for the percentages to add a sense of contrast.

I tired to keep the colours simple, using red and blue primary colours. I think this gives clarity to the information being displayed.

Pie Chart Infographic v.1

Pie Chart Infographic v.1

For the second and third versions of the Infographic I looked at using different fonts for the headings, and changed the colours around. I also played with using the watercolour lines as markers/page dividers. The third version (unfortunately the export png doesn’t show this very well) actually extends further than the image shows, which makes the watercolour lines effective.

Pie Chart Infographic v.2

Pie Chart Infographic v.2

Pie Chart Infographic v.3

Pie Chart Infographic v.3

I felt like the pie chart Infographic was very clear, clean, professional, but lacked a sense of fun or vibrancy. I wanted to create a more fun visual to describe my morning routine based on one of my design sketches, I selected a design that made use of sliced open cup of tea. See the bottom right hand corner of the image below for the design idea :

Infographic design sketches

Infographic design sketches

Cup of tea sketch

Cup of tea sketch

I took the sketch and cut out the different elements using Photoshop, dragged them into illustrator to image trace them, turning them into vectors.

Tea Infographic v.1

Tea Infographic v.1

Tea Infographic v.2

Tea Infographic v.2

As you can I see I began working on this idea in illustrator but I felt like in terms of keeping working to my deadline I needed to leave that idea there and move onto the next exercise. At the end of this assignment I want to come back to this idea and work on finishing that particular Infographic.

Leave a Reply

Your email address will not be published. Required fields are marked *