Category: Pictograms

The top five

FROM 260 POSTS OVER EIGHT YEARS.


I haven’t posted anything for a very long time. And I could explain why, but it’s beyond boring.
Anyway, this blog (somehow) still gets a good number of views.

This question will probably change the course of human history, but it has to be asked:
Which posts have been viewed the most?

Here are the top five, in reverse order:

5. Fernando Baptista’s process (4,923 views)
Making infographics for print and digital.
https://www.johngrimwade.com/blog/?p=12701

4. Tools of the Trade (5,253 views)
Infographic gear before the computer.
https://www.johngrimwade.com/blog/?p=2524

3. Nigel Holmes on humor (5,413 views)
A warmer approach to infographics.
https://www.johngrimwade.com/blog/?p=1177

2. Icons for everything (7,607 views)
The Noun Project.
https://www.johngrimwade.com/blog/?p=9601

Icons by Georgiana Ionescu.

1. Size comparison (9,092 views)
Side-by-side visualizations.
https://www.johngrimwade.com/blog/?p=4341

Below, Comet 67P compared to Los Angeles. Image: ESA/anosmicovni

Views as of November 18.

Infographic warmth

A NEW BOOK FROM A MASTER OF VISUAL EXPLANATION.


Nigel Holmes is a brilliant designer of infographics, but it’s his inherently human approach that makes his work so effective. It’s as if a friend is guiding us through the information. Indeed, many of Nigel’s graphics contain illustrated people pointing out, or discussing, key details.

Obviously, there are various degrees of warmth and humor that can be applied to visual communication, and where we position the fun dial depends greatly on the type of information and the intended audience, a point that Nigel clearly makes in this book. I know one thing for certain: In a sometimes cold and alienating world of infographics, there’s plenty of room for the Nigel Holmes approach.

Published today. Website that supports the book (and has links to buy it): www.joyfulinfographics.com

Humor post
A previous (and much-viewed) post by Nigel about the use of humor in infographics: https://wp.me/p7LiLW-iZ

From the book
Below, a typical Nigel Holmes graphic: solid information, engaging presentation. For Attaché magazine.

Nine (or ten) chapters
On one level this is an infographic autobiography. We find out why Nigel thinks about graphics the way he does. The influences, the development of his approach. It’s also a seminal book on how to add warmth to our work.
Here’s the list of contents which, by the way, uses numbers inspired by those on British raffle tickets from long ago.

More examples
Nigel calls the people commenting at the bottom of the graphic, “the Greek chorus.”
For Attaché magazine.

A size comparison of eaten birds for Taschen’s “Food and Drink Infographics.”

How the book began
Nigel explains: “Alberto Cairo*, my editor, came up with both the idea for the book and the title. I was initially concerned that my work, and the way I would write about it, might not be a good fit for an academic publisher. But Alberto assured me that I should just go ahead and write it the way I wanted to, and that the publisher wasn’t expecting a textbook. The more I wrote, the less like an academic book it became. I wondered if it was too much like a memoir—even further away from the kind of book that the publishers typically produced. But they said I’d been around long enough in the field to be a little indulgent about my infographic influences and early life.”

Below, an early (1967) illustration for the Observer Magazine.

Steeplechase obstacles for the Radio Times (1972).

Designing for an audience
Matching the approach to the people viewing the explanation is crucial.
This Attaché magazine graphic is intended for casual readers as opposed to car enthusiasts.

Icons, icons, icons
Nigel has made a crazy number of icons during his long career.
Here’s a complete set for the Billion People Project. And how they look in use.

For a recycling feature in Stanford magazine.

Yoga sun salutation. Unpublished.

For Smithfield Farms.

Big metrics
Nigel has often tackled the task of explaining large (and frequently misunderstood) numbers and distances.
This size-of-money explanation was made for a presentation.

How far to the nearest star? From the Radio Times, 1974.

Wait for the hardback
A note from Nigel: “If you’re tempted to buy the hardback version, don’t do that yet; the publisher made a mistake and applied their generic book cover, not the custom yellow one you see on various sites. The problem will be fixed in a few weeks. Meanwhile, the paperback is fine (and costs about a quarter of the hardback price!)”

* Alberto Cairo is the Knight Chair in Visual Journalism at the School of Visual Communication of the University of Miami. He’s the author of three infographic/data visualization books, and he’s working on a fourth.

 

Pictograms revisited

COMMUNICATING WITH SYMBOLS.

This is the final post of my recycling series. Last, but not least. The power of pictograms shouldn’t be under-estimated. They’re an important part of the infographic toolkit.

Symbol world https://wp.me/p7LiLW-1Dt

Hazardous https://wp.me/p7LiLW-1Hs


Icon invasion
https://wp.me/p7LiLW-1so


Everyday symbols
https://wp.me/p7LiLW-Aa


Picture language
https://wp.me/p7LiLW-LX

Emergency symbols https://wp.me/p7LiLW-17w


The Accessible Icon Project
https://wp.me/p7LiLW-1QI


Symbol art
https://wp.me/p7LiLW-1U3


Pictograms on poles
https://wp.me/p7LiLW-5d


Archaeological pictograms
https://wp.me/p7LiLW-V0

Last week’s post: Design revisited
https://wp.me/p7LiLW-30F

Pictogram story

A LEGEND TOLD WITH SYMBOLS.

This experimental book is the work of Warja Honegger-Lavater, a Swiss artist and illustrator, who had a design career that included creating logos and trademarks. In 1962, MoMA published “William Tell” as an accordion-fold book. Warja went on to produce several books that feature classic fairy tales by Hans Christian Andersen, the Brothers Grimm and Charles Perrault.

The Tell legend holds an important place in the folklore surrounding the birth of the Swiss nation. It’s told here entirely with symbols, which are explained in the key on the opening spread. The idea of communicating entirely with pictograms has been tackled by a number of people. Nigel Holmes wrote a series of excellent posts on this blog about attempts to create a language using icons. This is the first one: https://wp.me/p7LiLW-LX

Below is “William Tell” told with symbols. The icons change size based on their importance to that part of the story. (I added a translation of the key.) It‘s a fascinating and creative infographic exercise that is clearly aimed more towards adults. Although for children, the use of a symbol language softens the worrying aspects of this rather dark tale. A counterpoint to this argument: As much as I love pictograms, and the book, I’m left feeling that this ultra-graphic approach is perhaps not the most engaging way to introduce your child to the magic of storytelling.

 

The legend in words
Bailiff Gessler, who was a very nasty piece of work, put his hat on a pole in Altdorf town square, and made the people bow down before it. But William Tell walked straight past, so he was arrested. Knowing that Tell was an expert marksman, Gessler ordered him to shoot an arrow (from 120 paces away) into an apple placed on Tell’s son’s head. Failure, or refusal to do it, would mean death for both Tell and his son. Of course, we all know that Tell shot the apple straight off his son’s head without harm.
However, Tell had taken a second arrow from his quiver, and when Gessler asked him what it was for, Tell replied that if his son had been harmed, he would have used that arrow to kill Gessler. The result of this revelation was that Tell was dragged to a boat in which Gessler was traveling back to his castle at Küssnacht. The general idea was that when they arrived there, Tell would be thrown in the dungeon indefinitely.
On the trip across Lake Lucerne, a strong storm sprung up and a scared Gessler was pressured by his soldiers to release Tell so that he could steer the boat to safety. Tell maneuvered the boat to land, grabbed his bow and quill and jumped out. Then he kicked the boat back out into the lake, and escaped. Tell raced to a lane that led to Gessler’s castle, and killed him with an arrow to the heart as he passed by. The people were free of the tyrant.

Tell Monument
In the market place, Altdorf.

Photograph by Roland Zumbühl

The collector
I’m once again indebted to my friend, Professor Michael Stoll, who owns this signed copy of the book, and suggested the subject. There are several posts from Michael’s wonderful collection of historical information design on this blog. Of course, we can all learn a tremendous amount from the best work of the past.
Start with Michael’s amazing Cadillac: https://wp.me/s7LiLW-cadillac

Then try these:
Wall charts: https://wp.me/p7LiLW-1Sj
Eye model: http://wp.me/p7LiLW-1yx
Flap books: http://wp.me/p7LiLW-IV
Flight thru Instruments: http://wp.me/p7LiLW-Rr
Herbert Bayer’s Geo-Graphic Atlas: http://wp.me/p7LiLW-xO
The Atlas to Alexander von Humboldt’s “Kosmos”: http://wp.me/p7LiLW-jO

Arrowmania

MORE EVERYDAY POINTERS.

Photograph © sergey novikov/123rf

Twin Arrows (below)
These 25-foot-long examples (7.6 meters) can be seen at the site of the Twin Arrows Trading Post on Route 66 in Arizona. The business closed in 1995 after Interstate 40 took away most of the passing traffic. In 2009, the arrows were renovated.

Photograph © giuseppemasci/123rf

Street direction
Frédérik Ruys, a longtime friend of mine, lives on this street in Utrecht (in the Netherlands). The traffic circle contains a large north arrow. Frédérik’s house is easy to identify, and clearly belongs to an infographics person, as it has a big pictogram of a bike on the roof.

By the way, the bike symbol contains the first initial of everyone who lives in the house (Frédérik’s family). An earlier post about an example of his visualization work is here: https://wp.me/p7LiLW-Ru

Home furnishings
Keep your books in position with an arrow going right through them. https://bit.ly/2KpV5W1

I came across this cushion in a store in Columbus (on one of my very rare expeditions away from my desk).

I need this arrow cube. It was designed by Kevin Dresser. https://bit.ly/2DVXIhP

So many variations
Julie Elman (a professor here in VisCom at Ohio University) used a lot of different arrow examples on this cover for Design Journal, the magazine of the Society for News Design.

Venetian arrows
Talking of VisCom, we’ve just been on a trip to Venice. The retro signage kept us heading in the right direction. Sometimes.

Photograph © federicofoto/123rf

Orientation
Multi-directional signs to distant locations are common at tourist places. Why? Not entirely sure what the answer is to that. Anyway, this one is in the Riviera Maya, Mexico.

Photograph © czekma13/123rf

An earlier post about arrows: https://wp.me/s7LiLW-arrows

Crossing the street

VISUAL AIDS FOR PEDESTRIANS (AND DRIVERS).

Icelandic illusion
Ísafjörður, a town in Iceland, has an optical illusion zebra crossing that surely slows down the traffic. It was inspired by a similar idea seen in Delhi, and there are now versions in various countries.

A video of the crossing in action: https://bit.ly/2Kqqq9

Images and video © Gústi Productions.

Warning lights
Belisha beacons are named after Leslie Hore-Belisha, who was the U.K’s Minister of Transport in 1934, when they were introduced. Seen everywhere in the United Kingdom and Ireland (and some other countries), the flashing yellow globes alert drivers to the presence of a pedestrian “zebra” crossing.

Album art
The cover of the Beatles’ “Abbey Road” (1969) is probably the most famous zebra crossing image. The location is very popular with London tourists, and it has Belisha beacons. Of course.

The crossing now.


Photograph by Misterweiss.

Belisha pencils could be useful for road safety note-taking. https://bit.ly/2NE5g9A

American crossings
All these types of markings are used in the U.S.


Image by bdesham.

People pictograms
There are many variants of the walking person pictogram around the world. Some examples are shown below.

This dancing-pictogram installation attracted a lot of attention when it was installed in Lisbon (2014) by car-maker Smart. It dramatically improved safety by drawing attention to the stop symbol, and keeping people interested until the green icon appeared.
Video: https://bit.ly/1sOO7JG

Two hundred

THIS BLOG, SO FAR.

This is my 200th post, so I’m in a reflective mood. For nearly two years, I have held forth, but it’s only one viewpoint.
That’s all. And no more important than anyone else’s.
Typeface by Sawdust: http://www.madebysawdust.co.uk

As this is a milestone of such super-high importance to mankind, it’s time to examine the WordPress data. (As of July 22.)

TOTAL VIEWS: 62,340

TOP TEN BY VIEWS
I’ve left out these two from the list.
Home page: 18,598 (Obviously, this could be divided up amongst all the posts.)
About me: 1,596 (For anyone remotely interested.)

1. Tools of the trade: 3,443  https://wp.me/p7LiLW-EI

2. Size comparison: 2,213  https://wp.me/p7LiLW-181

3. Notebooks: 1,519  https://wp.me/p7LiLW-2i0

4. Sketching infographics: 823  https://wp.me/p7LiLW-14Q

5. The incredible Bollmann map workshop (Part 1): 682  https://wp.me/p7LiLW-Ak

6. Nigel Holmes on humor: 678  https://wp.me/p7LiLW-iZ

7. Archeological pictograms: 626  https://wp.me/p7LiLW-V0

8. Cutaway magic: 611 https://wp.me/p7LiLW-qF

9. Infographics made easy: 601  https://wp.me/p7LiLW-Ic

10. When infographic dinosaurs roamed the Earth: 580  https://wp.me/p7LiLW-h0

VIEWS: TOP FIVE COUNTRIES

USA: 21,292

UK: 4,718

Germany: 4,716

 Russia: 2,973

Spain: 2,631

GOING FORWARD
I’ve posted twice a week up to now, but I’ll only be posting occasionally in the future. Why? Here’s one reason: I took a look at my ideas page last week. I think it says it all.

Seriously, thank you all for following over the last two years. And for sending ideas and encouraging emails. I really appreciate it.

Icons for everything

THE NOUN PROJECT.

This is a pictogram-lover’s dream. A website with over one million icons, ready for use. thenounproject.com
Founded with a Kickstarter campaign in 2010, initially they posted public domain icons.
Below, The Noun Project logo.

Everyone has access to every icon. Free members need to give a credit to the designer, and paid members ($39.99 per year, or $9.99 per month) get unlimited royalty-free licenses. Below, are some example sets, but explore the collections yourself.

Raccoon Emoticons by AomAm.

 

Birds by Georgiana Ionescu.

 

Buildings by Made by Made.

 

People by Vectors Market.

The Noun Project blog: https://thenounproject.com/

Antique/modern

COMPLEX COLLAGES BY LORENZO PETRANTONI.

Using images from nineteenth-century antique books, Lorenzo creates these decidedly up-to-date illustrations, using old-school methods: a photocopier, knife, scissors, and glue.

From City Maps and Stories: https://amzn.to/2lm2ha2

“Timestory” is a collection of Lorenzo’s projects, published by Gestalten. https://amzn.to/2K0NPyX

Lorenzo’s biography.

Website: http://www.lorenzopetrantoni.com

Instagram: https://www.instagram.com/lorenzopetrantoni/

Facebook: https://www.facebook.com/lorenzopetrantoni/