Week 1 – Website Inspiration.

I’ve already mentioned that I want to create a website for science based infographics.

Information graphics or infographics are graphic visual representations of information, data or knowledge and are used in order to present complex information quickly and clearly.

photo-1

There are vast array of statistics or data sets which relate to science and by putting these into an infographic it is really easy to make them understandable and relatable.

The web is obviously very visual, making it the perfect place to host some brilliant science info graphics. Hopefully, I’ll be able to make some that are interactive too…

Inspiration for this type of website came from a book I own called ‘Information is Beautiful‘ written by David McCandles. This link is to the book’s website, which has its own science section.

For instance this infographic shows how long it will take for major cities to be flooded based on current global warming rates.

Image

So, I’ve started to design some of my own infographics, mainly using Illustrator. I’ve found some data from the WWF website about where the UK’s food comes from and which types of our food are the least sustainable. So i plan to map this out. For the moment I’ve used the pencil tool to trace over a map of the world and then some images of the food that I’m going to place on the map e.g. a cow and coffee beans.

Image

I haven’t put the whole thing together yet (I might try to make it a bit more interactive using some text somehow linked to the food pictures). But watch this space….

This book also has a website http://www.informationisbeautiful.net which I think is very simple and allows the infographics it displays to speak for themselves.It has a very basic colour palate. The background is completely white and the text for the heading and navigation buttons is black. This works well because the infographics themselves (or their thumbnails- which are displayed on the homepage) are colourful. Thus, the users eye is drawn to the infographics and is not distracted by any loud colours etc.

When the user rolls the mouse cursor over a thumbnail for the infographic they are shown its title – giving them a clue as to the subject matter of the graphic.

Screen Shot 2013-06-27 at 21.05.17

I think this may well be a technique that i use on my own website, as it provides the user with some key information without bombarding them with lots and lots of text.

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s