Top Good Web Design

Web Designer

Graphics and Lyrics: How to Make Eyegasmic Infographics

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!

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.


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.

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.


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.


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

The Value of Being LinkedIn



Profile of a Twitter User


The Descent to Credit Card Debt


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.


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


The Future Farm


Pikes Peak Course


Ancient Hebrew Cosmology


The Kulula Airlines


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.


  • 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


What The Flux? How The Flux Capacitor Works


How Big Is Your Byte?

how big is your byte

A Day in the Life of a CEO

More inspiring infographics here!


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.

Leave a Reply