MULTIMEDIA

Graphic Design – Pointing The Way

8/27/2012 12:41:49 AM

Using arrows as graphic devices to give directions isn’t so much an art as a science

Where are you going? I don’t mean in the metaphysical sense – that’s too deep for right now. I mean do you know what direction you’re facing, where you should be heading, that sort of thing? When did you last glance at a sign or a map?

Some people have what’s called a ‘good sense of direction’. This isn’t because of any freakish internal compass, at least not normally. It’s really down to a process of dead reckoning; keeping rough track of direction, turns, distance and so on, generally without all that much conscious effort. It isn’t hard, although it can really catch you out if you’re used to relying on it and something throws you off. But no matter how good you are at this, you’ll still appreciate a decent directional sign every now and then: North. Way Out. Express Lane. Front. Embarkment. Ticket Office. Home. This is all the realm of signage, the stuff that helps us get where we want to be – at least if it’s done right.

Description: If you’re taking a road trip in America, the Three-Way Directional Road Sign does warn you that you’re approaching a three-way junction, but gives you no clue where you’ll end up if you take one of those routes – so which lane should you be in?

If you’re taking a road trip in America, the Three-Way Directional Road Sign does warn you that you’re approaching a three-way junction, but gives you no clue where you’ll end up if you take one of those routes – so which lane should you be in?

As usual, there’s an underlying reason for why I go off on these tangents, and today it’s because of a particular routemarking challenge. The task at hand is signage for a student show in college. It’s a one-day event, a kind of pop-up show that’s being held in a far-flung room a bit of a walk away from the main entrance. Posters have been designed that say what the show is, what the college is and what room it’s in, but that’s not going to help anyone once they’re through the college entrance. Take it from me; half the students would be hard-pushed to find room M401 even if they’ve been there three years! If you’re new to the place, you’ll definitely need help. So what are the options?

Description: The minimalist arrows in this Calvert/ Kinneir road sign leave you in no doubt about where you’re heading

The minimalist arrows in this Calvert/ Kinneir road sign leave you in no doubt about where you’re heading

How about student ‘ambassador’ guides, waiting at the entrance to walk visitors up the main stairs, past the entrance to the Tower block and through the ‘Upper Street’ gallery, across the Well gallery to the Design block, through the Atrium space (itself a gallery of work at the moment), around to the partially hidden lifts in the Media block, and up to the fourth floor? I’m not kidding, that really is the route – and if you haven’t done it before, it’s every bit as maze-like as it sounds. No, although student guides would help, it would be far too labour intensive to be practical. What’s needed is a set of signs to keep people on the right route without full-blown active assistance. Arrows are the norm for this kind of thing, but the question then is what kind of arrow?

Road signage is a good place to turn for codified information symbols, especially ones to do with routes. The arrows used in map-style road signs, the kind that show the route with solid strokes, are as minimal as they come. They’re simply whittleddown pointed ends of the basic road lines themselves, with no flared barbs or other adornment. As an indicator of direction, these do the job well: no clutter and an understated implication of continued direction rather than being a more overt pointer. Other arrows that point towards places without showing the road itself have proper arrowheads, and chevronsare arrowheads without the main shaft at all. So, if I was looking for a ready-made solution I’d be no closer to the answer.

Description: With the sign for a roundabout, a literal take on the design (left) focuses on the roundabout itself, while the Calvert/Kinneir UK graphic system (right) concentrates on the process of driving around the roundabout, which is actually what the sign is about

With the sign for a roundabout, a literal take on the design (left) focuses on the roundabout itself, while the Calvert/Kinneir UK graphic system (right) concentrates on the process of driving around the roundabout, which is actually what the sign is about

Road signs can be pretty damn confusing, although the UK’s system, designed by Jock Kinneir and Margaret Calvert between 1957 and 1961, is largely a model of clarity. (Calvert considers the current developments of the designs to be increasingly ‘sloppy’, but it remains clear and effective.) For a great example of a sign that’s likely to confuse, look no further than the American Three-Way Directional Road Sign (inset), a text-free diamond that has branching arrows pointing left, straight ahead and right. So, which do you take? Erm…

However, this is a classic example of me getting too bogged down in the details. The need is for simple direction indicators to keep people going in the right direction. The students already have their posters, so teaming those with a selection of arrows showing the way to go is the simplest solution. Nobody wants to have to work through a prose description of a route.

The main staircase is the first challenge. From the entrance visitors can either walk straight past or up the steps. The signs can’t be right by this, so a general angled arrow could mean either route. Fortunately, a fun bit of visual logic led to an answer: an arrow with a few right-angled steps in the shaft is a simple and effective solution to showing which route to take. Well, at this point it looks like it will be effective, but we’ll see.

Signposting the route through the Upper Street gallery at the top of the stairs is a particularly difficult one. The problem is having no available surface for a poster, let alone an additional arrow. That’s going to take some serious thought. If it was allowed, I’d be tempted to suggest creating a distorted arrow on the floor, in the style of the elongated arrows seen painted on roads all over the country. This kind of anamorphic projection produces roughly correct-looking results when seen from a driver’s perspective, but when looked at in the flat, they look pretty strange. The precise distortion used for these is painstakingly worked out, as shown by the engineering-style documents at bit.ly/trafficsigndrawings, the official Department for Transport’s ‘traffic sign working drawings’ collection.

Description: This exhibition (right) was located in a room in the depths of the college, making it a challenge to create directions for visitors. This arrow (left) indicates that you have to go up the stairs

This exhibition (right) was located in a room in the depths of the college, making it a challenge to create directions for visitors. This arrow (left) indicates that you have to go up the stairs

Like I said, I’d be sorely tempted to try something like this, but not without lots of planning and official permission.

Description: Road markings such as traffic lane arrows are distorted so they’re seen correctly from a driver’s perspective; the precise distortion used is detailed in the Department of Transport’s ‘traffic sign workng drawings’ collection

Road markings such as traffic lane arrows are distorted so they’re seen correctly from a driver’s perspective; the precise distortion used is detailed in the Department of Transport’s ‘traffic sign workng drawings’ collection

Other  
  •  Adobe InDesign CS5 : Object Layer Options, Object-Level Display Settings
  •  Adobe InDesign CS5 : Working with the Links Panel
  •  Corel Painter X : The Great Outdoors - Spring Flowers
  •  Corel Painter X : The Great Outdoors - Landscape
  •  Application Patterns and Tips : Deploy Applications Using ClickOnce
  •  Application Patterns and Tips : Localize a WPF Application
  •  20 Top Tips Sunrise & Sunset (Part 2)
  •  20 Top Tips Sunrise & Sunset (Part 1)
  •  70 Ways To Take Better Photos (Part 7) - Process your shots
  •  70 Ways To Take Better Photos (Part 6) - Wildlife, How to achieve excellent wildlife images
  •  70 Ways To Take Better Photos (Part 5) - Check you’re covered
  •  70 Ways To Take Better Photos (Part 4) - Monochrome, Adjust colour channels
  •  70 Ways To Take Better Photos (Part 3) - Portraits, Adjust light intensity
  •  70 Ways To Take Better Photos (Part 2) - Improve your vista shots
  •  70 Ways To Take Better Photos (Part 1)
  •  Go Outside And Play
  •  MEElectronics Air-Fi AF32
  •  Lenco iPT-223
  •  Adobe Photoshop CS5 : Working with Automate Commands - Creating a PDF Document
  •  Adobe Photoshop CS5 : Working with Automate Commands - Converting a Multi-Page PDF to PSD
  •  
    Top 10
    Nikon 1 J2 With Stylish Design And Dependable Image And Video Quality
    Canon Powershot D20 - Super-Durable Waterproof Camera
    Fujifilm Finepix F800EXR – Another Excellent EXR
    Sony NEX-6 – The Best Compact Camera
    Teufel Cubycon 2 – An Excellent All-In-One For Films
    Dell S2740L - A Beautifully Crafted 27-inch IPS Monitor
    Philips 55PFL6007T With Fantastic Picture Quality
    Philips Gioco 278G4 – An Excellent 27-inch Screen
    Sony VPL-HW50ES – Sony’s Best Home Cinema Projector
    Windows Vista : Installing and Running Applications - Launching Applications
    Most View
    Bamboo Splash - Powerful Specs And Friendly Interface
    Powered By Windows (Part 2) - Toshiba Satellite U840 Series, Philips E248C3 MODA Lightframe Monitor & HP Envy Spectre 14
    MSI X79A-GD65 8D - Power without the Cost
    Canon EOS M With Wonderful Touchscreen Interface (Part 1)
    Windows Server 2003 : Building an Active Directory Structure (part 1) - The First Domain
    Personalize Your iPhone Case
    Speed ​​up browsing with a faster DNS
    Using and Configuring Public Folder Sharing
    Extending the Real-Time Communications Functionality of Exchange Server 2007 : Installing OCS 2007 (part 1)
    Google, privacy & you (Part 1)
    iPhone Application Development : Making Multivalue Choices with Pickers - Understanding Pickers
    Microsoft Surface With Windows RT - Truly A Unique Tablet
    Network Configuration & Troubleshooting (Part 1)
    Panasonic Lumix GH3 – The Fastest Touchscreen-Camera (Part 2)
    Programming Microsoft SQL Server 2005 : FOR XML Commands (part 3) - OPENXML Enhancements in SQL Server 2005
    Exchange Server 2010 : Track Exchange Performance (part 2) - Test the Performance Limitations in a Lab
    Extra Network Hardware Round-Up (Part 2) - NAS Drives, Media Center Extenders & Games Consoles
    Windows Server 2003 : Planning a Host Name Resolution Strategy - Understanding Name Resolution Requirements
    Google’s Data Liberation Front (Part 2)
    Datacolor SpyderLensCal (Part 1)