Graphics and Lyrics: How to Make Eyegasmic Infographics

Posted in Illustration, Inspiration, Typography • Posted on 6 Comments

Graphics play a role in our Internet learning experience. Images have become part and parcel of the information acquisition process in our lives. Normally, graphics like pictures and drawings are used as aids and not the main tool for learning. They are just appendices that help people understand the information that is being fed to them.

That was the general idea before the influx of the Internet. The pre-Internet idea is dominated by the belief that graphics are just ‘aids.’ But it has surprised learning purists that graphics can be very good tools as main information sources. Thanks to the Internet, we now have Infographics!

infographics-02
From Brafton

Infographics or information graphics are visual and artistic representations of data or knowledge. They are presented in a creative, quick and witty manner using diagrams, charts and design elements. Infographics are filled with drawings, vector and flat-design images, sketches, icons and texts to facilitate the learning experience better and more fun.

infographics-01
Source

The average tourist can quickly and, with fun, go through the city using an infographics-designed map, or take researching student who could quickly grasp the use of colors for advertising.

maps-for-infographics03
What makes infographics eye-gasmic is that they use design elements like colorful charts, dandy diagrams, flamboyant flowcharts and intelligent icons. This makes it easy for the readers to process the data because their eyes are fed with the simplicity of the design. Infographics turn away from text-heaviness and eye-sore font spacing and gives the eyes a lot of creative breathing room.

Finding the info

The first thing you take note when making an infographic is the info. That is elementary knowledge. Information, which comes before the graphics, should be correct, interesting and relevant. The graphics would totally fall and suck if you’re data is as intelligent as Patrick Star.

So how do we find intelligent data? Consult Einstein or Stephen Hawking? That would be a very good idea. But since most of us are ‘busy’ enough to even stand up and remove ourselves in front of our own computer tables, we might as well make the most out of what we have. We could browse blogs that provide us with relevant data, tweets, books, or we could just Google things out!

But if you are really frustrated and has enough bucks to hire a freelance researcher, might as well do it.

The best way to gather data for your infographic details is through search engines. There are a lot of search engines to choose from and Google is probably the best and most picked choice. Of course, after typing in your search query, you will be bombarded with thousands, even millions of results. Now you need to sift those information out so that your research will stand.

As a rule of thumb, Wikipedia is not really suggested as a main source (Sorry, Wikipedia fans). As much as possible, use .org, or .edu domain names. Try to consider the status of the website. If you are looking for web-design related topics, you wouldn’t choose a website which has few followers, right?

Next is you need to filter what you need. You need to choose the relevant, interesting and precise data for this. The reason is very elementary. No one will read you infographics if they are boring and wrong.

Try looking on these:

The Skeleton

Okay, this part isn’t anatomy; you’re still at 1stwebdesigner. The skeleton is just a step in making an eye-gasmic infographic. This is the part where you need to arrange the data you have collected into an organized story or flow. Each datum must point to another and so. The rule of thumb in infographic-making, there should only be six main points or parts as a maximum.  You should determine these six parts. You need to list six of the best and most interesting facts you have. The trick here is, if a data bores you, it will bore everyone. If it entertains you, it will still bore everyone, so you might as well look for a better one. This will ensure sustained interest and readership and would not result into brain explosions due to information overload.

Source

Once arranged, the data must be represented in a visual format. It is very advantageous to make an outline and think of the needed graphics for your work. You also need to process data and make them graphs, flowcharts and comparisons. Remember that a good organization is as good as the design itself. If your data is as peaceful as Syria, try again. Make them as easy as possible to understand.

Source

I listed a few of the well-arranged infographics data-wise:

The Value of Being LinkedIn

infographic-01

 

Profile of a Twitter User

infographic-02

The Descent to Credit Card Debt

infographic-03

Art-attack time!

After arranging your data, you could now proceed to the design. Most infographics have a portrait orientation. According to QuickSprout, vertical infographics are posted 28.9% more frequently than horizontal ones and are 41.7% to be more likely borrowed by other websites. This might just make sense that vertical infographics are more advantageous to post.

Source

Remember to use complementary colors. This color combination tends to attract most readers as the graphics is presented in a more readable and understandable manner. You should also use large fonts to be able to convey the message even if zoomed out.

It is also advisable to use creative icons, 3d and flat. All of the posts that I have uploaded to this site will matter. Typography, colors and flat design!

Here are a few inspirations to start with:

100 Million Professionals

infographic-04

The Future Farm

infographic-05

Pikes Peak Course

infographic-06

Ancient Hebrew Cosmology

infographic-07

The Kulula Airlines

infographic-08

Titillating Title

Think of a titillating title! Attracting attention through titles is as good as attracting readers to read the whole work. Good titles would commonly tantamount to good articles. No one wants to read a boring article with a boring title.

In this step, you should consider the relevance of the title to the theme of the graphic. Think of puns, assonances, allusions to your title. Be creative as possible. Try to be funny and intelligent all at the same time. Common titles include “How to”, “Where to” and “Top 10s” as they tend to hit most search engines.

Tips

  • Catch the fish. Be an attention seeker. You must immediately grab someone’s attention by just your title.
  • Be relevant. No matter how unorthodox your title might be, try to stay in line, try to connect the title with the infographics.
  • Be short and quick. The shorter your title gets, the powerful it becomes.
  • Deviate from these tips. Try to be different once in a while.

Here a few inspirations:

Serif vs Sans: the final battle

infographic-10

What The Flux? How The Flux Capacitor Works

infographic-09

How Big Is Your Byte?

how big is your byte

A Day in the Life of a CEO

More inspiring infographics here!

Conclusion

Just like many writing disciplines, doing Infographics involve a great deal of attention to detail. Every bit of information is considered to be vital to the both the design and the content. A disharmony between the two will cause poor facilitation of data and, hence, confusion. In doing this kind of artform, one must consider every aspect of the design. The infographic artist should consider not only what is seen, but also what is learned. He should be aware of  his role to sort out and distribute information. He should know where to place what and when to place it. He should be well versed with research, writing and graphic designing, for these three, after all, are what makes an infographic.

94 Written ArticlesWebsiteGoogle+

Rudolph is a geek. He loves reading: books, blogs and even nutrition facts found at the back of products. He loves to read interesting internet stuff. Since joining 1stwebdesigner last year, Rudolph has written several articles that concerns Typography, Wordpress, Freelance Lifehacks, Graphic Design and Showcase of Beautiful Web Designs. He also write poems, movie reviews and he puts them in his blog together with rants and some daily life updates.

6 Comments Best Comments First
  • sinexJackie

    Thursday, September 26th, 2013 02:29

    1

    Thanks for sharing this information. Great work!

    +2
  • Web Design London

    Monday, September 30th, 2013 16:52

    3

    These infographics are really cool! Great job!

    0
  • John

    Thursday, October 17th, 2013 04:46

    5

    Really interesting article, thank you!

    0
  • jhonny

    Friday, October 25th, 2013 06:55

    6

    Thank you so much for your impressive work. I am learning many things from this website.

    0
  • Lubano

    Friday, September 27th, 2013 06:30

    2

    How much do you charge for doing infographics?

    -2
    • Rudolph Musngi

      Monday, September 30th, 2013 18:42

      4

      Are you talking to me? :)

      -1
  • jhonny

    Friday, October 25th, 2013 06:55

    6

    Thank you so much for your impressive work. I am learning many things from this website.

    0
  • John

    Thursday, October 17th, 2013 04:46

    5

    Really interesting article, thank you!

    0
  • Web Design London

    Monday, September 30th, 2013 16:52

    3

    These infographics are really cool! Great job!

    0
  • Lubano

    Friday, September 27th, 2013 06:30

    2

    How much do you charge for doing infographics?

    -2
    • Rudolph Musngi

      Monday, September 30th, 2013 18:42

      4

      Are you talking to me? :)

      -1
  • sinexJackie

    Thursday, September 26th, 2013 02:29

    1

    Thanks for sharing this information. Great work!

    +2

Comments are closed.

54.196.62.132 - unknown - unknown - US