Design Through a Childs Eyes

My son is the child of two graphic designers. His friends parents are teachers, chiropractors and firefighters, so to him our profession is something pretty special. We are often the recipients of his ‘graphic design’ project from his school day—letters, shapes, logos, superhero drawings—it’s very clear to him (if not always to us) which is just a drawing, and what is graphic design.

Our daily discussions are usually about Superman, Starwars, and Ninja Turtles, but frequently we also discuss graphic design. From a very young age, my son could tell you all about logos and could identify my company’s logo on materials out in the community. But our most recent graphic design conversation was about symbols. It started with the ‘Don’t put the baby in the front seat’ symbol on the passenger side visor of our car. He asked what it ment, and I explained, followed quickly by saying, “a graphic designer made this symbol”. “Oh,” he said, “I wish they had used a photo of a real baby.” “That is the greatest part of this symbol,” I say, “The baby has been simplified into this shape, so they didn’t have to choose if the baby was a girl or a boy, had dark skin or light skin, blue eyes or brown eyes…they simplified it so you quickly know it’s a baby, without having to see the eyes, nose, hair, or any of the details, you just know it’s a baby”.

airbag symbol“I don’t get it.”

“Oh…well…they simplify it, they take out all the details, and make it an easily identifiable shape, so that people immediately know it’s a baby”

“I don’t get it.”

“Um, ok…well, you see on this napkin [picking up a Dunkin Donuts napkin], what is this right here [point to the coffee cup]?” “A coffee cup.” “Right, but how did you know it was a coffee cup?” “Because of the steam coming out of the top” “Right, but is coffee orange?” “No.” “Right, it’s brown, but you knew it was coffee, because of the shape of the image, but a designer simplified the cup and the coffee to make it quickly recognizable without the details of the cover and the coffee and all the steam. It’s simplified into a few lines, but you know what it is.”

“I don’t get it.”

Yeah…it’s a concept that I often can’t get my clients to understand. A simple, clear message, trimming out all the unneeded information, is powerful, is quick to understand, is a clear way to get your message across. To my clients I often use the example of Times Square, how one bright, beautiful lit up sign is an attention-getter, it’s amazing, but when you add 20, 50, 1,000 of those signs, it’s a mess, it’s overwhelming, and the messages all becomes a blur. The same holds true for a poster where all the text is large and bold, a business card where there’s no white space and no visual direction for the eye, and a web page where all the fonts are the same size, same color, same weight, same, same same! Symbols, as well, work best when they are simplified, including only the most necessary information. How did I know it was a baby? Its small size compared to the seat, the indication of the infant seat behind it, the arrows indicating the crushing that could happen, worse-case scenario. It happens through visual cues that we pick up over the course of our lives, our visual encyclopedia we keep in our heads—the same one that lets us know that green = go; the circle with the red line through it = don’t or no; and a triangle pointing to the left means ‘play’. Much of the time, we don’t even realize we’re adding to our encyclopedia, but we’re doing it almost every moment of every day.

So maybe that is why my son “doesn’t get it” when I try to explain that symbols are simplified images that assist us in our every day lives, his encyclopedia is just at the beginning stages. Or maybe it’s because he’s been conditioned to think more is more, and the ‘less is more’ concept is tough to get when your five. Or maybe my, “you know, it’s a baby, I just know it’s a baby” explanation was less than informative. I’m going to spend some more time working on this concept, figuring out ways to explain it to him, show him examples, and take an image and simplify it with him to create a symbol, really walk him through the process. But the question remains: if I figure out how to explain this to my five-year-old, will this same explanation work on my clients?

1 comment May 8, 2008

Request for Proposals

farm-wilderness-rfp

Farm and Wilderness requests graphic designers to submit a proposal based on the information in the PDF above. Please e-mail or call Becka Warren, Communications Manager [becka@farmandwilderness.org 802-422-3761 x230] with your intent to submit as soon as possible so she can anticipate your proposal. Be sure to mention you heard about it through AIGA NH/VT.

1 comment May 7, 2008

AIGA NH/VT invites members to join next board meeting

MEMBERS! This is your opportunity to get the scoop on what AIGA NH/VT is planning for this summer, voice your opinions and ideas, and answer the question, “What exactly goes on in an AIGA NH/VT board meeting?”

JOIN US!
MAY 14, 6-9 pm
Howe Library
The Murray Room
Hanover, NH

____________


YOU could join the AIGA NH/VT BOARD! Come to a meeting and see what’s involved. Email us at president@nhvt.aiga.org if you are interested in joining the board or nominating someone you know. Watch the blog for more information on Board positions that are up for election.

2 comments May 5, 2008

See, Hear, Speak of the Design Week

2 comments May 3, 2008

Typesetting figures

Whenever you set figures, you have two important choices to make about the style of figures you use. Lining or oldstyle forms? Tabular or proportional spacing? If you don’t know the difference, you’re probably making the wrong decision most of the time.

Lining vs. oldstyle forms

Lining vs. Oldstyle
Lining figures all stand the full height from the baseline to the cap line. This gives them the appearance of uppercase letterforms. Lining figures are generally set when numbers are separate from body text, within data tables, or when the capital letterform appearance is desired. They are also referred to as titling figures or ranging figures.

Oldstyle figures stand from the basline to the x-line, and sometimes extend beyond with acenders and decenders. This gives them the appearance of lowercase letterforms. Oldstyle figures are generally set when numerals are used within a paragraph or the lowercase letterform appearance is desired. They are also referred to as text figures, hanging figures, or lowercase figures.

Tabular vs. proportional spacing

Tabular vs. Proportional
Tabular figures use a consistent spacing for each character. They have a specific purpose: to be used in data tables. When you use tabular spacing, figures line up vertically when set on top of one another. This is an obvious must when math is involved.

Proportional figures are spaced optically, much like other letterforms. Using proportional spacing enhances the horizontal readability of figures. This is very often preferable to vertical readability that lining figures are used for. Proportional spacing looks more natural.

The problem

Many fonts do not support alternate figure styles. Type designers nearly always elected to use tabular spacing. Typesetters are forced to manually kern those typefaces if they wanted proportional spacing. Lining figures are frequently chosen, but occasionally oldstyle figures are used. In many cases, if you want to use the figures that match the rest of the typeface, you have no choice but to use the style that was included. On some professionally designed typefaces, lining forms are included in the main font file, and a secondary “expert set” contains oldstyle forms. Even with the secondary set, some manual work is still needed to get both proper forms and proper spacing at the same time.

The solution: OpenType

One reason to love working with OpenType is its support for figure styles. When using an OpenType font and a supporting application, selecting the proper figure style is as easy as changing a dropdown box. The selector is located in different places depending on the appication you use, but it’s been supported since InDesign 2, Illustrator and Photoshop CS, and Quark 7.

OpenType Palette from Illustrator CS3

Sadly, web typographers are out of luck. There are currently no methods available to specify the desired numeric variant with HTML and CSS. Most web typefaces utilize only tabular lining figures, but one notable exception is Georgia, which provides oldstyle figures.

-Michael Niggel

Add comment April 29, 2008

See Hear Speak of the Design Week

see hear speak monkeys

Here’s what I’m looking at this week:

Mornings with NPR in illustration

Explanation about how type families work

One of the best-designed kids books/tv show I’ve seen

Another fun screen saver

Brilliant opening graphics

What are you checking out this week? Leave a note in the comments section.

3 comments April 15, 2008

See Hear Speak of the Design Week

See Hear Speak of the Design Week

Here’s what I’ve been checking out this week:

I think W is my favorite!

Oh, I do love the look of these!

What’s the symbol for….oh, here it is! Thanks, AIGA!

The Dropclock will look sweet on our music computer!

What are you looking at? Leave a note in the comments. To see past See Hear Speak links, click here.

Add comment April 10, 2008

Create Comics Workshop!

The Center for Cartoon Studies
Create Comics Workshop

Summer 2008 • June 23-27

Center for Cartoon Studies - SummerBack by popular demand, the Create Comics summer workshop! Considered a ‘boot camp’ for cartoonists, ideal for ages 16+, the 5-day workshop packs in the essentials for producing your own comics. This year faculty includes Steve Bissette (Taboo, Swamp Thing), Robyn Chapman (Hey, 4-Eyes!), Alec Longstreth (Phase 7), Aaron Renier (Spiral-Bound) and Jason Lutes (Berlin).

For more information and to register, visit: http://www.cartoonstudies.org

Add comment April 9, 2008

Design Politics 2

Check out this article from The New York Times about the Obama campaign’s choice of the Gotham typeface. “…there’s an oxymoronic quality to Gotham, which is why I think it’s become so popular. It has a blunt, geometric simplicity, which usually makes words feel cold and analytical (like Univers), but it also feels warm. It’s substantial yet friendly. Up-to-date yet familiar. That’s a tough hat trick. And Gotham has another quality that makes it succeed: it just looks matter-of-fact.”

What do you think about this choice? Do you think design matters in politics?

1 comment April 3, 2008

See Hear Speak of the Design Week

2 comments March 31, 2008

Previous Posts


Calendar

May 2008
S M T W T F S
« Apr    
 123
45678910
11121314151617
18192021222324
25262728293031

Categories

Recent Comments

sarah on Design Through a Childs E…
Stella Poco on Request for Proposals
Stella Poco on AIGA NH/VT invites members to …
Michelle Hobbs on AIGA NH/VT invites members to …
Michael Niggel on See, Hear, Speak of the Design…

Links

Flickr Photos

airbaglabel

summer_workshop_ccs_220

IMG_1434

More Photos