methodologies in choosing fonts

Post on 22-Apr-2015

526 Views

Category:

Technology

1 Downloads

Preview:

Click to see full reader

DESCRIPTION

Part of the PETE, Creative Ideas Worth Spreading series. This presentation by Tom Futrell explains the value in choosing the right font for your audience and the functional criteria to consider.

TRANSCRIPT

Creative ideasworth spreadingPETE

2©2012 PETER MAYER

METHODOLOGIES IN CHOOSING FONTS11.14.12Tom Futrell

PETE

3©2012 PETER MAYER

LANGUAGE IS ARGUABLY THE MOST SIGNIFICANT HUMAN CHARACTERISTIC

OVERVIEW

TYPE IS THE VISUAL MANIFESTATION OF LANGUAGE.

4©2012 PETER MAYER

5©2012 PETER MAYER

WHY?

OVERVIEW

characters into WORDSwords into MESSAGES

6©2012 PETER MAYER

OVERVIEW

TYPE IS THE AUDIBLE VOICE - LINKING THE WRITER WITH THE READER

7©2012 PETER MAYER

OVERVIEW

MORE THAN MAKING

MESSAGES LEGIBLE

8©2012 PETER MAYER

9©2012 PETER MAYER

10©2012 PETER MAYER

FUNCTIONALCRITERIA

OVERVIEW

FORM CAN ALTER THE

INITIAL INTENTOF MESSAGE

11©2012 PETER MAYER

FUNCTIONAL CRITERIA

12©2012 PETER MAYER

Everyone thinks he knows an ‘A’ when he sees it; but only the few extraordinary minds can distinguish between a good one & a bad one, or can demonstrate precisely what constitutes ‘A-ness.’ When is an A not an A? Or when is an R not an R? It is clear that for any letter there is some sort of norm. To discover this norm is obviously the first thing to be done.

13©2012 PETER MAYER

Everyone thinks he knows an ‘A’ when he sees it; but only the few extraordinary minds can distinguish between a good one & a bad one, or can demonstrate precisely what constitutes ‘A-ness.’ When is an A not an A? Or when is an R not an R? It is clear that for any letter there is some sort of norm. To discover this norm is obviously the first thing to be done.

FUNCTIONAL CRITERIA

14©2012 PETER MAYER

Everyone thinks he knows an ‘A’ when he sees it; but only the few extraordinary minds can distinguish between a good one & a bad one, or can demonstrate precisely what constitutes ‘A-ness.’ When is an A not an A? Or when is an R not an R? It is clear that for any letter there is some sort of norm. To discover this norm is obviously the first thing to be done.

FUNCTIONAL CRITERIA

OVERVIEW

FORM=

FUNCTION

15©2012 PETER MAYER

16©2012 PETER MAYER

FUNCTIONAL CRITERIA

17©2012 PETER MAYER

FUNCTIONAL CRITERIA

Helvetica Condensed RetinaMore compact. More contrast.

18©2012 PETER MAYER

FUNCTIONAL CRITERIA

19©2012 PETER MAYER

FUNCTIONAL CRITERIA

Clearview Highway+80 ft (+1.2 seconds @ 45 mph)

FHWA Highway Gothic

20©2012 PETER MAYER

FUNCTIONAL CRITERIA

21©2012 PETER MAYER

PERSONALITY OF TYPE

TOOLS

22©2012 PETER MAYER

WHAT'S IT SAYING?PHYSICAL ATTRIBUTESTHE DESIGNER(S)TIME PERIODCOMMON USEGEOGRAPHIC ORIGIN

THE DESIGNER

23©2012 PETER MAYER

FRENCH DESIGNER XAVIER DUPŔE

PHYSICAL ATTRIBUTES

24©2012 PETER MAYER

GEOGRAPHIC LOCATION

25©2012 PETER MAYER

type = place

JOHNSTON SANS BY EDWARD JOHNSTON IN 1916

TIME PERIOD

26©2012 PETER MAYER

BODONI BY GIAMBATTISTA BODONIIN 1798

COMMON USE

27©2012 PETER MAYER

COMMON USE

28©2012 PETER MAYER

HELVETICA BY MAX ME=IEDINGER IN 1957

COMMON USE

29©2012 PETER MAYER

Corporate face 3MCorporate face AEGCorporate face Agfa GevaertCorporate face American AirlinesCorporate face BASFCorporate face BayerCorporate face BMWCorporate face BundespostCorporate face Daimler BenzCorporate face JeepCorporate face LufthansaCorporate face NestléCorporate face NixdorfCorporate face PanasonicCorporate face SiemensCorporate face Sparkasse

Cultural ReferencesTypeface SelectionStephen Coles

30©2012 PETER MAYER

CULTURAL REFERENCS

CULTURAL REFERENCES

31©2012 PETER MAYER

BABY TEETH BY MILTON GLASER IN 1968

32©2012 PETER MAYER

TEMPLATE GOTHIC BY BARRY DECK IN 1990

CULTURAL REFERENCES

33©2012 PETER MAYER

TRAJAN BY CAROL TWOMBLY IN 1989

CULTURAL REFERENCES

34©2012 PETER MAYER

CULTURAL REFERENCES

35©2012 PETER MAYER

BLACK LETTERHOW IS IT POSSIBLE THAT THE BLACKLETTER WHICH IS COMMONLY ASSOCIATED WITH FASCISM AND THE RIGHT WING MOVEMENTS WAS ADOPTED BY COMMERCIAL BLACK MUSIC GENRE R&B?

CULTURAL REFERENCES

36©2012 PETER MAYER

CULTURAL REFERENCES

37©2012 PETER MAYER

CULTURAL STEREOTYPES

CULTURAL STEREOTYPES

38©2012 PETER MAYER

39©2012 PETER MAYER

CULTURAL STEREOTYPES

40©2012 PETER MAYER

CULTURAL STEREOTYPES

41©2012 PETER MAYER

BEST + WORST

42©2012 PETER MAYER

COMIC SANS BY VINCENT CONNARE IN 1994

43©2012 PETER MAYER

BEST + WORST

44©2012 PETER MAYER

THE BEST?WHAT EVER IS THE MOST APPROPRIATE AND COMPLEMENTS THE MESSAGE

BEST + WORST

45©2012 PETER MAYER

HOWEVER

BEST + WORST

1. Helvetica - 1957

2. Garamond - 1530

3. Frutiger - 1977

4. Bodoni - 1790

5. Futura - 1927

6. Times - 1931

7. Akzidenz Grotesk -1966

8. Officina - 1990

9. Gill Sans - 1930

10. Univers - 1954

11. Optima - 1954

12. Franklin Gothic - 1903

13. Bembo - 1496

14. Interstate - 1993

15. Thesis - 1994

16. Rockwell - 1934

17. Walbaum - 1800

18.Meta - 1991

19. Trinit - 1982

20. Din - 1926

100BESTTYPEFACES.COM

46©2012 PETER MAYER

IN CONCLUSION

FORM EQUALS

FUNCTION

47©2012 PETER MAYER

CHOOSE BASED ON

NEED

KNOW YOUR

AUDIENCE

48©2012 PETER MAYER

RESOURCES

RESOURCES

49©2012 PETER MAYER

INFORMATION GRAPHIC BY JULIE KATRINE ANDERSEN

50©2012 PETER MAYER

See: Fontstruct http://fontstruct.com

Listen: TypeRadio www.typeradio.org

Read: Designing Type by Karen Cheng http://www.amazon.com/Designing-Type-Karen-Cheng/dp/0300111509

Read: Typophile http://typophile.com

Read: Fonts in Use http://fontsinuse.com

typography.com

typotheque.com

underware.nl

typofonderie.com

RESOURCES

MORE!

MORE!

MORE!

MORE!

MORE!

51©2012 PETER MAYER

PETETHANK YOU

OVERVIEW

52©2012 PETER MAYER

CONCEPT SKETCHES BY XAVIER DUPŔE

top related