Noupe » Graphics

A Showcase of Beautifully Designed Infographics

Noupe Editorial — Tue, 19 Jul 2011 10:00:37 +0000

In the past we have presented our readers with some inspiring and well designed infographics to demonstrate this useful presentational route that many are taking these days for content delivery. By taking statistical data that would normally be dry and otherwise lacking, and designing the information in such a way that it becomes not only more digestible, but also exciting and somewhat interactive. Today we are doing it again!

Well Designed Data

The foursquare community has over 10,000,000 members!

Adding Play Into the Enterprise

The Darwinian Evolution of Photoshop

How to Avoid an Online Customer Service Fiasco

How a Phone is Phished

The Infographic of Infographics: How Infographics are Made

America According to Twitter

Web Developers vs. Web Developers

Defending Your Privacy: Which Social Networking Sites Are Secure?

App Store Milestone: 500,000 Applications Approved

Sitting is Killing You

Which Designer Job is the Best?

Coffee Drinks Illustrated

Demand Media Breaking the Bank

Mac vs. PC: A Hunch Rematch

What Your Web Design Says About You

Web Design Evolution: Two Decades of Innovation

How facebook is reshaping college admissions

Graphic Designer’s Journey: Freelance To Freedom

April Fools 2011: Pranks Around The Web

All You Need To Know About Web Designers

The Complete iPhone 5 Rumor Roundup

Google’s Collateral Damage

Mobile E-Commerce Infographic

Lists Are Dead. Long Live the Blog Tree

Women in Business

World Without Apple

Different Types of Designers and Developers

The Colors of the Web

(rb)

45 Stunning Steampunk Artworks and Gadgets

Aquil Akhter — Wed, 23 Mar 2011 10:36:28 +0000

Here is a type of science fiction that will surely catch your eye. Steampunk is mostly associated with fantasy stories and is related to an era when steam engines were widely used. It is an attempt to merge steam motorized objects and machines with contemporary themes and technologies. Today we’re featuring a good number of artists who have created some really amazing steampunk digital artworks and gadgets to spark your imagination.

Creative Steampunk Artworks

Abominable Experiment — This Thing Will Never Fly

Legend of Yamato — Entry for Yap Kun Rong

Steampunk Goliath

Hall of Souls, Steampunk M&L Contest, Dieter Joppich (3D)

Steampunk Penguin Professor

Snailfight

Retro Robots

Steampunk Beholder Robot

Escape Plan B

The War Machine — Ted Terranova

Scolopendra, Balázs Pápay

A Steampunk Fairytale

Steam Punk Oriental City

Hephaistos Saves Achilles

SlashThree XII steampunk

Airships

Steampunk Artwork

Watching for the Last Launch

Foremost

The Flying Ship

Junk Scout — Taehoon Oh (3D)

Steampunk Hades — Kevin T. Chin (2D)

Leprechaun Steampunk — Von Caberte (2D)

The Devils Cauldron

BaktoFairy

Alice’s Adventures in Steamland

Perseus Faces the Kraken

Creative Steampunk Gadgets

Steampunk Skull Mouse

A Mechanical Flash Drive Too Cool to be Steampunk

Steampunk Bluetooth Ear Piece

Gothic Cuff Watch

Steampunk Computer

Steampunk iPod Skin

Steampunk Adjustable Ring

Steampunk Goggles

Steampunk Copper USB Drive

Steampunk Mouse and USB Drive

Steampunk Laptop

(ik)

Design Charts for Better Typography and Color

Cameron Chapman — Mon, 21 Mar 2011 12:04:05 +0000

We’re designers, so it makes sense that a lot of us are visual learners and do better looking at charts and graphs than reading an article or listening to a podcast. Typography and color are two great topics that are perfectly suited for infographics, charts, and other graphical learning tools.

Below we’ve collected a good number of great infographics that will teach you how to use typefaces and colors effectively. There are guides for choosing a typeface, for combining typefaces, for figuring out what different colors mean in different cultures, and a lot more.

Typography

Dig into the history of typography and catch up on the typographic origins. Whether you need help choosing the right font or want to know how to effectively combine fonts, the graphics below can help, for both print and online design.

So You Need a Typeface
While at first this infographic appears to be a bit tongue-in-cheek, it’s actually quite useful. Start by choosing what type of project you’re working on, and then just answer a series of yes or no and good or bad questions to find a suitable typeface.

The Anatomy of Typography
Understanding all the elements that make up a typeface is an important step in learning to expertly combine typefaces. This infographic breaks down the anatomy of individual characters within a typeface, covering everything from aperture to strokes to the different types of terminals.

Periodic Table of Typefaces
The most popular fonts are graphically represented in the style of the periodic table of elements in this poster. It gives some brief history of each typeface (including the date it was first designed and who designed it), as well as the classificiation of each font. There are a number of different versions of the poster available for purchase, or you can print it yourself.

The Evolution of Typography
This infographic showcases the changes in typographic design throughout history. It covers the evolution of serif typefaces and sans-serif typefaces, as well as a brief description of the history of script and blackletter typefaces.

Mixing Typefaces
This simple chart serves as a guide for combining twenty-two different common typefaces. It offers three separate classifications for determining whether two typefaces are compatible: “Combine at will”, “Not a conservative choice”, and “Think again.”

19 Top Fonts in 19 Top Combinations
This great chart provides an instant visual reference to good combinations of popular fonts, including Helvetica, Garamond, Gill Sans, Minion, and more.

Type Palettes
Graphical representations of typography combos are a great way to see how different fonts work together. This Type Palettes article shows a number of complex typography combinations, using different typefaces for headlines, subheadings, text and captions.

Most Popular Fonts by Operating System
Not everyone is using @font-face for their website designs yet. And even those who are need a backup for older browsers (or in case their font service is down or unavailable). This chart shows all the most popular typefaces by operating system, and even includes the most commonly used fonts from Google Font Directory and FontSpring.

34 Typographic Sins
There are dozens of mistakes commonly made in typographic layouts. This poster details thirty-four of them, as well as what the correct usage is.

Color

Color science and theory is a remarkably complex field. The graphics included below, though, can offer valuable insight into the world of color, including how to effectively create color palettes and what colors mean.

Basic Color Relationships
This infographic gives all the basic information you need to know about color theory. It includes terms, the way RGB and CMYK work, and meanings of different colors, as well as a color wheel the illustrates warm and cool colors.

What Colors Mean to Different Cultures
When designing for an international audience, it’s important to note the effect your color scheme will convey to your audience. This handy chart shows exactly what different colors mean in different countries, helping to prevent any cultural faux pas.

How Color Effects Purchasing Decisions
If you’re designing an ecommerce site, it’s important to know exactly how different colors affect purchasing decisions made by your visitors. This chart shows the effects different colors have on those purchasing decisions, as well as which colors work bets for which types of buyers.

Colors of the Most Powerful Brands in the World
Certain colors have become associated with certain brands, both in the “real world” and online. This series of graphics explores the colors used in the various design schemes and logos of the biggest brands in the world. Each of these graphics explores a different aspect of the use of color in branding.

Colors of Twitter Profiles
This infographic compares the use of colors by geography, keyword, and demographic of Twitter users who have used the Colourlovers Themeleon Twitter profile designer. It also showcases the most colorful Twitter personalities, and the colors they use.

What Your Web Design Says About You
This infographic showcases the most popular color, typography, and other design options in web design are most popular, and what the different choices say about the site itself. The graph also delves into color science and theory, with interesting graphics representing each hue.

Top Voted Colors of 2010
Staying current on trends in color is important for designing a site that looks current (or stays timeless). This infographics shows the results of a survey of over 1000 people chose the most popular colors of 2010 and the words that the colors represent.

His and Hers Color Names
A useful, interactive infographic that displays the results of XKCD’s color survey, which used five million plus samples to judge what men and women consider accurate names for all the colors of the spectrum. Some are downright hilarious, while others are incredibly creative. In either case, it gives a good indication of how the sexes feel about different colors across the spectrum.

The Color Strata
Here’s another visualization of the XKCD Color Survey dataset, broken down into the 200 most common color names. The format used here is really interesting, and not something commonly seen.

Recognizing Brands by Color Scheme
An interesting study that seeks to simplify brand logos by breaking it down into it’s basic color and circles to represent text and lines. A useful way to see where the color scheme of a logo works it’s magic, which can help you design color schemes with more impact.

Useful Infographics

Why Does Gen Y Buy
This infographic is useful to anyone creating an ecommerce site that’s aimed at Generation Y, who spend about $20 billion online each year.

Interesting Facts and History of CSS
This infographic combines the history of CSS with a number of interesting facts about it. It includes the different versions of CSS, as well as support by different browsers.

WTF is HTML5 and Why We Should All Care
This is a brilliant infographic that shows what new features HTML5 has added, and what those features mean for the future of the internet.

User Centered Design
This infographic breaks down the elements of user-centered design, as well as the process of creating such designs.

HTML5 & CSS3 Readiness
This interactive infographic breaks down exactly which browsers support which new features of HTML5 and CSS3.

The Visual FAQ of SEO
This infographic gives a great breakdown of what you need to know about search engine optimization. It covers things like site architecture and structure, link building, and SEO tactics.

The State of Web Development 2010
Here’s a great rundown of the state of web development in 2010, including the popular browsers (desktop and mobile), OSs, and more.

Bounce Rate Demystified
This infographic from KISSmetrics showcases how bounce rate statistics work, and how they’re calculated.

The Anatomy of a WordPress Theme
This is an incredibly useful infographic that breaks down the parts of a WordPress theme in great detail. If you’re a theme developer (or want to be), it can also serve as an excellent quick-reference guide.

The Anatomy of a Perfect Landing Page
The creation of a great landing page is equal parts art and science. This infographic breaks down exactly what goes into a great landing page.

Interesting Infographics

Salaries in the Realm of Design
This infographic compares the salaries of different design professions in the United States, India, and the UK. It also covers salaries by country depending on the type of employer (Company, College, Non-Profit, etc.).

Through the Generations: How the Web is Being Used
This infographic breaks down common internet usage patterns among different generations, including Millenials, Gen X, GI Generation, Silent Generation, and the Boomers.

The Awesome Evolution of the Internet
This is a fun infographic that breaks down the evolution of internet users from the beginning of the web.

The History and Present State of Domain Names
Ever wondered what the evolution of domain names looks like? This infographic breaks it down from the first .net domain name in 1985 through now.

The Evolution of the Blogger
An interesting infographic that shows the evolution of bloggers from those keeping online diaries to company bloggers, vloggers, and others.

The Power of WordPress
This infographic showcases the power of WordPress as both a CMS and a blogging platform. It includes a timeline of WordPress from May 2003 through September 2010, as well as details on the types of sites using WP and daily user activity.

Multiple Identities
This infographic discusses what profiles users utilize to sign up for and use different services across the internet, including Google, Facebook and Twitter.

The Internet in 2020
Here’s a great graphical representation of what the internet is predicted to look like in 2020, based on current data. It covers how many people will likely be online, who those people will be, and more.

Origin of Important Typefaces
This infographic shows a timeline of when important typefaces were developed and by whom.

Just How Massive is Google, Anyway?
Figuring out just how big Google is can be tricky. This infographic sheds some light on the subject.

The History of Programming Languages
This infographic from O’Reilly shows the history of various programming languages, from 1954 until 2004.

Dribble: What Is It Used For?
An interactive HTML5 infographic that offers details about Dribble usage and users.

The World of Data We’re Creating on the Internet
This infographic from Good Magazine shows how we use the internet and the data people create on a daily basis, including email, video, and other content.

The Brads – Learning About Contrast in Design
Contrast is a very important concept designers need to grasp if they want to be successful. This infographic/comic strip from Vectortuts+ explains contrast in an easy-to-understand way.

(ik)

Communicating Through Infographics

Noupe Editorial — Thu, 03 Mar 2011 10:24:57 +0000

With so many diverse infographics out there there’s always something aptly for everyone. A big shout out to all the artists, illustrators, designers, researchers and writers who made these educational wonderful infographics possible. Today we present to you a nice roundup of infographics — there should be one for all the different interests. Enjoy!

Educational Infographics

Social Media High School

How the Internet Can Help Chronic Disease Sufferers

How Internet Users Feel The Need To Belong

How Android Is Taking Over

The Future is Now

The Journey of Amazon

Social Media Brands

The Jazzy Rise of WordPress

Wikipedia Turns 10 — Happy Birthday!

What’s Next for WikiLeaks?

The Rise And Fall of Yahoo!

The Venturesome History of Web Search Engines

Media Wheel: Visualizing Daily Activities

Europe Trails The US In Productivity

When Social Goes Wrong

How Coffee Affects The Global

The Evolution of the Geek

Everything You Need To Know About The iPad2

Fastest Ways to Lose Customers

How Do Colors Affect Purchases?

How Do Small Businesses Waste Money?

The Vicious Cycle of Early Adoption

The Future of NASA

What Is the Easiest Way to Power a Lightbulb

The History of Coupons

Gunning For The Sun

The Growing E-Waste Situation

Where Will the Next Earthquake Hit?

Robots on the Rise

Our Connected World

Multiple Identities

http://www.noupe.com/graphics/infographics-to-enrich-your-knowledge.html – Infographics to Enrich Your Knowledge
Stunning Infographics and Data Visualization – http://www.noupe.com/inspiration/stunning-infographics-and-data-visualization.html

History of YouTube

The World of Pixar

So You Want to Lose Your Ears?

Analysis of Windows Phone 7

Evolution of The e-Mail

Anatomy of an Apple email

10 Hot Jobs for 2011

A Close Up of Zynga – Statistics

The State of the Internet: Summing Up 2010

Further Resources

– Infographics To Enrich Your Knowledge

– More Creative and Useful Infographic Maps

– 50 Interesting and Useful Infographics for Web Designers

– Stunning Infographics and Data Visualization

– Creative Examples of Infographics

– Fantastic Information Architecture and Data Visualization Resources

(ik)

Remarkable Résumé Designs

Nousheen Aquil — Wed, 16 Feb 2011 09:44:44 +0000

When applying for a job, a designer’s résumé is of utmost importance. This is precisely what should be attention-grabbing and creatively designed. This portrays the level of creativity and also aids in standing out from the rest who also happen to be applying for the same position. We hope that these creative résumés will inspire and encourage you to think out of the box and redesign your application papers with sucess.

To help you get ready for your job interview, you can read here to find out how to prepare well. Don’t forget to stay creative. Good luck!

Unusual Résumés

Curriculum Vitae by Jonny-Rocket
Attraction is the standard. This quote fulfills the requirements of attraction and represents a gorgeous work of art:

Matthew Villalovos
What a catalogue of foods. Are you inspired from it? Of course this menu style résumé is full of lavishness and offers a thorough presentation:

Francis Homo
This unique style of a résumé shows the human mind supremacy of thinking out of the box. If truth be told this unique résumé is full of smart veins and fresh blood:

Chuck D Lay Résumé
Incomparable style of work which shows the worth and skills of the artist:

Joe Kelso presents…!
Here the artist presents a wonderful job hunting style in this résumé. This unique kind of résumé is a masterpiece of work:

Résumé by Pau Morgan
Creatively designed résumé that looks eye-catching and attracts the whole attention of all:

Google Earth Résumé
This is a Google earth oriented résumé. It is spread on the earth map and shows the density around the globe:

Résumé by Arianedenise
What an album! This best style résumé is a masterwork of stylish thinking:

Wakuda Studio Résumé
This is a Wakuda Studio résumé and shows the irresistible uniformity of military cloak. Looks very appealing:

Visual Résumé
Infographics are the used most when trying to portray smart representations. In this résumé an infographic is used to show all the contents in an instant:

Résumé by Adam Stephenson
This résumé has been created by Adam Stephenson and shows the beauty of vintage style:

Résumé by Anna Yenina
This is a combination of affectionate letters and presents the lovely thoughts of artist in a visual nutshell:

Personal Résumé Draft by Steven Duncan
This is one of the most creative styles of creating your résumé. This elegant résumé represents the artistic approach of the artist and gives you the idea what level of creativity you can expect from him:

Curriculum Vitae by 802.11
A unique way to describe the whole professional life and growth in a visual nutshell. This resume not only gives the employer visual treat but also inform him about the learning ladder of the artist he is going to hire:

Work Résumé
A simple yet very comprehensive and detailed résumé that lets the employer know all the capabilities and skills of the designer. This résumé also demonstrates the level of creativity the artist possesses:

Tudor Deleanu’s Résumé
This is the perfect example of an eye-catching and attention grabbing résumé. This résumé represents the life of the artist in different blocks that is easy for the employer to skim through:

2004 Résumé
Machines embody the perfection and this résumé and shows the employer that s/he can expect nothing else but initiative ideas from the artist:

Stepl Am Knotts
Another visually compelling, detailed artistic résumé explaining the key attributes of the artist:

Origami Résumé
This origami résumé looks visually stunning representing the irresistible compactness of the artist throughout their work:

Joshua Drummond
This comic book résumé is a unique way to produce the simplicity of style and shows the best depiction in its kind:

F. J. Garcia
This is a comic strip résumé that leads to Spanish art. The artist made good effort to show his denseness:

Visual Résumé by Oona
This is a rough draft résumé on paper representing the creative approach and innovative thinking of the artist:

Sean McNally
This masterpiece résumé is created in gaming character style and shows the creative connotation of the artist:

Federico Moral
Creativity is the most significant part of any design. This unique résumé shows the creativity of the artist. This is truly a work of creativity:

Jonathan Kaczynski
This transit style map is very stylish and shows the artist know-how about the transit significance. This precise résumé illustrates the transit of life as well:

Facebook Replica Résumé
What a unique format that is full of style and loveliness. This facebook replica résumé is a powerful presentation of the artist’s approach of the candidate:

T-shirt Résumés
Here is a really artistic approach.In this résumé the artist has created a unique style of representation:

Life Chart Résumé
The artist shows his worth in shape of a chart. What a movement! You cannot ignore it at all:

Curriculum Vitae by Mistis
No escape from vintage! This vintage style résumé is best for hunting any job and shows the artist’s density as well:

Urban Art Résumé
This urban art résumé is a masterpiece which is exactly an album of the artist’s potentials as well:

H. SercanTunali Résumé
The Earth is round and if someone keeps trying to find a job, he will meet his success again and again. This global representation of a résumé is a masterpiece:

Aamir Shah Résumé
What a style of mechanic thinking. This beautiful résumé is a folder which is a great approach by the artist:

Jean Francois Résumé
A gorgeous design that shows the beauty of the thoughts by its creator:

Christiano Pires
A résumé which has been created with the help of personal belongings and shows the abilities of the artist:

Curriculum Vitae by Fransanchez
Power of red can be demonstrable and so the artist produces a sharp colored résumé to hunt the job:

2009 Résumé SID Santos
This unique style résumé is created on a paper cup and illustrates the diversity of the artist’s mind:

Résumé Passport
A passport styled résumé which is full of contents and shows the concrete official style of work:

Résumé by Kelly Haller
What a classy résumé! One can’t ignore this unique and creative style:

(ik)

Showcase of Very Creative 3D Artwork

Obaid ur Rehman — Tue, 15 Feb 2011 12:57:02 +0000

Three dimensional artwork always tends to mesmerize the human eye. This is the main reason behind the popularity of 3D artwork. With the help of 3D tools, you can create unbelievably realistic artwork. If you happen to have a good command of 3D tools, you can give 2D objects more deepness and thus bring them to life with just a couple of clicks.

In this roundup, we are showcasing some amazing 3D artworks for your inspiration. Enjoy!

3 Spheres by Zortje

Selfillumination2 by Kutsche

Bugatti Veyron Pt XV by rottweiler

Victory by geograpcics

Picnic at the Lake by MadMaximus83

Guitar by Jesar

Reawakening by mOsk

Spiderman 3 by JPRart

The Chronicles of Riddick – VD by loden

Hinted Hills by Hossein Afzali

Fish Man by Fabricio Moraes

Day of the tentacles by Olivier Cannone