Colour plays in important role in infographics. Colour can be your most powerful design element. Colour wheel is a good tool to learn colours. Red, yellow, and blue are the primary colours, which can be mixed in order to produce other colours and hues. The three secondary colours (green, orange and purple) are created by mixing two primary colours. Another six tertiary colours are created by mixing primary and secondary colours.
The colours and hues can be complementary or analogous. Complementary colours are shown opposite to each other on the colour wheel and analogous hues are located near each other and are generated from the same hue.
The colours can also be described as warm and cool. Colours have value. The colours can light or dark. Lighter values of colours are called tints, and darker values are called tones. With colours you can set a mood, attract attention, or make a statement.
Playing with color combination, I would like to use colours which are next to each other on the colour wheel. I would like to use the light colours to make the infographic to look harmony and set a cooling tone for the factual data.
I think that I have gathered some data to start working on the infographic
Statistics New Zealand website is a good place to find certain data. There are some great infographics produced by staff of Statistics NZ. e.g.
I would like to create an infographic based on the international trade data between China and New Zealand.
Information graphics or infographics are graphic visual representations of information, data or knowledge intended to present complex information quickly and clearly. (wikipedia)
1. What Font Is Your Beard?
2. Why your brain craves infographics
Click on the image to see a full interactive infographic | Source: Neomam Studios
3. An Illustrated Guide To “Game Of Thrones”
Click on the image to see a full interactive infographic | Source: Nigel Evan Dennis
4. 50 Awesome Facts about Languages
Source: UIC London Language school
5. Supplement Vs Food
6. Is Elon Musk the real life Tony Stark?
7. Distance to Mars
Click on the image to see a full interactive visualization | Source: distancetomars.com
8. 50 things to do at the airport
9. 19 Emotions For Which English Has No Words
Click on the image to enlarge it | Source: uniquelang.peiyinglin.net
10. 24 hours of sunsets
In his 1983 ‘landmark book’ The Visual Display of Quantitative Information, Edward Tufte defines ‘graphical displays’ in the following passage:
“Graphical displays should:
- induce the viewer to think about the substance rather than about methodology, graphic design, the technology of graphic production or something else
- avoid distorting what the data have to say
- present many numbers in a small space
- make large data sets coherent
- encourage the eye to compare different pieces of data
- reveal the data at several levels of detail, from a broad overview to the fine structure.
- serve a reasonably clear purpose: description, exploration, tabulation or decoration.
- be closely integrated with the statistical and verbal descriptions of a data set.
Characteristics of Effective Infographics
- Informative – audience learns something
- Easy to read
- Easy to understand
- Uses quality data
- Has a point of view
- Manageable amounts of info
- Easily distinguishable and comparable data
- Good use of contrast
- Clear labeling
- Created for a reason
- Appropriate visual methods
- Not wasting space
- Black and white factor
- Avoid information overload
- Key identification
- Data dense
- Use of axis labels and scales
- Vertical or horizontal organization
- Use of color
- Data in chunks
- Appropriate for intended audience
- No distortion of data
- Space management
- Visibility across different mediums
- Simple and organized
- No chart junk
- Visually pleasing
- Grab viewer’s attention
- Balance between amount and size of text
- For a general audience
- Consistency of content
- Encourages comparisons
- Clear purpose
- Appropriate size
- Meaningful story
- Functional – effectively portrays the data
- Miller’s magic number
- Use of realism
- Use of noticeable differences in size
- Appropriate use of fonts
- Display what is relevant
- Use of pictures
I found these Youtube tutorials are very helpful for my movie theme image.
I have tried other tutorials of how to remove background arount lot of hair in Photoshop. The following one is the quick and easy one. It uses backgound erase tool in Photoshop and the result is really good especially when you use it against light colour background
Other tutorials I have watched and tried are as follows: