Summary

Now that my infographic is complete I would like to explain the communication objectives behind what I created in my final infographic in four groups,

Simplistic – Process – Visual – Effective

Simplistic:
I wanted my final piece to be an image that a viewer would look at and clearly understand what was happening and what the information being portrayed was meaning. The way in which i tried to make this happen was by colour co-ordinating the four different topics (food, sleep, time and tech) so that those four ideas were visually separated and grouped together. I also had an icon above each set of three ideas with what words of the topics along with the icon so that it was accurately categorised, by giving it a simplistic structure of categorisation I was hoping it would have the effect where it would be easy to understand an d clear to capture the meaning.

Process:
Because it is an infographic its purpose is to provide information in a visual way, because the topic I did was “how to resist procrastination” the most logical way to display this information was through a process focus. My ideal result would be that the infographic I created would guide the gaze of the viewer in a way where they would understand the process of the information i was communicating to them. Week looked at the constructivism theory/approach which was a carry on idea from the Gesalt theory from week three where it deserves the viewers eye motion and how we make sense of what we see. I wanted the layout of my infographic to have a logical hierarchy so the viewer can follow a logical path through the process i was trying to communicate in the infographic. I did this by starting with a clear and bold title at the top of the page and then split the four groups of tips into four group across the middle and then finish with the word “completed” to show the end at the bottom to guide the viewers eye from top to bottom.

Visual:
Visually I wanted to make my infographic very interesting but not to cluttered and over the top. How I started was just doing each idea in a circle that lead down to the completed sign, but decided that was too simplistic and then decided to make each point an icon or a shape to represent what the words inside the image was saying. In order to create those icons i had to do quite a lot of research into what kind of look i wanted and then traced the image i liked the most with the pen tool or create images with the shapes in illustrator. These skills of using the tools in illustrator was definitely the most helpful skill I had and was a direct result of what i had learnt in class, especially with the pen tool in week nine. I wanted my infographic to visually communicate in words as well as icons and be appealing to look at through the use of colour.

Effective:
Lastly, I wanted my infographic to be effective, to be something that a viewer would look and and firstly like, but also understand. Visually, content wise and the knowledge in the infographic was what i focused on and believed would be the combination to make it look and be effective, visually like i explained above i used icons, colours and texts. With content I wanted there to be a working together between text/words and icon so that together they made the message stronger and would hopefully be something that would stock in the memory of the viewer like talked about in the cognitive theory in week nine. Knowledge was just wanting the viewer to learn something or take a tip away with them. Over all i just wanted the infographic to serve it purpose of being visually and content effective.

Advertisements

Colour

Screen Shot 2015-06-09 at 5.48.37 pm

Found this colour wheel on colour harmonies and thought that it could be very useful for my infographic as I want to use four different colours for my four different topics of processes which are technology, food, sleep and time. I am probably looking for at the square method because i like that those colours are a little brighter and i want my info graphic to stand out but not be to overbearing and intense to look at. They advise that you pay attention to the cool and warm colours  and you place the colours next to each other accordingly. The square method is the spread of blue, orange, red and green evenly around the colour wheel. If they are used in the same object it is recommended that one colour is made dominant. The rectangular method is pretty much the same just a different shade of the colours to the square.

Reference:
TigerColour. (n.d.). Colour Harmonies. Retrieved 8 June, 2015 from https://sofiaviscom.wordpress.com/wp-admin/post-new.php

Structure

TITLE – BODY – CONCLUSION

Title:
A title provides information and expectation for what the viewer is about to see and so it is important to have an accurate and effective title to set up for viewer to lad them in the right direction. “A good title tells the readers what they are going to find in your infographic”.

Body:
People are more interested in the story or the process than the facts, to draw them int o what you have to say you will need a focus point. There are different ways of delivering a focus point, Piktochart suggests there are four different types of focus points, typical focus point, singular focus point, comparison four point or a process focus point.

Conclusion:
The conclusion of an infographic will be the effect that what they have visually seen will have on the viewer, if they think about what they have seen, if some information or tips stick with them and whether they were engaged or cared about what they saw.

Reference:
Piktochart. (n.d.) How to create a story for your infographic. Retrieved 8 June, 2015 from http://piktochart.com/structuring-a-story-for-your-infographic/

Effective Visual Design

FONT –  ILLUSTRATIONS – COLOUR – LAYOUT

Font:
The font should be very carefully thought about and communicates a huge amount of detail about what the infographic is saying, what tone, theme and purpose it has. The font needs to represent the words that are being written as well as what the infographic is showing, it needs to an an appropriate representation.

Illustrations:
The illustrations you use in your infographic needs to match the tone and subject matter, illustrations enhance the communication effect but can also make it look over the top so it should e used only if it will enhance the content.

Colour:
The famous rule of no more than five colours should be used is very important! Colour plays a massive role in an infographic, it makes it stand out or it makes it confusing and to much. Only five colours should be used, however different shades of those colours can be used to show the differences.

Layout:
The layout of the infographic is important for the direction of how you lead the viewer through your process, your content needs to be displayed in a way where it guides readers through a logical hierarchy where aligning your elements with maintain consistency.

Ahmad, I. (2014). Your Guide to Designing Effective Visual Commincation – infographic. Retreived 8 June, 2015 from http://www.digitalinformationworld.com/2014/07/10-tips-for-designing-effective-visual-content-infographic.html

Effective Icon Design

THREE TIP TO CREATE EFFECTIVE ICON DESIGN

Capture the characteristics of the object An icon is a representation or a metaphor for an object or an action created into a simpler image, the point of icons are that they are in fact easy to identify and that at first glance we know what it is and what it is representing. In order to make it easily recognisable there needs to be clear characteristics of that object that are accurately and effectively displayed for fast identification to take place. Chris Spooner suggests that sometimes it is easier to use an item that is slightly more complicated or with more unique characteristics because there are less other objects that share the same aspects.

Begin a planning process before you start This basically just means that the significance of brainstorming and the planning out your icons is really vital. Spooner suggests that the only way to create icons and a process with them later on is planning out and trying a range of different looks and ideas. But taking the time to deeply analyse an object you give yourself more time and space to improve the effective creativity of your icon

Use out of the ordinary combinations Icons need to be simple and easy to understand but there is a fine line between boring and effective, using out of the ordinary colour combinations, playing around with a range of colours or hues of colours makes it look way more interesting. Shapes are also a key combination, not sticking to just circles or squares but exploring other options

Reference: Spooner, C. (n.d.). 10 Tips for effective Icon Design. Retrieved 9 June, 2015 from http://design.tutsplus.com/articles/10-tips-for-effective-icon-design–vector-1218

Comments

The colour and font is real appropriate and i get the reference which is good! The only thing i would say is be careful that the fonts don’t become to linked and decorative so its distracting, maybe have the “How to be a” words in more standard font so the “basic chick” words stand out more?
Just an idea!
Good ideas!

I really like this!!
What i like about it is all the different aspects attached to it like the images, the graphs, the maps, the statistics, it looks really professional and that you have actually done your research.
The colours are really cool too, they work together really nicely, they’re really visually appealing.
All your images are nice and clear and it easy to know exactly what everything is.
The only constructive criticism i have would be i would look at playing around a little bit with the font used in the title, not the food truck words but the other words in there, i like how it is simple and easy to read but i think you could possibly find an even better font?
Also i think you can make the instagram icon a little more advanced by moving up the lens (the pink circle) just the smallest bit and adding the other parts of the instagram logo but apart from that it is really cool!
Awesome job!

The title is definitely my favourite, the font and the use of her name from the disney film is really good! The image of her is amazing, well done! You made it look really great and it was looks awesome together as well.
Your images and steps are all effective in the way that the images look good and the words and steps are clear which is what you would have been after right?
My only critism is that is is quite plain which is not a bad thing but i think you could maybe play around a little bit with colour, maybe make the blue a little bit brighter or darker or something like that to make the steps stand out a little better, maybe have a black border around it? Something like that!
Looks really good though one of the best ones I’ve  have seen!

The colour scheme is really great! Goes perfectly with what this infographic is about which makes it so much more effective, i really like how on the right side there are some really nice brighter colours that come out in these darker earthy colours, i think it might be really hard to do but maybe see if you can add some of those colours into the left side as well? I like all of it!
The only constructive criticism i could give you is the title, i really like the font but maybe have a play around with the positioning? Just so it cuts out that space created at the top but otherwise this is looking really cool and i can’t wait to see it finished!

This is really cool, i love netflix so i can definitely relate!
The things that i really like about your infographic is the colours, the red is really cool, makes it stand out heaps which is what you are wanting and the grey is a good contrast, i really like the white border, brings your attention in more i think, the lines separating the ideas look really cool and its a lot more exciting than a straight line! The black outline of the disk is really cool too. The fonts are really good, and the netflix title is easy to identify cause it looks so accurate in comparison to the logo so well done!
The only constructive criticism i could really give you is to just tighten the images in the disk, maybe put some clearer outlines on some of them and perhaps making the font a little easier to see but that is all i would say!
Real cool, good job!

References

References:

 

Falle, R. (n.d.). East Meets West: An Infographic Portrait by Yang Liu. Retreieved 8 June, 2015 from http://bsix12.com/east-meets-west/

 

IconECT (n.d.). Woman (Women) Symbol Icon. Retrieved 2nd June, 2015 from http://icons.mysitemyway.com/legacy-icon/060343-black-inlay-crystal-clear-bubble-icon-people-things-people-woman1/

 

Imgbucket (n.d.). 16 Sleep Icon collection. Retrieved 8 June, 2015 from http://imgbucket.com/pages/z/zzz-sleep-icon/

 

Kannan (n.d.). Turn off your PC remotely or automatically from any computer or mobile phone. Retrieved 8 June, 2015 from http://techtrickz.com/system-tweaking/turn-off-your-pc-remotely-or-automatically-from-any-computer-or-mobile-phone/

 

Martz90. (n.d.). Calender Icon. Retreived May 30, 2015 from http://www.iconarchive.com/show/circle-icons-by-martz90/calendar-icon.html

 

Free Icons. (2014). Iphone. Retreived May 29, 2015 from http://simpleicon.com/iphone.html

 

FreePik. (2013). Interface. Retrieved May 29, 2015 from http://www.flaticon.com/free-icon/domain-registration_69020

 

PresenterMedia (n.d.). Drop Icon. Retreieved 8 June, 2015 from http://free-vector.co/free-vectors/drop-icon

 

Tupain58 (n.d.). STOPWATCH-ICON. Retrieved 30 May, 2015 from http://geosearchlabs.com/img/STOPWATCH-ICON.png

 

WonderfulPixel (n.d.). Media and communication icons. Retrieved May 29, 2015 from http://www.shutterstock.com/s/%22technology+icon%22/search.html?page=1&inline=127954958

 

UX Repo (n.d.). Sun Icon. Retrieved 8 June, 2015 from http://uxrepo.com/icon/sun-by-font-awesome