Symbol Signs

In this free collection I have added common used symbol signs for public services such as Toilets, Telephone, First Aid, Elevator, Information, Restaurant, Coffee Shop, Smoking, Baby, Recycle Icon, Shower, Reception desk, Arrows collection and much, much more.

The symbol signs can be used for signage & wayfinding projects. The complete symbol collection is optimized for reproduction methods such as engraving, laser engraving/cutting, screen printing and self adhesive film to manufacture the signs you need.

Toilet symbol signs

The symbol signs have been designed for good readability and functionality, when installing the typeface into your computer the typeface symbol signs is added to your system, I have set the icons to match the most common letters for the symbols, for example F = female, M = male, d = disabled, L = arrow left, R = arrow right, U = arrow up, D = arrow down, and so on. This allows you to quickly add the symbol sign you need.

Example symbol signs with text in grid design

This is a sample grid design using Museo Sans 500 by Jos Buivenga and the symbol signs collection, both work really well for signage purposes. Next articles will include a free complete design template for hotel signage and wayfinding, examples of signs and articles on how to create signs using a grid based design and Indesign. If you want to recieve these articles please subscribe to the free RSS feed.

Detailed information, terms of use

• Collection of 50 common used symbol signs
• Professional designed by Sander Baumann, copyright 2009
• For personal and/or commercial signage & wayfinding design
• Released under Creative Commons Attribution 3.0
• Free available as OpenType font
• You expressly agree that any use of the symbol signs collections is entirely at your own risk

Download Symbol Signs Collection

Download Symbol Signs as OpenType

A manual for students, teachers, professionals, and clients.

This is exactly what this book is about, easy readable and recognizable for everybody to read and learn wayfinding design. I have read this book with great pleasure and using it as a reference manual in my daily activities.

Information Design for Public Places

In the first chapter the book describes the history of wayfinding and the spectrum of projects, which you will learn about the different areas wayfinding designers work in. There are several great examples of wayfinding projects shown and Gibson takes it deeper into the structure of projects and where the wayfinding designers fits in. Every chapter features a page written by people from the industry, making this book great fun to read and you will get different perspectives on the topics.

Design Process

As wayfinding designer there are many different kind of signs needed in a project, from small toilet signs to large boxed letters on the roof of the building. To enhance the wayfinding system all signs need to interact which each other in order to let them work together effectively. The book describes many different type of signs and explains about strategic planning and information graphic design. With several examples on how to document a wayfinding system this part really stands out in the book.

Wayfinding design

In the section wayfinding design, Gibson talks about typography, layout, symbols, color, materials and media. This section is a great learning experience to create signage & wayfinding design. With an very interesting page from Jonathan Hoefler on type design, legibility, purpose and wayfinding design these chapters will make you want to create wayfinding design!

Practical tips

The last section of the book takes you into how wayfinding projects are initiated and what the requirements should be in order to select a wayfinding designer. I especially enjoyed the part about documentation and fabrication, one of the most essential parts of creating a good manual for a wayfinding project.

Conclusion

Personally I enjoyed reading this book very much, it is easy to read, recognizable, short stories but with an edge to keep it clean and simple. Each chapter starts with a small introduction and a line about Learn About, where you quickly see what to expect from this section in the book. As said above the different insights from other people in the industry makes this book a great reference guide into wayfinding design. What I love about this book that it is written for everybody. If you are into environmental graphic design, signage/wayfinding than this is the book for you!

The Wayfinding Handbook is a complete guide to the discipline, from planning and design to practical considerations, such as setting up teams and managing projects.

Availability

• TwoTwelve started a minisite about the book The Wayfinding Handbook
• Get the book The Wayfinding Book at Amazon
• Interesting interview with David Gibson about wayfinding and the book at BusinessWeek.
• Special page at Facebook.
• Website of TwoTwelve.

Details of The Wayfinding Book
Price $24.95
ISBN 9781568987699
7 x 8.5 inches (17.8 x 21.6 cm), Paperback, 152 pages
265 color illustrations; 5 b/w illustrations
In print (publication date 3/1/2009)
A Princeton Architectural Press publication

Below you will find various photos taken with clear usage of the new typeface. I very much like how this typeface works, it has a very sleek and modern look. Especially the thin font variant works really well. It attracted my attention immediately.

The main reason the typeface is very eligible because of its square glyphs, almost every single glyphs has the same dimensions, which makes it really readable from a distance.

From a online PDF file I have learned that this custom typeface has three font variants and are named:

• Citroen
• Citroen-Bold
• Citroen-Light

From the press release:

Graphic principles for visibility and consistency
CITROËN is introducing new graphic designs, a single typography and a unique tone of voice to boost the visibility and consistency of the brand. The new brand will universally reflect the Marque’s new status. The key colours are white, denoting openness and elegance, and red, to express vitality, together with black, grey and chrome, for status and power.

I have not seen many examples using the lowercase font variant of this custom typeface, so I searched internet and found this new folder using the typeface in uppercase and lowercase.

• This PDF folder of Citroën comparison guide will show you the usage of this new typeface.

Typeface Citroen: Uppercase

Typeface Citroen: Uppercase & lowercase

In my opinion the uppercase only text is much stronger than the lowercase variant, but it has a strong distinctive look which seems to be bases on a combination between Futura & Gill Sans. If any one knows who designed the custom typeface please let me know.

Citroën Logo

Since its introduction there has been many discussions about the logo, personally I prefer the new logo above the old one because of its transparency look & feel.

Citroën’s new logo will help reignite interest in the iconic brand.

• Visit Brand New at Underconsideration for a full review and comments on the new Citroën logo.

Showroom Citroën Amsterdam

Design sketch new style

As you can see there shall be many changes in design for the showrooms on the outside, at the additional information you can find more sketches of the interior of the new showrooms.

Additional information

• Visit the design company Landor for more information about their rebrand for Citroën, here you will find the PDF case.
• Wikipedia page about Citroën and its history.
• Review about the rebrand by Identityworks.
• Full review, press release and many artist impression photos at WorldCarFans.
• The official website of Citroën, the history website and additional information about Citroën.

Tell me what you think…

What do you think of the new typeface used for Citroën?
Do you think this new design look have a positive impact on the sales?

Please share your thoughts, thank you in advance!

Launch of Gekko

Gekko gives you personalised hotel recommendations you can trust based on your unique profile and the preferences of like-minded people in the community. Gekko is not a design inspiration resource, but looks great.

• Launched by a close friend of mine, please support and visit Gekko.

Launch of Flash Tuts

It’s all about quality tutorials for Adobe Flash. Whether you want to learn how to create awesome Flash animations and interfaces, bone up on your Actionscript to create games and apps, or just get started developing with Flash, we’ve got you covered!

• Visit Flash Tuts for your favourite Flash tutorials.

Launch of Logofi

Logofi, a inspiration gallery that acts like a leaderboard of the best logos. The best get on the website and the best of the best get logofi’s or voted up!

• Visit this website about logos Logofi.

Launch of Blogfullbliss

Blogfullbliss is designed and maintained by Adrian Balkwill. Blogfullbliss serves as his public blog where I post my random crazy thoughts, ideas, tutorials and more.

• Visit Blogfullbliss for more information.

Launch of Line25

Line25 is the drawing board of creative web design, a place where ideas and inspirations are drafted out and presented to web creatives through articles, tutorials and roundups of cutting edge website design. Line25 is created and maintained by Chris Spooner.

• Visit Line25 here.

Launch of Design Newz

Design-Newz is a site that features articles, resources and tutorials written by designers and developers just like you! The folks at Spyre Studios built and currently manage this site Design Newz!

• Visit Design Newz today for your fresh daily hand picked design news items.

Layer Tennis

Coudal Partners presents Layer Tennis, a design competition played live on internet.

Two competitors will swap a file back and forth in real-time, adding to and embellishing the work. Each artist gets fifteen minutes to complete a “volley” and then we post it to the site live. A third participant, a writer, provides play-by-play commentary on the action, as it happens. A match lasts for ten volleys and when it’s complete, Season Ticket Holders tell us what they think and we’ll declare a winner, so sign up today.

Sign up for Layertennis and follow the design matches on live.

Typeface Anatomy

FontShop released a great resource guide into typeface anatomy. Find out all the terms used for a typeface, recommended readings.

• Visit this extensive glossary about typeface anatomy.

WellMedicated

WellMedicated originally started out as a place by Andrew Lindstrom to vent, rant and moan ad nauseum on the topic of web design, a place to share inspirational findings with other creative individuals.

• Visit the blog WellMedicated.

Robothon09 Conference

Organized by Erik van Blokland and Paul van der Laan Robothon is a type conference in The Netherlands,

• See all links and information about Robothon09 at  FontFeed.

Relaunch of Eightyone Design

After months of developing the crew at Eightyone Design released the redesign for their own website, based on fast loading, design, usability and more. Congrats guys great job!

• Visit Eightyone Design or see the detailed information about the redesign here.

Thinking for a Living

Duane King (BBDK, Inc.) offers you a collection of recommended readings and online links that he has gathered over the years from various reliable sources. Thinking for a Living™ was created for those who believe that while design is a profession, it’s above all a passion.

• Visit Thinking for a Living.

White Space: How to Get it ‘Right’

A great article by Mark Boulton taken from his PDF book Five Simple Steps: A Practical Guide to Designing for the Web. This article learns you how to add white space in order to get an effective design.

Space is important in layout. Space can be created by content – such as text, images, lists, logos etc. – or it can be created by the space in—between content, called negative space, or whitespace.

• Visit the article at ThinkVitamin.

Cut&Paste Amsterdam

On the 2nd of April Amsterdam will host the Cut&Past event, an inspiring gathering of design professionals who will compete in a contest about design and creativity. The show is accompanied by a DJ and all will take place at the wonderful Paradiso. The show will also be on livestream, check the website for more information.

Cut&Paste’s mission is to provide channels of visibility and inspiration for designers, both aspiring and established, to reach their existing audience as well as potential fans.

Visit Cut&Paste for the Amsterdam details and check CreativeAmsterdam, via Dutch design blog Fontanel.

@DesignWorkPlan

Finally I turned myself into the Twitter Sphere!

• Visit @DesignWorkPlan at Twitter.

Enjoy reading

Thank you for reading DesignWorkPlan, if you enjoy this content please subscribe to the free RSS feed to get the fresh articles in your favourite news reader.

The typeface became free with the release of Windows 3.1, which was a sales hit and Arial quickly gained spread around the globe. The main reason why Microsoft chose Arial as standard typeface is because of the licence fee from the original Helvectia typeface by the Haas Foundry was too high. Missed change to educate the world about the wonderful Grostek family.

Arial vs Helvetica

There are several glyps of the typefaces similar and some of them are different. Due the similiarity Arial is often (unfortunally) mistaken for Helvetica, the differences between these two typefaces is explained in an article on iLT, both typefaces are shown next to each other making it easier to recognize.

• Visit Arial vs Helvetica on iLoveTypography

Today Arial belongs to Linotype as Monotype Original:

Arial is an extremely versatile family of typefaces which can be used with equal success for text setting in reports, presentations, magazines etc, and for display use in newspapers, advertising and promotions.

Without further due:

Arial is everywhere!

Passing by an advertisement by a Dutch website about flight tickets, noticed the Arial Black at the top, when visiting the website also all other text is designed using Arial.

Advertisement sign

Driving on the highway when I spotted the Arial here in this advertisement, it seems to be an German clothing company using Arial for their logo, the payoff of Gerry Weber seems to be in a Futura.

Thai cuisine

Love the Thai cuisine and went to this small restaurant in Amsterdam, the window signs and menu is done using the type Arial Black.

Highway truck

Another highway shot taking while driving… Here is a clear usage of Arial Black italic for the logo and text.

Mirabeau*

A large Dutch internet company is using Arial for the illuminated signs, at first I was mislead, Mirabeau* using Arial? I only really recognized it by the letter “R”, visiting the website it seems they have changed the typeface of the logo.

Clearing out the garage

Throwing away old stuff… And found a small travel raincoat. Used typeface Arial Black.

Swarzkopf

Say again… Swarzkopf is using Arial? My wife bought something to color hair and while brushing my teeth I couldn’t believe my eyes. Quickly went to the store and yes… Swarzkopf is using Arial!

Tommy Hillfiger

Yet another large company is using Arial, this time I found a print on my wifes shoebox all lettering is using the typeface Arial.

Kaldi Koffie

This is actually one of the few brand where they consistently use Arial for all their visual communications. This Dutch Coffee shop uses Arial for their logo, text and shopping branding.

Vehicle signage

Waiting for the light to turn green, just had enough time to take this photo. This van has some lettering done using typeface Arial.

Hotel signs

Went skiing about two weeks ago and never have I seen that much usage of Arial. Here the hotel used Arial for the name of the hotel and the text.

Getting up the mountains

Most of the ski lift in this area (Ischl, Austria) uses Arial as typeface for the name of the ski lift.

Sun terras

Unfortunately we didn’t have a sunny weather, but when there is you can visit the sun terras. On the doors is placed with etch foil the text “Sonnenterrasse” in German language.

Ski rental

This shop used Arial for all the visual communication, not to mention that in this small village there where three of these shops… Arial is everywhere!

DigiD

Getting back and filling out some forms for the government, in Holland there are ways to fill out forms using a digital signature, called DigiD. I noticed the usage of Arial at the top of this letter. Hopefully this will change towards to new brand identity of the Dutch government.

UPS

The packages send using UPS are using Arial on their sticker, all information is printed using Arial.

For sale sign

Due the credit crisis many houses are for sale in Amsterdam, the broker puts op V-shape signs with the information “For Sale”, this broker also uses Arial Black for their name.

Design shop

Everyday I drive pass by this furniture shop in Amsterdam, the sell luxury design furniture, but all the typeface use is Arial Black.

Plummer company

This is a large plumming company is Amsterdam, they use Arial Black for their logo and other forms of visual communication.

Bike bag

Walking down the streets and spotted this printed bike bag which they use to distribute flyers, typeface used Arial.

Licence plate holder

Spotted this one many, many, many times. A licence plate holder for Dutch cars, most of them use Arial to display the name of the garage.

Vehicle signs

This plummer company uses Arial for their logo and text, designed with icons.

Local coffee bar

This local cafe uses Arial Black for their logo on the window, also the openinghours and other text is displayed in Arial.

Availability of typface Arial

From Identifont:
Designers: Robin Nicholas and Patricia Saunders
Year: 1990-92
Copyright: Monotype Classic Fonts
Publisher: Monotype
A TrueType version of this font is provided free with Microsoft Office (Macintosh).

More information at Linotype.

Wikipedia

Arial is also a typeface family comprising standard Arial (Arial Std) and variants, including Arial Black, Bold, Extra Bold, Condensed, Italic, Light, Medium, Monospaced, Narrow, and Rounded. See here for more information at wikipedia.

So tell me…

This typeface is everywhere! Please share and tell me did you have your Arial today?

I can only guess about the reason why architects make so little use of typhographical elements on their buildings. The main reason will be that the building design doesn’t need it. Most buildings can make their function clear without the use of signage on the façade. As you will find on the buildings listed below, architects used the signage to show the name of the building to the world; there is no building to be found with its function printed on it. The function is supposed to be clear.

A famous architect once stated: ‘form follows function’. That’s why you know what the particular function of a building is. Architects follow their mantra.

Café de Unie (The Union), Rotterdam, The Netherlands

One of the first uses of typographic lettering in architecture is the façade of the café ‘De Unie’. This building was completed in 1925, and has the looks of a Mondriaan painting. From the outside the building looks very much like the front cover of the design magazine ‘De Stijl’ (The Style). This similarity is no coincidence; the architect was a member of the Style movement. Members from various disciplines, like architects, graphic designers and interior designers had a strong influence on each other.

You can find this building near Rotterdam central station. It was destroyed during the second world war and has been rebuild in 1985, 500 meters from its original place.

Bauhaus, Dessau, Germany

At art school, everyone learns about Walter Gropius and his Bauhaus movement. The Bauhaus has been very influential in architecture and other disciplines of art. This modernist building was build in 1926 and has a beautiful lettering on its front façade.

Seattle Art Museum, U.S.A.

In 1991, Pritzker Prize winner Robert Venturi designed the Seattle art museum. To make sure no other use will ever be made of the building, ‘Seattle Art Museum’ has been carved into the front façade.

Minnaert building, Utrecht University, The Netherlands

The Minnaert building on the campus of Utrecht University has been named after the Belgian astronomer Marcel Minnaert. The architectural firm Neutelings Rietdijk has made very original use of huge letters to give the building its name. The columns that carry the upper levels are integrated within the letters.

Library of Alexandria, Egypt

Snøhetta is a Norwegian architectural firm with a very beautiful website. The buildings they design are fine too. Take for example the library in Alexandria, a huge cylinder covered with concrete plating. On those plates you can see all kinds of typographical elements in non western languages, mostly hieroglyphs.

Terror Háza múzeum / House of Terror museum

House of Terror is a museum located at Andrássy út 60 in Budapest, Hungary. Designed by architects János Sándor and Kálmán Újszászy.

The reconstruction turned the exterior of the building into somewhat of a monument; the black exterior structure (consisting of the decorative entablature, the blade walls, and the granite sidewalk) provides a frame for the museum, making it stand out in sharp contrast to the other buildings on Andrássy Avenue. Wikipedia.

City Museum Melbourne, Australia

Designed by Garry Emery, Mark Janetzki and Ben Kluger for the City Museum Melbourne. This large folded monumental sign draws the attention to the museum and gives direction to the entrance.

Eureka Tower Carpark

Also designed by the Emery Studio Melbourne, big painted letters on the walls and floor, looking directly the letters are distored but standing in a right position the letters can be read perfectly. Fabulously done artwork by Axel Peemoeller.

LAX

One of the large LAX signs that greet visitors to Los Angeles International Airport. This sign is at the Century Boulevard entrance to the airport.

Art school made me do this

A fun project by Rutger de vries (Perongeluk) who used this old building to express his design ideas. It was doomed to demolition, the former nursing home in Utrecht (The Netherlands). After the elderly residents had been relocated, it had served as a student residence for another six years, but now it stood empty. Rutger de Vries says:  “My work is transitory in nature; in fact I prefer to present it in places that have almost ceased to exist, where it can contrast with the setting”.

You.

Can you name a building where the designer made good use of typographic elements? Let me know by adding a comment!

This is a guest post by Frank van Leersum, a Dutch student architecture who likes to write about architecture and books. Visit his Dutch weblog Aureon or follow him on twitter.

fd2s Blog

A discussion of the latest trends and best practices in wayfinding and environmental graphic design for large, complex environments.

At fds2 the company mainly operates in the field of wayfinding and signage design for hospitals, they have recently added a blog to their website with interesting topics, recommended readings.

• Company location: Texas, United States. Visit fd2s Blog.

Büro North

Büro North is an emerging studio dedicated to fusing creativity & pragmatics to generate visionary design. At the blog they discuss work and ideas from the company.

• Company location: Melbourne, Australia. Visit Büro North Blog.

Branch Design

The blog of Branch Design is about interpretation and wayfinding design, they showcase their work through the blog. Interesting read.

• Company location: New Zealand. Visit the Branch design blog.

Digital signage blog

We are a group of technology enthusiasts who are passionate with the uses of gadgets and nifty pieces of equipment. When digital signage came into our picture, we got excited and decided to take it for a ride. In fact, with the tremendous popular rise of digital signage and its applications everyday, it has now become part of our profession.

Frequently updated blog with topics about digital signage.

• Location: Australia, visit Digital Signage Blog.

Beaver Group Blog

Beaver Group is an organisation whose focus is the delivery of digital signage and design solutions.

The blog is filled with information about digital signage, unfortunally you cannot comment on the posts.

• Location: United Kingdom, visit the Beaver Group Blog.

Digital Signage Blog

DigitalSignage.com seeks to represent the voice of a growing industry by uniting associations, businesses, and individuals in a unique and timely way. Whether information is distributed on out-of-home signage or online, content is king.

Recently started blog about digital signage, the posts are frequently updated. The website also hosts a complete topic supplier list of companies offering signage and wayfinding products for the United States.

• Location: US, visit the blog Digital Signage.

Sixteen Nine

Yet another blog about digital signage and wayfinding, written by Dave Haynes. He frequently updates his blog with interesting and freshing topics.

• Visit the digital signage website Sixteen Nine.

Rise Display Network

Rise Display Network is the industry’s leading web delivered digital signage software solution that brings live data, custom messages and content to thousands of displays.

At the blog of Rise Display Network posts are about digital signage and software.

• Visit the blog Rise Display Network.

All Signs Group

A blog about our projects, the products we make and the people who make them.

The blog is a showcase of the work of All Signs Group.

• Location: United Kingdom, visit the blog of All Signs Group.

GRS Signs company

GRS Sign Company Ltd is on the cutting-edge of sign-making, specialising in design, manufacture, supply and installation.

The blog of GRS Signs is a showcase of the signage & wayfinding work they have produced.

• Location: United Kingdom, visit the blog GRS Signs.

Architectural Signage Blog

Daniel Tillman is an architectural signage and wayfinding consultant specializing in interior, exterior and digital signage. My aim is to help employees and visitors move through a space with ease and confidence while promoting the brand identity and design of the facility

This blog hosts a compilation of interesting resources and examples of signage & wayfinding.

• Visit the blog of Daniel Tillman.

Best Signs

Best Sign Systems is a US manufacturer of proven architectural signage products that have been consistently specified by architects for more than 40 years.

At the blog of Best Signs they showcase work and updates in their inventory.

• Visit the blog of Best Signs.

Please share

If you came accross a signage or wayfinding blog that is not listed in this article, please share in the comments below. Thank you!

FF DIN

I just love FF DIN, a very useful typeface by (Dutchman) Albert-Jan Pool. A remake of the earlier DIN 1451, For years Engschrift and Mittelschrift which was used in our engraving industry. Nowadays FF DIN is found in signage & wayfinding projects around the world. Visit the minisite FF DIN.

The Wayfinding book

I just ordered the wayfinding book by David Gibson, a complete guide into information design for public places. When I receive my copy I will review the book here.
See here for the full introduction of The Wayfinding Book.

Logo Designer Blog

Busy man Jacob Cass released another blog, Logo Designer Blog, a blog about logo design, inspiration, tips & resources. With many contributors in this field of experise I believe this will be another great logo design website. Btw ordered the dot-grid-book, read here for more information. Visit Logo Designer Blog.

Design Dosage

Design Dosage is a design inspiration gallery that features one quality post per day. Each day of the week has a set assigned category. - Icon Monday, - Typography Tuesdaym - Wallpaper Wednesday, - Illustration Thursday, - Logo Friday, - CSS Saturday, - Print Sunday. See for more daily inspiration Design Dosage.

New Veer Marketplace

Low-priced images for the Veer community, produced by the Veer community. With over 100,000 images Veer is to release a new this marketplace with photos starting at $1,- Visit the marketplace from Veer here for more information.

Georgia on my mind

Mathew Carter’s graceful serif typeface Georgia is re-discovered by Web Designers. Featured at inspirationbit are 32 web sites that rely heavily on Georgia to display their content.

Visit this great showcase of usage Georgia websites at inspirationbit.

Type Chart

Typechart lets you flip through, preview and compare web typography while retrieving the CSS.

Finally a great website about the difference between Windows (Clear) Type & Mac Type. Seeing the samples I cannot believe I have been stuck with Windows for so many years. All examples can be used in your own CSS Style Sheet. Check the website TypeChart for more information, via iLovetypography.

Icon Dock

IconDock is brought to you by N.Design Studio. They know your time is valuable, that is why they offer stock icons in vector and pixel format that you can quickly snap in your projects to speed up the development.

Visit IconDock or visit the blog for more information.

Underconsideration now @twitter

The design firm Underconsideration is now also on twitter, follow the moves by Bryony Gomez-Palacio and Armin Vit.
See the announcement here and follow at twitter.

20 Corporate Brand Logo Evolution

Have you ever wonder how the first Apple logo looks in 30 years back? Did you know Volkswagen was Hitler’s idea? Or how the IBM logo changes over the time? Or where the Mercedes-Benz Brand And The Three-Pointed Star logo came from? Check this post at Instantshift.

Minimal design websites showcase

A website dedicated to minimal designs, although this website if fairly new already several great minimal designs have been added. Submitted DesignWorkPlan recently.
Check the minimal design showcase.

Wireframes

This is the opening of Wireframes Magazine, in which I invite you to take part. The essence behind this experiment is the simple idea that we as information architects, interaction designers, and user experience professionals all create design documentation in one form or another which makes up a large part of our typical work day.
Visit Wireframes.

Creative Fluff

Creative Fluff is an eclectic group of young designers, artists, writers, and critics. It is not only our goal, but our pleasure to bring you the latest, oldest, and most interesting news from all realms of creative art and design

PDF Book: Designing for the web

A Practical Guide to Designing for the Web aims to teach you techniques for designing your website using the principles of graphic design by Mark Boulton. This is a great PDF booklet and will teach everything from start to finish, filled with many tips and insights from Mark Boulton. See more at the website Five Simple Steps, read here for a full review.

The Crisis of Credit Visualized

The goal of giving form to a complex situation like the credit crisis is to quickly supply the essence of the situation to those unfamiliar and uninitiated. Created by Jonathan Jarvis, Los Angeles based designer.
To see the video see the website crisisofcredit, via fontfeed.

Examples of presenting work/projects

YouTheDesigner published a great article with examples on how to present your work/projects. It will give you an insight on how to shoot a photo and make your work attractive for a portfolio. Visit the article here.

Dutch Corporate Identity Price 2009

Dutch foundation Grafische Cultuurstichting is organizing a national contest for best corporate identity. Until the first of March you can send in materials. See here for the full details (Dutch only), via FontShop.

AIGA: Air Force One Graphic History

What is the story behind the graphic design of Air Force One? Patton investigates the visual identity of the “flying White House.” Featured on AIGA.

Good Design in ten commandments.

As good design cannot be measured in a finite way he set about expressing the ten most important criteria for what he considered was good design.

Visit the good design in ten commandments here, via designnotes.

Enjoy reading!

Thank you for your visit at Designworkplan.com, enjoy reading the above recommendations. If you have anything to share please type a comment or let me know via contact.

Up next the first DesignWorkPlan guest article by Frank van Leersum about signage and architecture, please subscribe by RSS if you like the content. Thank you.

Contrast between the foreground and background is one of the most important factors for the ease of reading. If coloured text is used on a bright background the contrast will be weak, for optimal contrast results is white text against dark colored backgrounds. In signage & wayfinding design color is the combining factor to harmonize the sign with the environment. Color programs will distinguish signs from each other and can offer an indication of the message without having to be able to understand the language of the sign.

Basics of color groups: Color wheel

Swiss painter and designer Johannes Itten created a color wheel that is a organization of 12 color hues around in a circle showing relationships between the colors. The colors are presented in the following way:

• Primary colors: Blue, red & yellow
• Secondary colors: Green, orange & violet
• Complementary colors: Red–orange, red–violet, yellow–orange, yellow–green, blue–violet & blue–green.

Most color wheels are based on Goethe’s Theory of Colours, the first systematic study of the physiological effects of color (1810). His observations on the effect of opposed colors led him to a symmetric arrangement of his color wheel, “for the colours diametrically opposed to each other… are those which reciprocally evoke each other in the eye.” (via wikipedia)

The color wheel can be a basis for the color scheme for the design you are about to create. Using the wheel you can easily find the combinations between the colors and see what works best. See the opposite colors and combine the colors into a signage color scheme.

Meaning of color

• Black is not actually a color but is often used as background surface in sign design, black can offer a attraction in a visual crowed environment. Meaning of black: Black is associated with power, elegance, formality, death, evil, and mystery.
• White as background surface has the ability to absorb dark lettering into its surroundings, in order to make white work good in sign design use a matted surface with glossy lettering. Meaning of white: White is associated with light, goodness, innocence, purity, and virginity. It is considered to be the color of perfection.
• Red is a signal color, as background red is mostly used for warning signs. Meaning of red: Red is the color of fire and blood, so it is associated with energy, war, danger, strength, power, determination as well as passion, desire, and love.
• Yellow in sign design is used as background, yellow has a function of sending out a message and works good in a spacial environment, it stands out. Meaning of yellow: Yellow is the color of sunshine. It’s associated with joy, happiness, intellect, and energy.
• Blue is one of mankind favourite color, but for design blue will not always have the best results, try using various hues of blue to find the best matching results. Meaning of blue: Blue is the color of the sky and sea. It is often associated with depth and stability. It symbolizes trust, loyalty, wisdom, confidence, intelligence, faith, truth, and heaven.
• Resource the meaning of color further on this page.

Black background

In sign & wayfinding design contrast will let you read the signs at ease. Below you will find various examples of good and bad contrast in order to make the design work.

With a black background the lettering tends to stand out more onto to background than with other colored backgrounds. Black is one of the few surfaces that lets other colored text work great together. Beware of too small lettering with too high contrast (white lettering), these will lead to less legibility of the text because of overwhelming background. With large lettering white on black works great. Also yellow on black is a good combination.

Advisable work areas: Airport signage, office building signs, visual overwhelming environments, hotel signage, indoor usage.

White background

White background surface gives the most workable combinations, but beware of that white can absorb its environment. Black lettering tends to be squeezed into the background making it hard to read. Lower contrast lettering gives better results like blue, orange and red.

White backgrounds can be used specific sign projects where design plays a bigger part than the actual wayfinding. For instance using silver lettering on a white background can give fabulous results, due the shadow of the silver lettering the text becomes readable on the white surface.

Advisable work areas: Museum signage, office building signs, pylon signage, retail signage, hospital signage, indoor & outdoor usage.

Yellow background

Yellow background works best in visual crowded environments, for architectural and psychological factors yellow is often used. Yellow with black lettering sends out a clear information message which is needed in such an environment. Using yellow also makes in easy to use orange, red and green which all work great together in a signage system.

Yellow is a much used background color for airport signage, originally started by Paul Mijksenaar for Schiphol Airport signage, nowadays yellow is seen in many airports around the world. Yellow in combination with black lettering gives ease to read and at the same time a clear information message in its surroundings.

Also for traffic signs yellow works good as background color in combination with black lettering. In a outdoor situation, yellow stands out from its background giving a clear message. In many European countries yellow is chosen as background color.

Advisable work areas: Airport signage, road signs, public spaces, indoor & outdoor usage.

Red background

Red is often used for warning signs, red sends out a signal of warning, danger. Many of the warning signs consist of a red background with yellow or white lettering, by using pictograms as warning the signs are multi-language and don’t need explanation, even if you cannot read the text.

Red is a very powerful color which stands out in a visual crowded environment. I have seen various other signs produced with red but in my opinion red is a signal color. Works great with black, white and yellow lettering.

Advisable work areas: Warning signs, public spaces, indoor & outdoor usage.

Blue background

Blue is one of mankind favourite color, as is represents sky, heaven, trust and faith. The color blue is good recognized with white lettering as information sign. In the Netherlands all highway signs are with blue background as well as the railway signs.

To use blue in sign systems beware of create enough contrast in order to make the signs work best. For instance with light blue a higher contrast lettering will be needed such as black and for dark blue white lettering will work best.

Advisable work areas: Highway signs, railway signs, hotel signage, retail signage, public spaces, indoor & outdoor usage.

Purple background

Purple will not be your direct usage of background color for signage color systems, but purple is a fashion color which is asked by clients to use. Purple works great with lighter colored lettering such as white or yellow.

Purple can be used in signage systems but beware of its architectural environment, as purple is a very powerful color it can easily fade into the background making the sign unreadable.

Use the color wheel to create the hue of colors around the color purple. Purple represents royalty and spirituality, it was Pantones color of the year 2008. PANTONE® 18-3943 BLUE IRIS.

Advisable work areas: Museum signage, hotel signage, retail signage, indoor usage.

Silver (brushed) background

Silver (metal) is an often used color as background in sign systems. With metal signs you are able to gain a robust look & feel for the signage system. Metal has a different surface when looking at it from different angles, making it not always a good contrast with the lettering.

On a silver background almost all colors work well, even white. In future articles I will go deeper into using silver as background.

Metal signs are frequently used in office signage, with black lettering it will create a very stylish look and feel.

Advisable work areas: Office signage, nameplate design, public spaces, indoor & outdoor usage.

Typography & color contrast

Not only is the contrast important also the chosen typeface will make the difference in a good or bad sign. When using too bold weighted typefaces the text will look like its expanding of the sign, when using too light weighted typefaces the text will fall back into its background. Medium or Regular weights are usually the best options to choose for a good and readable sign.

Please share your thoughts

What do you find the most attractive/readable colored background?
Looking forward discussing about colors & signs! Thank you in advance.

WhatTheFont iPhone App

This is a review of WhatTheFont for iPhone App, I will go into every step of identifying a font using this App & a iPhone. I will try to get the results as stated from the myFonts website: Identify the fonts in a photo or web graphic! .

Ever seen a great font in a magazine ad, poster, or on the web and wondered what font it is? Whip out your iPhone and snap a photo, and WhatTheFont for iPhone will identify that font in seconds!

WhatTheFont iPhone App is free available from the iPhone store created by myFonts.

Let’s get started!

Downloaded the tool into my iPhone and started the program, as you can see in the splash screen there are two options. One is to take a new photo or you can select a photo from your photo-roll in your iPhone. I selected the first option and took a new photo of the Apple Airport box. When taking a photo use the following tips from myFonts:

• WhatTheFont works best with just a few, large letters. Keep the text to fewer than 20 characters.
• Try to get the text as close to horizontal as possible. (Pretty hard to manage with an iPhone)
• Avoid connected letters (as in logo’s or cursive handwriting)
• A well-lit, uniform-color background works the best

With this Airport example I adapted the above steps and started working with the photo and selected use photo. Now I am able to use my fingers onto the photo to draw a box around the text. At first it seems pretty hard to get a good box around the text, but after some experience it worked better and betters. You can also rotate the photo by rotating your iPhone, I found this not very helpful and I would suggest to take the photo in a standing up position. When you have selected the desired text to identify hit the right top corner Upload. The App is uploading the cropped image to myFonts to identify the font.

Check Characters

In this step of identifying a font you can see the results of WhatTheFonts character guessing. The App shows you every single letter of the selected text and you are able to remove characters from identifying by selecting the red icon left from the letter.

Some characters such as the letters i WhatTheFont separates the stroke from the dot. You can merge these two images for betters results in identifying the font. This needs some practice, try selecting two images with two fingers, the boxes turn grey and you are able to move them towards each other, the tool then merges the letters and you only need to fill in the correct letter in the right box. Hit the box and the type-in screen appears.

When you are done modifying and inserting missing characters hit Identify! and the right top corner. The App communicates with myFonts and presents you with the results.

Font Identified!

The font is recognized! In this case the font Myriad-Pro Semibold is found as to match, further on various other close fonts are mentioned for you to pick the perfect match with the taken photo. I have run this example a few times, 3 times out of 4 it gave this results, not bad in my opinion.

When selecting the identified font you are presented with two options: One send an email containing a link to the myFonts website or you can open the link on your iPhone with Safari browser. The most powerful option (for me) is sending a link by email, this way I can check the typeface

Visiting the myFonts website allows you to buy and see all the font details.

My findings

I simply love this tool for my iPhone, it gives me freedom to take shots where ever I am and quickly find out which font it is. A few details that I don’t like about this tool:

• When first installed the App crashed many times, I needed to clear the iPhone memory by a hardware restart in order to make this tool work better.
• Taking a horizontal shot of text is not very easy and the letters on the photos are quickly a bit blur, so WhatTheFont cannot recognize the font. I know this is partly due the low quality camera in the iPhone.
• Indoor shots are not always recognized correctly due the low contrast background.

My Suggestions for WhatTheFont iPhone App

WhatTheFont for iPhone is currently in version 1.0, I have some suggestions to improve this tool and make it even more useful:

• In the crop image selection should be these two options: a contrast slider to get a better separation between text and background and the option to sharpen the image. I believe with these two options you will have better results in identifying the fonts. Even better would be a function to apply an auto adjustment to the cropped text (like in Fireworks/Photoshop). I used the iPhone App Photonasis Lite to enhance photos for better recognition.
• Add more separation in boxes at the Check Chars step, when trying to delete characters I kept hitting the wrong box and got the typescreen.
• Use a timestamp and Google maps location when sending a link by email, this way I will know when and where I was when I saw that particular font.
• When a font is not recognized use a option to send the image to the WhatTheFont forum to find out if anybody else could help me finding out what font it is.

Requirements and information

• For iPhone and iPod Touch with the latest firmware update. With the iPhone you can take photos and use them in the tool, for iPod Touch users you can only use the photos from the photoroll (no camera).
• Wifi connection or mobile network to upload the photos and see the results.
• Fonts, fonts and more fonts!
• Visit the website myFonts to read more about this great iPhone App WhatTheFont
• Download and install WhatTheFont on your iPhone.

Conclusion

I like the WhatTheFont iPhone App a lot, it might needs some more approvements but my iPhone is turning into a complete design studio at the moment! Love it! The succes rate for identifying fonts is (with good photos) I guess somewhere around 75%.

Go try this tool, I am looking forward to your findings in the comments!
Thank you in advance.