30 Top Infographics for Web Developers and Designers from 2010

An infographic or informative illustration gives an informative presentation of different objects with a combination of text and image . This may be in the form of map , chart , blackboard , instructional design or an interactive application. It is intended for the transfer of information , data and expertise . It is used by journalists in news and background articles, financial reports, on public transport as an explanatory picture, and for scientific or educational purposes.

Infographics have changed the way “information” is seen by today’s generation. Its no more a scary charts and numbers but a pleasant mixture of text, images, charts, signs etc. It can be a simple comparison of two mobile brands over different features and sales records or a description of type of online communities with variety of users, Infographics have given a new dimension to information.

Have a look on the examples given below and that will make you more clear about the concept. You can also check our posts on Best Email Templates & Cool Packaging Design.

If Web Browsers Were Celebrities

To make it easier for you to decide to which browser you relate and which one rocks your world, we give this funny (and not to be taken too seriously) info-graphic!

If Web Browsers Were Celebrities

Larger Version of If Web Browsers Were Celebrities

The Evolution of Typography

Typefaces and fonts are at the forefront of design, whether it be designing a word document for work or designing a Fortune 500 website. The fonts that we choose can determine how we portray ourselves – as an individual or a business.

The Evolution of Typography

Larger Version of The Evolution of Typography

Designing The “World Of Programming”

This infographic exhibits pioneers in the field of programming, along with the history and current statistics of various programming languages. Also included are some random facts and algorithm diagrams to make the infographic more visually appealing.

Designing The World Of Programming

Larger Version of Designing The “World Of Programming”

Which Designer Job is the Best?

Here is an infographic comparing the different types of design professions.

Which Designer Job is the Best?

Larger Version of Which Designer Job is the Best?

Graphic Designer’s Journey: Freelance to Freedom

Just when you thought decision making couldn’t get any harder (you didn’t sleep for 2 nights, trying to decide between Helvetica and Times font), real life appeared and forced you to make a resolution about your career.

Graphic Designer’s Journey: Freelance to Freedom

Larger Version of Graphic Designer’s Journey: Freelance to Freedom

Helvetica Font Weights as Rock Music Genres

This fun infographic depicts Helvetica’s range of font weights as rock music genres. It has a dual purpose of serving as a witty cheatsheet for Helvetica font weights.

Helvetica Font Weights as Rock Music Genres

Larger Version of Helvetica Font Weights as Rock Music Genres

BSA Anniversary

In two years one gathers more than just days and months. Here’s our collection of events, facts, impressions, gigabytes, followers, links, features, countries & a lot more in the first BSA infographic.

BSA Anniversary

Larger Version of BSA Anniversary

How the Web has Changed the Way We Buy Music

Infographic with just a few statistics on how we buy music today, highlighting the decline in physical sales and the increase in music consumption via mobile internet.

How the Web has Changed the Way We Buy Music

Larger Version of How the Web has Changed the Way We Buy Music

Facebook vs. Everyone

This infographic shows the history of Facebook’s rivalries with other online services.

Facebook vs. Everyone

Larger Version of Facebook vs. Everyone

The Most Popular Design Blogs by Twitter Followers and Facebook Fans

Top 40 Design Blogs by Twitter Followers and Facebook Fans.

The Most Popular Design Blogs by Twitter Followers and Facebook Fans

Larger Version of The Most Popular Design Blogs by Twitter Followers and Facebook Fans

Operation E-Commerce

A Game of Dissecting The Best E-Commerce Software.

Operation E-Commerce: A Game of Dissecting The Best E-Commerce Software

Larger Version of Operation E-Commerce: A Game of Dissecting The Best E-Commerce Software

What Your Web Design Says About You

Here is an infographic that delves into the meanings of fonts and colors in the context of web design.

What Your Web Design Says About You

Larger Version of What Your Web Design Says About You

How Much Time is Wasted on Loading Unnecessary Data

When you visit a website, how much time does the site waste loading unessential data? Well, the folks at GTmetrix.com have a created an infographic to help answer this question.

How Much Time is Wasted on Loading Unnecessary Data Infographic

Larger Version of How Much Time is Wasted on Loading Unnecessary Data

All You Need To Know About Web Designers

A huge roundup of facts and figures about our fellow web designers.

All You Need To Know About Web Designers

Larger Version of All You Need To Know About Web Designers

The Biggest Shift

Facts about use of social media sites.

the biggest shift

Larger Version of The biggest shift

The Darwinian Evolution of Photoshop

What does a top notch graphic designer have in common with an amateur photographer who uploads his weekend pictures on Facebook? They both love Photoshop! This brilliant Adobe product is geek’s darling for almost two decades.

The Darwinian Evolution of Photoshop

Larger Version of The Darwinian Evolution of Photoshop

Map of Online Communities

Communities rise and fall, and total membership numbers are no longer a good measure of a community’s current size and health. This updated map uses sizes to represent total social activity in a community – that is, how much talking, playing, sharing or other socializing happens there.

Map of Online Communities

Larger Version of Map of Online Communities

Time-Lapse Twitter Visualization Shows America’s Moods

A group of researchers from Northeastern and Harvard universities have gathered enough data from Twitter to give us all a snapshot of how U.S. residents feel throughout a typical day or week.

Time-Lapse Twitter Visualization Shows America’s Moods [VIDEO]

Larger Version of Time-Lapse Twitter Visualization Shows America’s Moods [VIDEO]

Web Designers vs. Web Developers

Here is an infographic of the differences between web designers and web developers.

Web Designers vs. Web Developers

Larger Version of Web Designers vs. Web Developers

“FarmVille” vs. Real Farms

With all those millions of Facebook and iPhone users tending to virtual crops and sharing them with friends, have you ever wondered how their toils stack up against actual real-life farmers?

FarmVille vs. Real Farms

Larger Version of “FarmVille” vs. Real Farms

Periodic Tables of Typefaces

Popular, Influential and Notorious.

Periodic Tables of Typefaces

Larger Version of Periodic Tables of Typefaces

Learn How Google Works

Learn How Google Works: in Gory Detail.

Learn How Google Works

Larger Version of Learn How Google Works

Meet iPad’s Competition

It illustrates the introduction of the iPad and how many devices in different markets are now finding themselves in direction competion to the power of the iPad and the Apps Store.

Meet iPad Competition

Larger Version of Meet iPad’s Competition

Google vs. Apple

Stats of Google and Apple.

Google vs. Apple

Larger Version of Google vs. Apple

The Business Behind Facebook

Here are a few fact about the business behind this incredible website.

The Business Behind Facebook

Larger Version of The Business Behind Facebook

Why do we Follow Companies on Twitter?

A survey of more than 1500 consumers conducted.

Why do we Follow Companies on Twitter?

Larger Version of Why do we Follow Companies on Twitter?

Facebook Privacy: 6 Years of Controversy

The release of Facebook Places raised serious privacy concerns for users of the social network. Places allows users to alert their friends to where they are by checking-in to a nearby location, often via mobile phone. Users can also view the location of nearby friends and the information they’ve posted about locations.

Facebook Privacy: 6 Years of Controversy

Larger Version of Facebook Privacy: 6 Years of Controversy

How Popular is the iPhone Anyway

Despite strong sales, is the iPhone the leading smartphone or the leading mobile device in the world? As the smartphone war continues to heat up with the introduction of new Android-powered devices, the smartphone market share can look different from quarter to quarter.

How Popular is the iPhone Anyway

Larger Version of How Popular is the iPhone Anyway

8 Levels of Information Technology Security

In a world of viruses, malware, and hackers, information security is a big deal. One single method of IT security cannot insure protection of mission-critical data. In the enterprise IT environment, layering multiple tactics and security processes can help close all of the gaps. A visual look at a data center provides us with the 8 levels of information technology security which work together to form a tight-knit and (hopefully) impenetrable web of safeness.

8 Levels of Information Technology Security

Larger Version of 8 Levels of Information Technology Security

Google PageRank

Understanding Google PageRank: A Graphical Guide

Google PageRank

Larger Version of Google PageRank

Sharing is Caring
  • Judes

    There is no overlap between serif and sans-serif typefaces, and in fact there could be said to be an overlap between black letter and script, so why present “The Evolution of Typography” in the form of a venn diagram? It’s using a scientific representation incorrectly – it makes no sense!

  • Geoffrey Gordon

    I loved all of these, awesome stuff, cool to print blow up and put on your studio wall. Nice post

    • http://slodive.com/ SloDive

      Glad you like them.

      • http://www.yahoo.com/ Buffie

        Thank God! Someone with bnrias speaks!

  • Magento Themes

    Of course these are great sources of information for all designers and developers. Thanks for sharing this information.

  • Design ideas

    Fantastic collection. I love the Map of Online Communities, very creative

  • Shrikrishna Meena

    The Only thing, I want to say is “Good Work by author on this article”. Bookmarked it.

  • http://www.dzinepress.com Dzinepress

    really useful infographics for design inspirations.

  • steve marshall

    thanks this is cool, nice designs and ideas…great picks..

  • http://www.webguide4u.com Vivek Parmar

    some of them are exceptionally great, will look forward to include some of them on my post

  • Brett Widmann

    Infographs are a fun way to display information! Thanks for sharing.

  • Matt

    Awesome list!
    If i can add a couple more for all the web designers out there:
    http://infographicsite.com/213/your-websites-feelings/
    http://infographicsite.com/48/blog-design-for-killer-seo/

    thanks
    matt

  • Ben

    Excellent collection. Probably learned more spending 20 minutes looking at these than I would in a normal week!

  • http://www.arthut.co arthut

    thanks
    very nice

  • Manuel Garcia

    Awesome collection. These infographics are well-designed. Thanks for this inspiration.

  • http://www.geekandblogger.com Pavan Somu

    Personally I think infographics are one of the hardest skills for just about any designer. There are some beautiful examples here and some stunning graphic inspiration. Thank you

  • Jai

    Very nicely done infographic designs here. Astonishing collection of designs. Great post.

  • Prabha

    These 30 Infographics are giving very nice information with the help of graphics. I loved the joke If Web Browsers Were Celebrities its very funny.

  • http://www.satyathakur.com Satya Thakur

    Very creative infographic designs. I love the most is the Google vs Apple design. Very nicely done and artistic. Nice share!

  • Prabha

    The infographic designs shown here are very beautiful, they made with very creative mind and design.

  • Prabha

    Wow all the web developers designers infographic designs are just awesome, Web Designers vs. Web Developers inforgraph is the one which i liked the most.

  • Kamal

    Wow… Excellent collection of infographics. All facebook related infographics are nice and google vs Apple is also made in a nice way.

  • BHring Nath Prasad

    These infogarphics design are really very amazing and nice thanks for sharing these beautiful infographics web design i love them all.