Archive for May, 2015

Research post 2 – Composition

Saturday, May 30th, 2015

According to http://neomam.com/blog/what-makes-an-infographic-bad-and-how-to-make-it-better/, and important thing to consider when creating an infographic is to leave some negative space, and not completely clutter your piece and covering the background. It says that allowing some of the background to show through helps the eye to organize the data presented. It is important to get this balance right though, as too much white space will leave the infographic looking unfinished.

The composition of the elements within the infographic should be balanced and aligned to allow the viewer to let their eyes take them through your information. When elements are messily arranged, it can be hard to know what to look at first.

This infographic shows some different layout styles when creating an infographic:

As my infographic compares two sides to a topic, I am drawn mostly to the comparison style. This source says that when comparing things in this way, the visuals have to be very strong, so that you get your point across – which is what I aim to do, particularly because I do not want to rely on text for people to understand the points I am trying to convey. This source also says that using a comparison layout works well if you have bullet-pointed information that you want to convey simply.

WIP

Friday, May 29th, 2015

This week I did my first vector trace for the assignment – a brain! It took quite a while because there are so many curves but I’m really happy with it! I still need to fill it in but here’s the trace so far:

Screen Shot 2015-06-01 at 7.31.40 pm

I’ve also been working more on my idea and have decided on a couple of new potential layouts that I will be trying out as I add the different elements in Illustrator:

11351391_10205927045686527_836126820_n 11358698_10205927045646526_973302806_n

Rsearch post 1 – Visual Communication Examples

Wednesday, May 27th, 2015

After working through some more ideas and doing two more sketches for my potential layout, I have found some more infographic examples that I have found some inspiration in. They are posted below with their links and my explanations:

Retrieved from http://image.naldzgraphics.net/2013/06/1-compare-infographics.jpg

I like the divide of light from dark in this image and I intend to do this with mine as it clearly shows negative versus positive. I don’t think I will use crisp white though as it looks a bit boring with no texture or colour. Retrieved from http://image.naldzgraphics.net/2013/06/1-compare-infographics.jpg

Retrieved from https://digitalmediaforireland.files.wordpress.com/2014/04/infographic.jpg

I love the idea of having the split down the centre of the person, I can half one half negative and one half positive and have my points aiming at different parts of the body. I also like the colours and the layers of the background in this one. Retrieved from https://digitalmediaforireland.files.wordpress.com/2014/04/infographic.jpg

Retrieved from http://davidmeine.com/wp-content/themes/executive/images/infographic.png

I like how this points to the brain but it probably isn’t clear enough which part of the brain is affected. This is why I think it might work better and be more visually interesting to have the whole body, rather than the brain like I originally planned. Retrieved from http://davidmeine.com/wp-content/themes/executive/images/infographic.png

Retrieved from https://vantagepointdallascounseling.com/wp-content/uploads/2012/08/My-self-talk-Infographic.png

I like the levels of this and how it gets deeper into the information. It is a bit too wordy though. Retrieved from https://vantagepointdallascounseling.com/wp-content/uploads/2012/08/My-self-talk-Infographic.png

Retrieved from http://thumbnails-visually.netdna-ssl.com/replace-negative-thoughts-with-positive-ones_502910e1cdf09_w450_h300.jpg

I love this idea of having the text in the shape of the head. This could be something I could try out with the outline of the body or the brain. Retrieved from http://thumbnails-visually.netdna-ssl.com/replace-negative-thoughts-with-positive-ones_502910e1cdf09_w450_h300.jpg

Idea first plan

Tuesday, May 19th, 2015

This week’s WIP is a couple of rough sketches that I made this morning when an idea came to me. I decided that to keep it simple and clear I want to have the input and output of the brain as the main focus. I want to represent these with the happy and sad faces, then possibly arrows or connecting sections to explain each one a bit further with other symbols and some text.

I really want the focus to be on the ‘yahoo’ moments and fun that ‘cures’ depression that Jim Hunt talks about in his book.

image

Ignore the font obviously! Just ideas that I wrote around it.

I was also thinking of this idea. Having the brain in the middle again, but having the ‘prescriptions’ on the left side and then the outcomes or ‘side effects’ on the right side. I realised though that to represent most of the outcomes in images is basically just a happy face, so I think I need to play around with this idea a bit more. I think I prefer my first idea at the moment, but I like this one because I can be more specific with the suggestions that Jimi Hunt makes to make your life better.

1

Idea!

Tuesday, May 12th, 2015

My idea for this assignment is around overcoming depression. I would like to take the angle of informing people of simple ways of getting out of depression. My inspiration came from a book I recently read called ‘A Bit Mental’ by Jimi Hunt. In this book, he shows the following ‘cheat sheet’ into how he overcame his depression based on tips from a psychiatrist:

11216343_10205769622511046_1073190660_nI want my infographic to be very visual, with symbols and images to represent the actions listed in Jimi’s ‘cheat sheet’. I may also do further research into the things listed here and may change some of what I cover based on other information I find, but I thought for a start, the simplicity of this list could work quite well as an infographic. Jimi’s story is interesting because it proved to me that you have to take control of your life and in doing so, you can so easily change your situation. So through my infographic, I want people to understand that a change of lifestyle can make all the difference and that for people with symptoms of depression, they are not actually as ‘stuck’ as they may think they are.

Infographic styles

Friday, May 8th, 2015

For my WIP this week, I have been looking at infographics and trying to decide on what kind of look or style I prefer.

When looking at these examples, I have to bear in mind that we do have restraints that our infographic has to be A4 size. Another constraint to take into consideration is that we can not use any images in our piece, it must all be vector-based. This rules out some of the styles I like below, where real images are incorporated into the design.

From https://www.behance.net/gallery/Design-x-Food-Infographic/8859589

From https://www.behance.net/gallery/Design-x-Food-Infographic/8859589 I love the simplicity of the colours and the use of pale colours. I also like the way they have arranged the food as visual pie charts

From https://www.finedininglovers.com/blog/food-drinks/recipe-for-apple-pie/  I love the idea of using a chalkboard design, it fits really well with the infographic being a recipe. The colour scheme is simple and is very visually appealing

From https://www.finedininglovers.com/blog/food-drinks/recipe-for-apple-pie/ I love the idea of using a chalkboard design, it fits really well with the infographic being a recipe. The colour scheme is simple and is very visually appealing

From http://mashable.com/2014/04/22/earth-day-paper-infographic/?crlt.pid=camp.fa32K1riRKx3 I love the colour scheme, it fits really well with what the infographic is about. Images are used really well here as well

From http://mashable.com/2014/04/22/earth-day-paper-infographic/?crlt.pid=camp.fa32K1riRKx3 I love the colour scheme, it fits really well with what the infographic is about. Images are used really well here as well

From http://infographicsmania.com/cost-of-dogs-and-cats/ Again I love the use of real images but we are restricted here

From http://infographicsmania.com/cost-of-dogs-and-cats/ Again I love the use of real images but we are restricted here

From http://londonbeep.com/tips-for-tourists-in-london I like the colour scheme here and the use of symbols to minimise using text

From http://londonbeep.com/tips-for-tourists-in-london I like the colour scheme here and the use of symbols to minimise using text

From https://www.pinterest.com/pin/206110120418803364/ I like the simplicity of this and the minimal use of text. I also like the use of real images but we are restricted to doing this with our assignment. I like the textured background also.

From https://www.pinterest.com/pin/206110120418803364/ I like the simplicity of this and the minimal use of text. I also like the use of real images but we are restricted to doing this with our assignment. I like the textured background also.

From http://healthandstyle.com/health/how-to-make-a-salad/ I really like the use of colour in this and the layout of using the bowl to contain the information.

From http://healthandstyle.com/health/how-to-make-a-salad/ I really like the use of colour in this and the layout of using the bowl to contain the information.

Assignment workflow

Friday, May 1st, 2015

Like with the first assignment, I thought it would be a good idea for my first WIP post to be the workflow stages for this assignment.

The steps which I will be following are:

– research: deciding on idea, what aspects of this do I want to include in my infographic, what do I want the main points to be?

– wireframe/skeleton/flowchart of idea: sketching out how I want the infographic to look and how I want it to be layed out.

– colour scheme/coding

– graphics: what images and fonts do I want to include

Based on the theory from today’s tutorial, I also need to decide if I want my infographic to be themed or referenced. Themed may help to sell my message as it will have to be read into more to communicate something, while referenced will include more icons, pointers, charts – can be used to avoid visual clutter. At the moment I am thinking that I would prefer to make a themed infographic as I think it will allow me to be more creative.

What images I want to use in my infographic is important as I want to use as little text as possible to communicate my ideas.