Infographic Poster – The Style

Today we were introduced to the idea of ‘flat design’ in our PAL session. Flat design is a very basic style of illustration that looks professional for things such as web design and posters. Logos in particular are making a move towards flat design, such as the symbols for apps on android and apple.

With a limited range of shapes and colours, the above image is still very easy to decipher. You can clearly interpret what everything is meant to be, as everything is front facing regardless of its actual position in reality.

Create a Long Shadow in Flat Design With Adobe Illustrator

I particularly like the drop shadow on these symbols. It creates a theoretical third dimension to the designs even though they are completely flat. The symbols are also slightly offset from white in order to soften the boundaries between them and the coloured backgrounds.

As I am going for an ‘easy to understand’ approach with the water cycle, I think that flat design would look appropriate for my infographic poster. Most flat designs are created as vectors in software such as Adobe Illustrator or free to use software like Inkscape. As we are required to produce our poster in vector format, I know that flat design will be a good place to start.

We have 24/7 access to the Mac suites on campus so I intend to do some experimentation with this style of design to get the hang of using it for my final piece.

Infographic Poster – The Pallet

As I mentioned previously, an integral part of my poster design is going to be based around a good colour pallet. The water cycle immediately makes me think of colder colours such as blue and brown, so I plan to create a pallet that will work harmoniously in my poster. A great website for colour palettes is http://www.colourlovers.com/, so I decided to look through the pallets here for inspiration. After searching for a range of colours that I thought would suit the theme of ‘water cycle’, I found three palettes that I really liked and thought would work well with the potential designs I had in mind.

colours

I particularly liked the soft, pastel-like hues of these pallets. However, as these palettes were created by other artists, I will not use them for my actual piece, though I may use them to help me come up with my own colour scheme in the designing process.


 

After looking through further colour palettes on Colour Lovers, I decided to create my own scheme to play around with. I did this using a website called Paletton, which is a free colour scheme generator. The website allows you to pick from a range of setting in order to generate your custom pallet. I decided to go for a ‘four colours’ pallet in order to create a pallet with many colours to chose from.

blog

The result of my pallet making was interesting. I tried to pick colours that would suit the theme of the water cycle, so I went for natural hues that weren’t too saturated. I do not intend to use every hue on my pallet, though this gives me a nice variety to play around with whilst creating my designs. I will experiment with some of these colours whilst in the designing process.

Bibliography:

The palette on the left is called “Life Cycle” and was composed by Colour Lovers user amaranthys.
The palette in the centre is called “Good Friends” and was composed by Colour Lovers user Yasmino.
The palette on the right is called “Cycle” and was composed by Colour Lovers user Magg.
http://paletton.com/

Infographic Poster – The Topic

After taking a look at the different topics, I decided to go with “How does the hydrologic cycle (also called the water cycle) work?”. I thought that this would be the most challenging out of the list due to the fact that there is no data to base my poster upon. For this topic I have to explain how water is cycled on the earth and the factors that affect it without the use of text. To set the project in motion, I decided to create a mind map on the hydrologic cycle and how it works.

SAM_1201

As there are quite a few factors to the water cycle, I plan to create my poster in a way that everyone will be able to understand it. As I plan to make my poster easy to follow (but not to a point where it is childish) I have decided that my target audience will be secondary school students. As of yet, I have a vague idea of what my poster might look like, though I intend to play around in Illustrator to see if my ideas are plausible. It can be difficult to replicate an idea in vector-based software, so my main challenge will be learning how to use the software to create my poster.

 

Infographic Poster – The Brief

Having finished our first unit (Concept and Ideation) we have moved onto a new unit called Development and Realisation. This unit is based around designing and producing an A2 infographic poster based on a certain topic of our choice from a list. We are also required to document our research in our sketchbooks and on our blogs. We will be expected to give a verbal presentation of our piece as part of a class critique, in which we must explain what we think went well and what could be improved on.

To begin my research, I decided to visit a page filled with award-winning infographic posters called http://www.informationisbeautifulawards.com/showcase for some inspiration. I have never had much  At this point, I wasn’t sure which topic to pick from the list, as I have never really produced an infographic before and wouldn’t be sure where to start. It only seemed right that I took a look through the award-winning pieces on this site to get an idea of where to start.

Page

I really liked the layout of this poster, as it flows naturally from top to bottom and draws your eyes through the information in an orderly manner. I also think that it uses a pleasant colour palette, which seems to be vital in an infographic. The illustrations are very basic and flat, though with the use of slight textures they stand out from the page and prove to be very successful focal points. Although the topic of this infographic is not similar to any on our brief, I particularly like the journey style of the design where there is a physical path that leads you through the information.

Page

The three dimensional style of this one looked minimalistic, yet very pleasing to the eye. Isometric designs seem to work well in vector-based pieces of work. I really like the way that the information is spliced out from the main cubes in the middle. However, this pieces uses a lot of text, which is something we have to avoid doing in our poster. It is going to be challenging to think of a way to represent data that includes very little text.

Page

The simplistic style of this poster, accompanied by a refreshing colour palette make it seem professional and official. The divides in the poster make it look as if each section is it’s own infographic, which is something that I think works quite well. I definitely would like to try and imitate this style with my poster.

Page

This one also follows an effectively simplistic theme. I love the fact that the vaccination needle is composed entirely of dots which represent bacteria. The contrast of bright text and images on a dark background is very easy on the eye, so I might try to make mine follow suite.

By this point I was starting to get the idea that a strong set of colours working together in harmony would be a vital part of producing a professional looking poster. All of these award-winning infographics have effective yet simple colour pallets, so one of my first tasks will be to pick a pallet that suites my chosen topic (once I pick it).

Bibliography:

http://www.informationisbeautifulawards.com/showcase

All images link to the page on which they are displayed. All posters belong to their respective artists.

Kinetic Typography (Part Three)

After playing around in After Effects for a bit, I started work on my own choice of kinetic typography. I decided to use the song ‘Hand Grenades’ by The Offspring as the music in the background, as the song is only 35 seconds long.

I decided to use various different fonts in this piece to make it look more interesting, as well as animating each word in a different style. I also decided to give the background a different colour to make it look a bit different to the previous one.

I really like kinetic typography and definitely plan to look into additional methods of creating it.