Brief 2 Research

Research Post 5

Effective examples:

Source: https://creativemarket.com/blog/2014/07/01/create-your-own-infographics-with-these-65-templates

food-infographics1-f travel-infographics-f

I think both of these examples are very effective at presenting information. They are a great inspiration to what I’m trying to achieve.

The use of similar shades and complimentary colours really makes these infographics ‘pop’ and instantly attracts the viewer.
I definitely think that these examples have done well in creating a focus with the pyramid and circle/world shapes. This shows the viewer what the infographic is about. These are well balanced with the more in depth smaller statistics on the right hand side of the graphics. The composition and whitespace has been used well to not clutter the overall infographic.

There is not much type however each aspect is communicated in a way that people will understand what the statistics mean. There also may be a key to go with these infographics to match up the colourings of the images. This is an idea that I may use; colour coding my pancakes to certain steps on the side for example. I feel like it could make what I’m wanting to achieve easier as fitting the image INSIDE each pancake may make the images smaller and insignificant. I am still looking into this idea.

I also want to add that I like the illustration style in these infographics and would like to experiment with this once I start in illustrator and am done with all this planning!
I think that these infographics are both equally detailed and simplified so that it visually communicates it’s intended message with one look, yet in an interesting, unique way. This is something I aim to do with my inforgraphic.

Advertisements

Research Post 4

Typography:

Typography is the use of text and typefaces. In an infographic it is important that this text aid the images and is used to help communicate the infographics message. Typography is everything from from digital type to calligraphy and uses whitespace around and through the letterforms to create a whole design. Headings in an infographic are handy to break up the data and make it easier to read and take in.

Due to the nature of infographics and the assignment brief I will want the attention and focus mainly on the images and not on the typography. The only typography that I will want to stand out will be the 3 headings: Pancakes, ingredients and method. I want these to be eye catching and fit the font of the subject well.

Four general type classifications

  • “Sans serif and Serif are similar but with distinct finishing. Sans serif typeface is with composed simple lines while Serif has “extensions” to its finishing. Sans serif is best used for website and flat designs, creating serious and stable copy. Serif, on the other hand, is slightly fancy but produces strong and bold quality. This makes Serif typeface suitable for printing, i.e. newspapers and novels.”
  • “Decorative typeface is a novelty face. This type creates various moods, but mostly classy and elegant quality. This type is good for branding in products packaging, labels, and posters.”
  • “Script is cursive or handwriting type that are ornamented with flourishes. It’s stylish and elegant. Best use for classic ads and content, or even for wedding stationary. You will notice the fonts give off a soft and classic feel, yet intense and strong.”

(http://piktochart.com/infographics-design-series-design-your-infographic-like-a-pro/)

Typography-Part-2-690x1024

Pairing fonts of the same class

To create contrasting typography yet still have unity within the infographic, pairing fonts and using fonts in a unique way can be a way to do this. Adding lower case with upper case lettering, bolding or using italics can create a difference with the same typeface. Also similar fonts that can pair well and create a difference that is not going to distract from the balance and unity of the overall infographic can work well.
“If you find using different typefaces for a piece of content not to your liking, you can pair fonts of the same typeface classifications. It gives a good contrast yet does not deviate far from its style.” (http://piktochart.com/infographics-design-series-design-your-infographic-like-a-pro/)

Sources:

http://piktochart.com/infographics-design-series-design-your-infographic-like-a-pro/

http://www.smashingmagazine.com/2011/10/14/the-dos-and-donts-of-infographic-design/

http://webdesign.about.com/od/fonts/qt/typography-basics.htm

Research Post 3

Layout:

The way the infographic is put together is very important in conveying the intended information. Piktochart.com (http://piktochart.com/layout-cheat-sheet-making-the-best-out-of-visual-arrangement/ ) talks about how a well arranged layout and the use of whitespace is used to help create an effective and elegant infographic.

Whitespace is space that is essentially empty and ‘unmarked’. Whitespace matters because it allows for the image to complete without being overly crowded. It draws attention to certain parts of the infographic that need attention and keeps the graphic clean and simple.

Screen Shot 2015-05-23 at 9.54.28 pm Screen Shot 2015-05-23 at 9.54.50 pm

(Source: http://piktochart.com/layout-cheat-sheet-making-the-best-out-of-visual-arrangement/ )

I would want to try and use whitespace to my advantage and would like to keep my infographic as clean and as legible as possible. I will do this by using just enough whitespace so that it looks balanced and neat. If I use too much whitespace it will look empty and boring. If I don’t use enough it will be too busy and distract the viewer from what needs to be communicated.

Creating one strong focal point in the infographic can really help the viewer identify what the infographic is about and is usually the largest image on the page. It is the image that pulls the viewer in.
I am thinking this strong image will be a stack of pancakes on a plate and will have the steps/information working with this main image.

Other useful things I stumbled across while researching:

-Three colour palette is easier on the eyes and could prove more effective
-Branch out from just using basic charts
-Give the most visual weight to the most important information, make it stand out more in the infographic

Research Post 2

Effective example:

Source: http://www.best-infographics.com/use-cinnamon-sticks-infographic/

infographic-cinnamond-sticks

This infographic is about cinnamon sticks and how to use them. While it is quite clear how the graphic has been split up into two sections (the top half being more visual and the second being more type), for my assignment I will not be using as much text as the lower half of this example.

In this infographic the overall composition is well balanced. Even nearer the lower section where there is a large amount of text, the cinnamon sticks have been placed beside it, serving as both a focal point and a way to balance out the text. The top section of the infographic is also balanced and follows the rule of thirds. By having the heading centred and a number of smaller graphics underneath evenly spaced, it creates symmetry which catches the viewers eye and does not make the graphic feel empty and uninteresting.

The overall colour scheme of the infographic is very simple but the beige and brown tones reflect the cinnamon sticks. Although, only using two colours (or even just two shades of one colour) can be seen to be dull, I think this graphic’s colour scheme works and is not too bold and busy that the viewer gets lost.

In this infographic I can see how the images would be created using what was taught in class today using the the shapes tool and tweaking them to look like objects such as the cup of coffee. I like how the top graphics have been placed rather neatly and will think about this type of placement for my own infographic as it may be effective in showing direction and process.

Research Post 1

What are infographics?

This next assignment is to do with infographics. Because I will be creating one describing a process I thought I would do a research post on what infographics actually are.

Infographics- informational graphics; visuals that display informative content using design elements. Not only do they convey messages but they do so quickly and clearly. Infographics ‘compress’ and show information in a way that is simple yet meaningful.

“Infographics are used for the following reasons:

  • To communicate a message,
  • To present a lot of data or information in a way that is compact and easy to comprehend,
  • To analyze data in order to discover cause-and-effect relationships,
  • To periodically monitor the route of certain parameters.”

Information from: http://www.instantshift.com/2011/03/25/what-are-infographics-and-why-are-they-important/

Things I will need to remember when creating my inforgraphic will be:

Simplicity: So that the graphic is easy and clear to read, colour is important and can be used to help effectively communicate meaning.
Colour: Choose colours that will represent my topic best and that best contrasts with the background. This is so that the illustrations can be seen and not blend in.
Layout: So that the reader knows what to read first, second and so forth… and so that the information flows well
Typography: try to use little of, but choose carefully the font etc. so that it is still legible.
BE VERIFIABLE: It will be absolutely essential that the reader comes to the right conclusion at the end of viewing the infographic and gets the intended message.