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!
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Larger Version of All You Need To Know About Web Designers
The Biggest Shift
Facts about use of social media sites.
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.
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.
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.
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.
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?
Larger Version of “FarmVille” vs. Real Farms
Periodic Tables of Typefaces
Popular, Influential and Notorious.
Larger Version of Periodic Tables of Typefaces
Learn How Google Works
Learn How Google Works: in Gory Detail.
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.
Larger Version of Meet iPad’s Competition
Google vs. Apple
Stats of Google and Apple.
Larger Version of Google vs. Apple
The Business Behind Facebook
Here are a few fact about the business behind this incredible website.
Larger Version of The Business Behind Facebook
Why do we Follow Companies on Twitter?
A survey of more than 1500 consumers conducted.
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.
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.
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.
Larger Version of 8 Levels of Information Technology Security
Google PageRank
Understanding Google PageRank: A Graphical Guide
Larger Version of Google PageRank

















![Time-Lapse Twitter Visualization Shows America’s Moods [VIDEO]](http://slodive.com/wp-content/uploads/2011/01/infographics/twitter-infographics.jpg)












I loved all of these, awesome stuff, cool to print blow up and put on your studio wall. Nice post
Glad you like them.
Thank God! Someone with bnrias speaks!
Of course these are great sources of information for all designers and developers. Thanks for sharing this information.
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!
Fantastic collection. I love the Map of Online Communities, very creative
The Only thing, I want to say is “Good Work by author on this article”. Bookmarked it.
really useful infographics for design inspirations.
thanks this is cool, nice designs and ideas…great picks..
some of them are exceptionally great, will look forward to include some of them on my post
Infographs are a fun way to display information! Thanks for sharing.
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
Excellent collection. Probably learned more spending 20 minutes looking at these than I would in a normal week!
thanks
very nice
Awesome collection. These infographics are well-designed. Thanks for this inspiration.
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
Very nicely done infographic designs here. Astonishing collection of designs. Great post.
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.
Very creative infographic designs. I love the most is the Google vs Apple design. Very nicely done and artistic. Nice share!
The infographic designs shown here are very beautiful, they made with very creative mind and design.