‘Info Graphics’ Project
The Index The Index: Page 2 The Brief: Pages 3 & 4 Time frame of Project: Page 5 & 6 Artist Analysis Questions: Page 7 Examples of Info-graphics by artists & designers: Pages 8 – 25 Examples of Info-graphics by past students: Pages 26 – 39 More examples of info-graphics by artists & designers: Pages 40 – 43 Evaluation Questions: Page 43 Uploading order of project: Pages 44 & 45
Info - Graphics Brief What is Info-Graphics? Placing information facts and statistics into an interesting visual format in order to convey information and to help â€˜sellâ€™ a product or an idea. Assignment: to create a piece of info-graphics that creatively illustrates a set of statistics Tasks * Select one of the following topics: Environmental Issues / Nature Travel Sport Food and / or drink Government initiatives & policies / Charities Music Entertainment (films, TV, books etc.) Technology * Research that topic and find 4 facts and 4 sets of statistics relating to that topic.
* Find 4 examples of visually effective pieces of info-graphics (ensure that at least 1 of them is on the topic that you have chosen) and answer the analysis questions on 2 of them. (Questions are on slide 7). To find a suitable ‘named’ artist / designer, please look on the following websites: http://www.informationisbeautifulawards.com/showcase?award=2016&pcategory=winner&type=awards http://www.informationisbeautifulawards.com/ http://www.digitalartsonline.co.uk/news/graphic-design/information-is-beautiful-award-winners-2015-top-prize-goes-hand-drawn-infographics/
* Select 1 set of statistics relating to your topic and then brain - storm ideas on how you can potentially show these statistics in a creative and imaginative way. (Show your brainstorming ideas through written ideas combined with some imagery – try to avoid cartoony sketches though). Start to consider the format that you are going to experiment with first: ‘pie-chart’ formats ‘bar graph’ formats ‘symbols’ formats ‘comparisons’ formats ‘line & destination’ formats
* Decide on the most appropriate approach to accurately, creatively and effectively show your statistics and experiment with different layouts (consider colours, shapes, scale, use of and placement of text etc.) - aim to complete a minimum of 3 different experiments. Consider carefully whether or not you are going to include a key or not and if so, how you are going to effectively incorporate this key into your piece of infographics. Remember to ‘screen grab’ all the ideas that you tried out and rejected and add these into the relevant posts on your blog). * Create a final design which will be used in a poster / advert promoting a company or ‘government’ campaign which may require you to add a logo and additional information as well as the piece of ‘info-graphics’. (Remember to build upon skills that you have already learnt from the ‘Swissted’ and other projects and tutorials you have participated in.
Deadline: Friday February 3rd 2017
Timeframe Week 1 (Jan 9 – 13): Choose your topic and produce the initial research: * Find the statistics for your theme * Find 4 pieces of info-graphics by ‘named’ designers and write 2 analyses * Decide which type and style of ‘info-graphics’ you want to experiment with. Before you do the complicated versions, you need to learn how to do the basic versions (see below) Pie Charts: https://www.youtube.com/watch?v=97WcHeqTCnM (watch between 40 seconds and 7 mins 27 seconds (Example 1) Bar Graph: https://www.youtube.com/watch?v=97WcHeqTCnM (watch between 7 mins 27 seconds and 10 mins 35 seconds (Example 2) Line Chart: https://www.youtube.com/watch?v=97WcHeqTCnM (watch between 10 mins 35 seconds to the end (Example 3)
* Select 1 set of statistics and begin experimenting with creative ways to develop ideas. You could consider exploring vectors, 3D shapes, illustration as well as the methods illustrated above.
Week 2 (Jan 16 - 20): Continue your idea development. (Aim for 2-3 different formed ideas) Week 3 (Jan 23 – 27): Use your explorations to combine ideas together towards your outcome poster/advertisement. At this point make sure that you are exploring different colour combinations, different styles and scales of text etc.
Week 4 (Jan 30 – Feb 3): Upload your final outcome. This should be a fairly complex design with plenty of information explored not just a graph on the page. (Perhaps aim for something similar the final examples on slides 40 – 42)) Final deadline – Friday 3rd February
Brief analysis on 2 effective pieces of info-graphics Remember that the pieces of info-graphics that you analyse have to be produced by a ‘named designer’. Look on the websites suggested on slide 4. Questions * What is the name of the artist / designer? Is there some basic information that you can add in about this person? * What statistics or information is this piece of info-graphics visually illustrating? * Do you think that this is a visually interesting piece of info-graphics? You must explain why you think this and give plenty of reasons, consider aspects such as colour, composition, scale, complexity etc. * Do you think that this design is successful and ‘fit for purpose’? i.e. do you actually think that it provides statistical information that the viewer can understand in a creative way?
EXAMPLES OF CREATIVE INFO-GRAPHICS BY ARTISTS & DESIGNERS
PIE-CHART BASED FORMAT
Example of a traditional ‘pie-chart’
Multiple pie-charts In this piece of info-
Close – up section
graphics, each circle contains the 5 most used colours in a famous painting by 10 famous artists. One painting has been selected by each artist over a period of 10 years (1896 – 1905). There is no ‘key’ but there is an explanation at the bottom of the image. 11
A more sophisticated ‘Pie-Chart’ format info-graphics This is a pie-chart which shows 4 years in the professional life of ‘The Beatles’.
There is a ‘key’ on the bottom left hand side and information such as years and months are situated on the pie chart itself. Also special events such as the release of albums are added on the pie 12 chart.
BAR GRAPH BASED FORMAT
Bar Graph working upwards from a base line (a zero point)
There is a â€˜keyâ€™ and it is positioned underneath the graph. Each poppy represents 10,000 deaths in 20th Century wars. The different colour poppies represent different continents and the size of the poppies represent the number of deaths. The bigger the poppy, the more deaths. A timeline runs across the horizontal axis and the duration of each war (in years) is shown on the vertical axis. 14
Bar Graph working upwards from a ‘base line’ based on a ‘comparison’ format using symbols This is a piece of infographics that show the comparison in heights of different buildings in New York City using ‘symbols’. There is no ‘key’. There is no indication of any height in meters or the date when each building was built. It is therefore difficult to work out what the original data was. 15
Horizontal Bar Graph with no base-line (there is no zero point)
This piece of infographics shows the gap in pay between men and women Gender in different professions
There is a â€˜keyâ€™ at the top - it shows us that males are represented by purple circles and women as green circles. The bar is divided into annual salaries based on increments of 10,000 and the different professions are listed down the side. 16
Bar Graph working outwards & downwards from a ‘centre point’ This is a piece of info-graphics showing how far each planet in the solar system is located from the Sun based on AU (astronomical unit) 1 x AU = approx. 150 million km. This is the only ‘key’ that is included on this piece of info-graphics. Each planet is differentiated by colour and is categorised by scale (the larger planets such as Jupiter and Saturn) are allocated far bigger circles than small planets such as Mercury and Venus. The AU distance is written on the bottom of each line. The planets are not aligned in order of distance from the Sun (probably to balance out the large circles within the overall design).
SYMBOLS BASED FORMAT
Info-graphics focusing on ‘Quantity’ using percentages and symbols There is no ‘key’ – all the information is included with each individual illustration. Each cocktail is shown individually as a shaped glass which include quantities of individual beverages that make up a range of different cocktails. The name of each cocktail is written below the shape of each glass and each of the different beverages are given a different colour and in these strips of colour, each of the beverages are named and the quantity of each one is included. Therefore there is no need for a separate ‘key’. 19
Showing ‘differences in amounts’ using a comparison format (colours & scale) Spending by different U.K. government departments in the 2010 – 2011 financial year. Each different department is shown in a different colour (with linking departments in different shades of that same colour)
The actual ‘spend’ is located inside or next to each circle and is calculated in billions & millions. The entire ‘spend’ is in the central 20 grey circle.
Carbon Dioxide Emissions (produced by different regions of the world). Each different region of the world is awarded a colour -the more Carbon Dioxide each county emits, the bigger the circle. The amount of CO2 is written inside the circles (in million tonnes)
There is a â€˜keyâ€™ on the left hand side and the information is presented again in a different format at the bottom of the image (not grouped together in regions). 21
LINE & DESTINATION BASED FORMAT
Lines & Destinations
In a ‘line & destination’ piece of info-graphics, there are usually 2 destinations that need to be linked together by either straight of curved lines. The lines are usually very thin and the designers often use a dark background for an added visual effect. In this piece, there is a ‘key’ added in the top left corner and the 2 destinations (the date at the bottom and the planet shown by a symbol and accompanying name across the top) is linked by a colour line that corresponds to the colour of the planet.
This is a ‘line & destination’ based piece of info-graphics with the addition of a ‘map’ symbol. The design shows different ‘info-graphics’ events from around the world during 2011 and 2012. There is no ‘key’, the title is self-explanatory and the information is placed around the outside of the circle and is dependent on colours to link the 2 destinations together. 24
This info-graphics concerns the top 50 most popular fonts that were created in either the USA or in Europe. USA fonts are shown in Orange and Europe in Blue. Each line links 2 destinations: the name of the font and the town or city where it was developed on an outline map of either USA or Europe.
EXAMPLES OF CREATIVE INFO-GRAPHICS BY PAST STUDENTS
PIE-CHART BASED FORMAT
BAR GRAPH BASED FORMAT
SYMBOLS BASED FORMAT
COMPARISON BASED FORMAT
LINE & DESTINATION BASED FORMAT
More Artistsâ€™ examples
Evaluation Questions * Are you happy with your choice of topic or issue for your final piece? Do you think that this topic or issue provided you with enough good quality stats and information to help you complete a successful piece of info-graphics? * Did you opt to use a ‘key’ to help the viewer understand the information contained within your info-graphics? Please give indepth reasons for your answer. If you did use a key, then do you think that this freed you up to be more creative with your final piece of info-graphics? * What is the main design feature of your final piece of info-graphics? (Is it loosely based on a pie-chart format or a graph format or a map and destination format etc. Explain why you selected this basic format to develop a more sophisticated piece of info-graphics. * Discuss your handling of the following aspects in your final piece: Your selection of colours & colour combinations Your use of abstract shapes Your use of pattern Your use of composition & the placement of your imagery A key (if you used one) Your handling of the text
* Are you pleased with your final piece of info-graphics? Do you think that it is ‘fit for purpose’? Please provide in-depth reasons for your answer.
Uploading Order of Project Text Post: (Title Caption Box) INFO-GRAPHICS PROJECT Text Post: (Title Caption Box) THE BRIEF In the main box: write in the following brief: Create a piece of info-graphics that creatively illustrates a set of statistics based on the following topic: (write in the topic that you have selected). Text Post: (Title Caption Box) STATISTICS ON MY SELECTED TOPIC In the main box: write in the statistics and percentages you have found in the most simplest and plainest way possible Text Post: (Title Caption Box) ANALYSIS OF INFO-GRAPHICS WORK CREATED BY ARTISTS & DESIGNERS In the main box: The 4 examples of good quality info-graphics by named artists & designers (although you can add more if you find really inspiring examples). Write the names of the artists / designers underneath. The 2 artistsâ€™ analyses (add the images above and the names of the artists / designers underneath Text Post: (Title Caption Box) BRAINSTROMING IDEAS In the main box: Upload your written brainstorm (no scrappy bits of spider diagrams though!) Text Post: (Title Caption Box) MY CREATIVE IDEAS Photo Post: Upload the creative experiments for your first idea, write a few thoughts and reflections on the quality of your work in the text box below.
Photo Post: Upload the creative experiments for your second idea, write a few thoughts and reflections on the quality of your work in the text box below. Photo Post: Upload the creative experiments for your third idea, write a few thoughts and reflections on the quality of your work in the text box below. Text Post: (Title Caption Box) DEVELOPING MY IDEAS FOR THE FINAL OUTCOME Photo Post: Upload all the final developments (different colour versions, different text, different placements –include all ‘screen grabs’ of rejected ideas Text Post: (Title Caption Box) FINAL OUTCOME Photo Post: Upload the Final Outcome Text Post: EVALUATION In the main box: copy & paste in the evaluation questions & answers