DEVELOPMENT AND REALISATION: FINAL DESIGN

Screen Shot 2016-01-13 at 07.02.57

 

Advertisements

DEVELOPMENT AND REALISATION: THE POSTER

With all the research complete and the base idea of the poster created, next is to begin creating the poster itself and changing certain initial idea aspects so they fit the brief better and also so the poster works well.

Screen Shot 2016-01-13 at 05.32.22

Above is a image showing what vectors I created first and this was fast food vectors of what carries the biggest connotations for obesity, these were a burger, chips and drink. The vectors are heavily related to McDonalds as it is considered the brand with the biggest link to obesity. McDonalds also gives me a way of tapping into the audience subconsciously and making them relate obesity and the vectors with both McDonalds and the poster itself. while creating the vectors which are based off the image above the vectors in my screenshot I changed the images so that they could be used as bar graphs, you can see in the bottom right corner my first idea for how the layout will be in the final poster. However I chose to discard this as I feel it takes away that impact of size means more and how using the large chips can allow me to represent the data better and show larger consumption. The inside of the burger will also be stretched to a size depending on the data, and the milkshake will be made taller or shorter.

Next I wanted a interesting way of correlating the data with the country it is aimed at. So i begun to create detailed vector flags for each country I would be displaying. Below is image of the flags I created:

Screen Shot 2016-01-13 at 05.41.06

The flags I feel is a way of the posters consumer quickly identifying the data with the corresponding country, it also allows them to relate to it more if the country is where they are from as its something they are extremely familiar with. My first idea was to put the individual countries into a flag on a stick and put these into the burgers individually.

Below are some images of the flags being created:

With the flags set aside for the moment I moved onto the Layout, creating a storyboard sort of layout for the poster. However with this done I started to become worried with one problem in to different ways, the problem was space.

Screen Shot 2016-01-13 at 05.49.57

The image above shows my storyboard layout with one section at the start for a title and anything else I see fit. Looking at this straight away I felt limited to a small amount of space for each country, this worried me in that in each cell I want to show 3 different sets of data and include 3 different vectors. Another issue I had was with the large amount of space in the background, so next I worked on creating something that could relate to meeting the brief and also make the background more interesting.

I wanted to create a Image that would sit in the background faintly and relate to the macro overview (the consumer), and how the products shown as vectors show obesity and the consumer getting larger. Playing around with ideas in my head I quickly came up with one that I thought would be great to show what is mentioned above. The idea was to create a Van vector and a Obese person, with the van pouring burgers into the obese persons mouth. Below are the images I used to base my vectors on and the outcome of my vectors.

Screen Shot 2016-01-13 at 06.00.22Metro_delivery_van_1476-electric-delivery-van

My Vectors:

 

Screen Shot 2016-01-10 at 21.46.42Screen Shot 2016-01-09 at 15.42.32Screen Shot 2016-01-11 at 15.03.40

The last image shows how I put it together on the final design, I feel that straight away this makes the poster more interesting. It also helps use up space and also shows the consumer going on a journey as the burger will pour out the truck down the road track and into the mouth of the obese person.

Next I begun to fill each cell with what would be used to show the data. Below is a image of the layout that will be in each cell.

Screen Shot 2016-01-13 at 06.12.50.png

One worry I had here was relating back to improper scaling, however instead of making the burgers or other vectors bigger, I will just stretch the high of them and leave the image size and starting point the same so that the height reflects directly the the numerical value of the data.

Looking over this I noticed that the flags’s are going to be extremely small on top of the burger and the finer detail of the flag will be completely overlooked and it may be incomprehensible what the flag the country is from. Another issue I had was that there is a lot of white space. So instead of pinning the flag to the top of the poster I decided to make each cell’s background the flag of the country.

Screen Shot 2016-01-13 at 06.18.25

This I feel not only gives me a chance to showcase the vector more, but also a way of structuring a narrative across the storyboard styled cells for the audience to follow, it also makes the cell stand out more as a country and at a glimpse allows the audience to know what country it is. It also correlates with the micro detail of the audience and making it more personal to them.

Putting the data into each cell was the next part and defiantly the most challenging part of the poster creatively. As with nearly every infographic poster I looked at prior to this I wanted to show the data as a bar chart without using a numbered scale. This initially proved challenging working out the middle point and adjusting each piece of data so they was accurate with one and another.

Screen Shot 2016-01-12 at 23.53.27

Ignoring the truck and obese man vector, and focusing on the fast food images, it’s hard to really notice the difference in hight between the vectors at first glance. This is because all the numbers are very similar and some only vary with 1 numerical value, and this made it hard to really portray this. However I felt that using any type of graph or bar chart and still wanting to use vectors would make showing the slight increase hard in any instance so this was still the best possible idea.

Now looking at the truck and obese man vectors, you can see they have been repositioned and the road has been removed. This was done as I felt the road didn’t properly show them going into the mouth and also didn’t really make sense. However I still wanted to use this as I felt it is great way of showing that journey and macro overview, so from this I decided to move the man to the bottom of the screen and leave the truck at the top with it pouring burgers into his mouth.

With the poster starting to slowly come together as a whole my next focus was on how the audience will read the poster and interpret the information in front of them without using a block of text to explain it. This is when I had the idea of creating a price tag vector that I could link to each individual image so the audience can quickly pick out the data more accurately without having to throughly look at the poster and work it out.

Screen Shot 2016-01-13 at 06.42.37

The image above shows one cell of the poster, and with the price tags I feel it really helps to show the divide in numbers a lot better and helps the audience quickly pick it out, while still visually comparing the BMI prevalence to life expectancy. The tags are also something I would consider to be something normal that would be seen on a menu and thus doesn’t seem to far fetched or take away the ‘Menu layout,’ of the poster.

Lastly leading up to the final design of the poster I needed a way of showing the 3 different data sets which are:

Whole country Fat prevalence, Whole country life expectancy.

Male fat prevalence in that country, and the life expectancy.

Female fat prevalence in that country and the life expectancy.

So using the price tags and the vectors corresponding to each data set I created a small ‘key,’ at the top of the page under the title.

Screen Shot 2016-01-13 at 06.51.42.png

The key is as shown above. The key is a big factor in helping the audience to digest the information throughout the poster and also shows how the poster should be read. The key is made so the audience knows which vector means what and what order the fat prevalence and the life expectancy are compared. The key also outlines that the bun on the burger and the straw in the drink, do not actually relate to the bar charts hight. However with this said the data is still accurate if this is looked over.

 

DEVELOPMENT AND REALISATION: PLAYING WITH THE IDEA

After researching into ways of portraying the information I next went onto look at Infographic posters which have already been created to help draw inspiration for mine but also to see ways in which graphs and charts have been used to display information, and also other ways I could consider.

having it clear in my head now I want to use the poster to reach the consumer by relating it to them directly or by association of what they see, I liked the idea of fast food and the doors it opens in both the macro overview of reaching the consumer, but also the vectors it allows me to create and to make these directly impactiable on the audience.

So with this said below are some posters I found that I like that I feel help to reach the audience through a medium.

stock-vector-fast-food-infographics-set-with-desserts-and-drinks-symbols-and-charts-vector-illustration-264891599Smelko_Sabrina_posterimages94990385

Each of the above posters have something I like about them that I feel have a great impact on the audience they are aimed at.

Straight away we see that each poster has imagery of fast food, and this has a big impact on the audience straight away in that they can relate that fast food is normally related to being overweight.

Next looking at the second poster, I like how they have used parts of the food and turned them into a form of graph or chart. Looking more at the burger and the chips and how they have been turned into bar charts, I think using this method could be very impactiable as the audience is looking at a product they relate to being fat and having the data portrayed to them using that image while subconsciously thinking about fast food and the connotations it carries.

Next I really like the 3rd poster layout of a menu. This is something that I am almost certain I will be using. The brief mentions subdividing the page up into cells, and a storyboard format and I feel using the idea of a menu can do exactly this. It also does not just help to meet the brief but it also helps to incorporate Nathan Sheroff’s theory mentioned earlier, in that I could use the grid as story board to tell a story to my audience about the consumption. The grid also gives me a way of setting out the page in a easy to follow layout for the audience.

After looking at these posters I began to create some starting design ideas for both the poster as a whole and the vectors that will be used to portray the information.

Photo 13-01-2016, 05 03 52 (1)

Above shows my drawings of both ideas for vectors which I am going to use and also it shows different ways in which I thought of how I could use the vectors to present the data.

After carefully considering each idea I have chosen to follow the idea of using the vectors as bar charts. This is because I feel that with the numeracies of the data being quite high, using the pictograms will take up to much space in the individual cells of the poster.  This is because as you can see from my drawing, of the layout of the poster it will be split into 10 cells and this will make the space in each limited. Using the vectors as bar charts also helps me to meet the brief, the brief talks about using space to as a reputation, and changing the size to use up more space does this. I also liked the idea of the hight of the fast food vector can relate to the consumption and as it goes from 1-10 in the countries, we will see the vector size get bigger with the data and this can correlate well with the consumption of that country.

 

DEVELOPMENT AND REALISATION: DATA/GRAPH RESEARCH

After collecting all the data that I would be using in the poster I next moved onto research into theories and looked at theorists on how to display the data visually.

Nathan Shedroff: Information interaction Design: A Unified Field Theory of Design (1999):

Nathan Shedroff focus’s on design and designing to reach the audience intended, looking at his theory, ‘Interaction Design,’ we see him talking about creating a story and telling it, this I feel is a theory which ties in nicely with the brief. The brief mentions the Macro overview, which is the consumer of my poster and how it relates to them as a whole. With my poster being on body mass, food consumption could be a great way of portraying the ideologies of the poster and reaching the target audience, while also telling a story to the audience and taking them on a sort narrative of their consumption and how it plays a part in the data. With this said I feel this is a great way to tie the theory to the brief.

Edward Tufte: Envisioning information (1990):

Briefly looking through Envisioning information, gave me many ideas on how I could display the data and which format (type of graph) would be best to use to show the data accurately but also ways in which I could incorporate the vector illustrations.

Isotype (Otto Neurath)/Pictogram:

Isotype-neurath

Showing the data through Otto Neurath’s Isotype also known as Pictogram was something than initially stood out to me very quick, this is as it allows me a way of linking back to the interaction design of telling a story of the consumption. A example of this would be that I could create a burger and make a talley of them, each representing a certain amount, and the amount of them relating to the consumers consumption as a macro overview. The Micro detail would also be how the data can easily target the individual country.

 

Graphs and charts:

Next I looked at graphs and charts, the main one I felt I would be able to use is Bar charts as it is a means of displaying data accurately, and also a way of being able to use Vectors and incorporate them. With this I started to look into graphs and charts more and came across something that could be a problem, and that is Misleading graphs, and more to do with this idea ‘Improper Scaling.’

Screen Shot 2016-01-13 at 04.27.00

The image above shows improper scaling on both the left and right and the correct way in the middle, with this in mind it puts doubt in my mind when using vectors. This is largely because of the size of the paper, and that if using the middle picture the vectors will have to be really small to display all the countries data across the page and the detail may be lost.

DEVELOPMENT AND REALISATION: DATA RESEARCH

After initially looking over the brief I feel the next best step would be to research into the Data that is already around, and collect what I will be using within the poster itself. I chose to do this step next as its a good starting point to help me know what I will be putting in the poster and from this helping me to think of ways to compare the data, such as creating the right vector to show it as accurately as possible and interesting to the audience at the same time.

Firstly I looked at the countries around the world and their average BMI’s, looking at many different sites and finding a lot of data was conflicting and not accurate, also no data since 2008. After looking around I found a site called ‘ChartsBin,’ This site seemed to have the most accurate data corresponding with other sites I looked at and also the most up-to-date. It also gave me a area which allowed me to search individual countries.

Screen Shot 2016-01-13 at 03.16.28

Looking at the top countries I straight away felt this was going to be a problem in presenting my data, as the majority are small countries that are likely to be not known to the consumer or they may not be interested in.

With this in mind I begun to look at Life Expectancy Data. After quickly searching Life Expectancy I went onto the site ‘World health organisation,’ I chose this site as its a very well known site and a agency of the United Nation, thus the information was going to be accurate.

Screen Shot 2016-01-13 at 03.19.04.png

Above is a image of the site and you can also see that the data is from 1990-2013, which is a lot more current than the 2008 data of BMI. With this also in mind and thinking that comparing the 2 may be inaccurate I went to look around the site for more current research on BMI.

While looking on the site for more current BMI’s I found a data set for the prevalence of people overweight (BMI of over 25) in the world, the data is also a lot more current (2010 – 2014). It also allowed me to break the data down to regions such as Europe, as seen below.

Screen Shot 2016-01-13 at 03.35.08.png

Looking at the data above as well the prevalence is a lot higher numerically than average BMI’s and closer numerically to Life expectancy. With all this in mind I chose to slightly changed the direction of my Poster, and focus it more on the prevalence as I think it would be a good idea when comparing the 2 data sets. It allows me as a designer to make the comparison more interesting and opens more opportunities, I also chose to focus on Europe.

Next I decided to break the countries down even more into the European Union, this I felt was a good idea as it allows it to be more personal to the consumer and also allow me to create vectors that can be personal.

Below are the top 10 EU countries with the highest BMI provenance and the corresponding life expectancy of that country, these are the countries I have chosen to base my data on. All the data below was collected from ‘World Health Organisation.’

As I chose to do the whole country, male and female they are broke down to (All, Male Female) I chose to do this as it gives me more data to later play around with on the vectors and allows me to create more so the poster is more visually interesting to the audience.

 

 

 

 

DEVELOPMENT AND REALISATION: THE BRIEF

The Brief firstly talks about choosing 1 of 3 different Titles each of which is for a infographic A2 Poster on visually communicating the data which is researched around the chosen title and using vectors to do so.

Out of the 3 titles I chose, ‘Who lives the longest correlated with average body mass.’ I initially chose this title as I thought it is interesting data sets to compare to one and another and can be very personal to the consumer of the poster. looking at it from a designer’s point of view as well, there would be a lot of different ways that the poster could be visually compelling to the audience its aimed at and can be made personal to the consumer through the imagery. The brief then goes on to say, ‘Visually compare life expectancy across a number of countries.’ This also was a reason for my choice as I fell comparing it across a set of countries give me a interesting way of mapping the data across the poster and making it more visually interesting.

The Brief also sets some pointers which can also be seen as targets, throughout my web-blog I will talk about how I feel I met these and the brief as a whole.

  • The use of the space of the poster as both representation of the data graphically;
  • The use of the A2 page as a whole or subdivided into parts e.g. framing content in ‘cells’ similar to storyboards;
  • How to display data across time or space;
  • How data be seen in two ways e.g. both the macro overview and the micro detail or with two different organisational criteria.

 

CONCEPT & IDEATION TASK 4: KINETIC TYPOGRAPHY.

For this assignment we was all set a voice clip from which we had to do a 20 second typography animation. My voice clip I was set was a scene from The Wolf Of Wall Street, which I felt was a good clip and he raised his voice and lowered it a lot, making the typography more interesting and able to do more with the text. As this was my first time doing Motion Graphics of this sort (Typography) I found it quite challenging but I still enjoyed it and found it really interesting as I have looked at various other aspects of motion graphics.

To learn the basics of typography I looked at a variety of different youtube tutorials to get the general idea of how it was done, however I have used After effects CS6 in the past and was able to apply some of my knowledge to this. Below is a picture showing how I was using the sound waves to sync a lot of the text.

Screenshot (28)

Below is my final and finished typography.

https://www.youtube.com/watch?v=wsLtLv-jvOU&list=UUARok_4OnTfNkLdl2X09cKg

CONCEPT & IDEATION TASK 3: ANIMATION

For this assignment we was taken back to the starting point of animation and moving image, directly looking at the Praxinoscope (SpinnerScope) to create a cycle themed animation, that we would then turn into a .gif using photoshop animation, how to do this we learnt in a photoshop workshop.

Praxinoscope (SpinnerScope).

Wileman23a

As the theme was cycle I chose to look at the life cycle of a plant, creating this first in paper form and checking it worked in the Praxinoscope before then digitalising it as shown below.

plantgif

After finishing this I then made a short flick book and then digitalised it as well, this was a un-realating theme but I felt it still turned out well.

flipbookgif

For the next part of the task I looked at stop motion, and took a total of 22 images to create the animation, for this I used my Nikon D3100, and then combined them in photoshop, the images at first came out quite dark so I edited them to lighten the images. For this I looked at the cycle of ‘routine’ and peoples daily routine which for a lot of people involves a cup of tea, so I focused on this aspect. My final stop motion is shown below.

stop-motion

CONCEPT & IDEATION TASK 2: SPACE AND TIME.

For this assignment we was set the task of looking into David Hockney and also long and short exposure.

David Hockney has a variety of photo collages in which he breaks the image into small squares before re-structuring it, to give it a more abstract and interesting effect. After looking at some of his work I decided I would try it on a image of a Autumn tree as I felt the vibrant colours and scenery made it a interesting collage.

Below is my take on a David Hockney style collage next to a picture of the original image:

Original Autumn Tree mosaic

To do this I used photoshop CS5, and created a grid using a pattern pre-set I made before. After laying the grid over the image, I used the magic wand tool to select each square chunk and separate it from the original image into a new layer. After doing each square I moved them and lowered the opacity slightly to give a overlapping effect, I also added a slight drop shadow to make each square seem more individual and break up the image more.

Long Exposure: 

For this I thought I would first look at motion blur and take pictures experimenting with different lengths of exposure. At first I took photos of my friend playing football, and over exposed the photos to give a blur effect of him, as shown in the images below:

Long Exposure 2 Long Exposure

After this I started to move on from motion blur and look more into light as well, and particularly light painting. At first I was just moving the camera while exposing it while the lights where on and also having people move in the background, which is shown in the two images below.

motion/lightblur2Motion/lightblur

After doing this I wanted to try light painting for myself, so I turned my room into a dark room and used pieces of different colour plastic over the torch on my phone to get different colours, I then started with trying to draw a stickman and also a tree, I then moved onto a house which proved to be a lot harder, as I had to cover the light and move the position to draw certain parts such as the windows. below shows my created images from doing this, after a few attempts on each:

stickman/lightdrawingtree/lightdrawinghouse/lightdrawing

Short Exposure:

As my final part of this task I looked at short exposure and capturing action shots, going back to the same area as capturing my friend playing football I asked him to repeat the same tricks but this time I captured them with a short exposure.

josh/football2josh/footyjosh/football3

CONCEPT & IDEATION TASK 1: IMAGES MAKING THE ALPHABET.

For this assignment we was set the task of spelling the alphabet using any real life object that looks like the letter. we was also asked to follow a theme, I chose to do nature. The reason I chose this was that I felt it would be more of a challenging theme than some others, as finding the letters would not be as obvious and at times would need to be carefully looked for and using different angles to capture the right shape to make the letter.

Something I found interesting from this is that even once I had completed the assignment I found myself still looking for objects that look like letters, and also my ability as a photographer getting better in spotting something that would make a interesting photograph.

Some of the photos where shot using my Nikon D3100, however we also found that a phone camera was just as useful as a majority of the shots where close ups. The collage was put together in photoshop, using guidelines to effectively set it out.

Below is my final collage of my alphabet.

My Alphabet.