Brief 2 Research

Typography

The amount of typography in infographics can differ hugely depending on the subject of it. Choosing a font for your infographic can be a very intricate process as it must blend in well with the rest of the image. Always stick to a maximum two fonts in your infographic and make sure that they combine well. In saying this, do not combine two very similar fonts, make sure to shake it up a little and contrast them! Never mix two different ‘moods’ of fonts (example shown below) as it is not appealing to the eye. It is possible to use different weights of fonts for maximum effectiveness. For example, bold your title and have an italic or regular subheading underneath. Make sure to balance the typography with the rest of the infographic. The text needs to be striking but must not take attention away from the main message. In my infographic I would like to avoid too much typography but I will have the heading “How to get into snowboarding”. I would like to find a simple, casual font that looks handwritten. Example of what I am looking for is shown below.

http://www.designmantic.com/blog/infographics/ten-commandments-of-typography/

Noteworthy

Screen Shot 2015-06-07 at 7.49.00 pm Screen Shot 2015-06-07 at 7.50.05 pm

Advertisements

Layout/composition

The layout and composition of an infographic is an extremely important element to it as it must be eye-catching and grab the viewers attention straight away. Simple infographics tend to be the most effective. While researching the layout of infographics I came across a “cheat sheet” for infographics. The document showed a number of general layouts for infographics and it enabled me to decide which one I thought was the most effective. I decided that my idea would be most effective with the complete visualised layout. This means that if your idea has several elements to it, it would be most effective to portray it through compelling visuals. Skip the step by step text guide and settle for simple, helpful images. The focus of this layout is the visuals, not the text. Text is minimal but often still necessary to communicate your idea. I have also realised that white space or blank areas are not at all effective and should be avoided at all cost. When beginning my infographic on illustrator I will brainstorm layout ideas but I won’t be afraid to change it up as I proceed.

Layout ideas from:

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

Below is an extremely effective layout/composition of an infographic. Minimal text, one big graphic and a huge message. This shows that infographics can be painfully simple yet still so powerful.

smoking2

Colour scheme

I began by conducting some research into the colour scheme of differing infographics. This has allowed me to successfully figure out what I personally think is effective and what should be avoided. The colour scheme/ palette in infographics is extremely important and must be thought through very carefully to portray the idea most effectively. I found an article online that clearly explained the process of picking a colour scheme for your infographic and took away some really good points. There are four main points that must always be remembered. Firstly, always stick to two main colours, and never use more than four colours. In this situation, a little goes a long way. Secondly, pick only one or two main colours that are clear and bold and keep the rest as complementary colours (subtle and warm). If you’re tempted to add more colours, don’t give in. It is perfectly acceptable to use more shades instead. Lastly, make sure to provide ample white space so that the eyes stay relaxed and the viewer does not get easily distracted. There are many easy-to-use generators online that will effectively help you to choose a great colour palette with good complementing colours. I have learnt to always remember to relate back to the topic when picking colours and to let your content help you decide. For my process of “how to get into snowboarding” I would like to keep colours to a minimum and am thinking about possibly using grey, blue and yellow or grey, blue and red. I will use different shades of these colours and believe that these will look very effective together. A great website to use when researching colour is: https://color.adobe.com/create/color-wheel/. Below are some examples of colour palettes in infographics that I like.

Information received from:

http://piktochart.com/pick-great-color-schemes-your-infographics/

digitalchalk-5-tips-for-creating-infographics_png apia-rise-of-the-silver-surfers-infographic

 

What are infographics?

When reading the brief for this assignment I realised that I really had no clue what an ‘infographic’ was so I began to conduct some research on the definition and what it involved. I discovered that an infographic was simply a visual representation of information or data. They are said to trace right back to cave paintings and hieroglyphics thousands of years ago. Infographics can help turn complicated or boring subjects into an effective, eye-catching image. Infographics are becoming increasingly popular as advertising campaigns as they can be placed online on popular, universal sites such as Facebook. They are also used worldwide from magazines to posters in train stations. They aim to grab the attention of an onlooker and educate them almost immediately as to what the infographic is about.

http://visual.ly/what-is-an-infographic stated that infographics are:

  • visualizations that present complex information quickly and clearly
  • visualizations that integrate words and graphics to reveal information, patterns or trends
  • visualizations that are easier to understand than words alone
  • visualizations that are beautiful and engaging

what-is-an-infographic-1

Adobe Illustrator – the basics

I have never used illustrator before and the design concept of this assignment is way out of my comfort zone! However, I feel that learning the basics of illustrator will be beneficial for me and I know that I will definitely use these techniques in the future. I began with a general search of illustrator and how it is different to photoshop. I’ve learnt that Illustrator is completely ‘vector-based’, unlike photoshops pixel-based format. Illustrator cannot be used to modify images that are already created, as there are limited editing and modifying tools – this is what I am used to using on Photoshop. I found a very useful video that taught me the basics of using the pen tool, a tool that I have previously had many problems with but now feel quite confident after a few practices! (https://www.youtube.com/watch?v=0B_IQK7hMo0) The tools that I will mainly be using in Illustrator are mainly the pen tool, the selection and direct selection tool, the artboard tool and the general shapes for constructing graphics.

https://helpx.adobe.com/illustrator/using/tool-galleries.html

Tool-Bar-Assignments