tfm&a – just my type – successful branding and typography

79
Presented by Jim Kidwell JUST MY TYPE Successful Branding and Typography

Upload: extensis

Post on 19-May-2015

723 views

Category:

Design


2 download

DESCRIPTION

Creating and maintaining a strong and lasting brand is all about the details. Every decision has a visceral affect on public perception. Web design is 90% typography, and successful branding efforts make typeface selection central to the process. Join typography expert Jim Kidwell for this whirlwind tour of how various brands have utilized typography throughout the years. Learn from the real-world examples from both current and historical typographic successes and failures. Whether you’re looking to rebrand soon, want to select some new fonts for your website, or just need to learn more about typography, you’re sure to come away from this talk with a new critical eye toward typeface selection and utilization.

TRANSCRIPT

Page 1: TFM&A – Just My Type – Successful Branding and Typography

Presented by Jim Kidwell

JUST MY TYPE Successful Branding and Typography

Page 2: TFM&A – Just My Type – Successful Branding and Typography

Typographic Selection Communicates

•  Emotion

•  Time

•  Place

Page 3: TFM&A – Just My Type – Successful Branding and Typography

1800 – 1900

Page 4: TFM&A – Just My Type – Successful Branding and Typography

1900s – 10s

Page 5: TFM&A – Just My Type – Successful Branding and Typography

1930s

Page 6: TFM&A – Just My Type – Successful Branding and Typography

1940s

Page 7: TFM&A – Just My Type – Successful Branding and Typography

1950s

Page 8: TFM&A – Just My Type – Successful Branding and Typography

1960s – 70s

Page 9: TFM&A – Just My Type – Successful Branding and Typography

1980s

Page 10: TFM&A – Just My Type – Successful Branding and Typography

1980

& 2007

Page 11: TFM&A – Just My Type – Successful Branding and Typography

Typography & Brand

•  Typography is a critical to branding

•  Carefully cra"ed

•  Consistent across media

•  Typography must serve branding

Page 12: TFM&A – Just My Type – Successful Branding and Typography

McDonald’s Case Study

1948 Original Restaurant

Page 13: TFM&A – Just My Type – Successful Branding and Typography

1950 Des Plaines Restaurant

Page 14: TFM&A – Just My Type – Successful Branding and Typography

1960s

Page 15: TFM&A – Just My Type – Successful Branding and Typography

1970s

Page 16: TFM&A – Just My Type – Successful Branding and Typography

1980s

Page 17: TFM&A – Just My Type – Successful Branding and Typography

1990s

Page 18: TFM&A – Just My Type – Successful Branding and Typography

Modern

Page 19: TFM&A – Just My Type – Successful Branding and Typography

What if everything used 1 font? The Comic Sans Project h#p://comicsansproject.tumblr.com

Page 20: TFM&A – Just My Type – Successful Branding and Typography

The Comic Sans Project

Page 21: TFM&A – Just My Type – Successful Branding and Typography
Page 22: TFM&A – Just My Type – Successful Branding and Typography
Page 23: TFM&A – Just My Type – Successful Branding and Typography
Page 24: TFM&A – Just My Type – Successful Branding and Typography
Page 25: TFM&A – Just My Type – Successful Branding and Typography
Page 26: TFM&A – Just My Type – Successful Branding and Typography
Page 27: TFM&A – Just My Type – Successful Branding and Typography

How about switching typography across brands? Logo Designer Graham Smith’s project

h#p://www.imjustcreative.co.uk/brandreversioning/

Page 28: TFM&A – Just My Type – Successful Branding and Typography
Page 29: TFM&A – Just My Type – Successful Branding and Typography
Page 30: TFM&A – Just My Type – Successful Branding and Typography
Page 31: TFM&A – Just My Type – Successful Branding and Typography
Page 32: TFM&A – Just My Type – Successful Branding and Typography
Page 33: TFM&A – Just My Type – Successful Branding and Typography
Page 34: TFM&A – Just My Type – Successful Branding and Typography
Page 35: TFM&A – Just My Type – Successful Branding and Typography
Page 36: TFM&A – Just My Type – Successful Branding and Typography
Page 37: TFM&A – Just My Type – Successful Branding and Typography
Page 38: TFM&A – Just My Type – Successful Branding and Typography
Page 39: TFM&A – Just My Type – Successful Branding and Typography
Page 40: TFM&A – Just My Type – Successful Branding and Typography
Page 41: TFM&A – Just My Type – Successful Branding and Typography
Page 42: TFM&A – Just My Type – Successful Branding and Typography
Page 43: TFM&A – Just My Type – Successful Branding and Typography

From the dawn of the internet,

web design was shackled:

Page 44: TFM&A – Just My Type – Successful Branding and Typography

Comic Sans Impact

Arial Black Arial / Helvetica"

Trebuchet

Verdana

Courier/Courier New

Times (New) Roman Georgia!

Page 45: TFM&A – Just My Type – Successful Branding and Typography

Comic Sans Impact

Arial Black Arial / Helvetica"

Trebuchet

Verdana

Courier/Courier New

Times (New) Roman Georgia!

Page 46: TFM&A – Just My Type – Successful Branding and Typography

Comic Sans Impact

Arial Black Arial / Helvetica"

Trebuchet

Verdana

Courier/Courier New

Times (New) Roman Georgia!

Page 47: TFM&A – Just My Type – Successful Branding and Typography

[pic of 1920s car here]

Page 48: TFM&A – Just My Type – Successful Branding and Typography

@font-face (our hero!)

Supported by virtually every browser

Page 49: TFM&A – Just My Type – Successful Branding and Typography

yebocreative.com

Page 50: TFM&A – Just My Type – Successful Branding and Typography

heartscryindia.org

Page 51: TFM&A – Just My Type – Successful Branding and Typography

futureofcarsharing.com

Page 52: TFM&A – Just My Type – Successful Branding and Typography

blackestate.co.nz

Page 53: TFM&A – Just My Type – Successful Branding and Typography

august.com.au

Page 54: TFM&A – Just My Type – Successful Branding and Typography

kccreepfest.com

Page 55: TFM&A – Just My Type – Successful Branding and Typography

vectormill.com

Page 56: TFM&A – Just My Type – Successful Branding and Typography

vectormill.com

Page 57: TFM&A – Just My Type – Successful Branding and Typography
Page 58: TFM&A – Just My Type – Successful Branding and Typography
Page 59: TFM&A – Just My Type – Successful Branding and Typography

freshdirect.com

Page 60: TFM&A – Just My Type – Successful Branding and Typography

freshdirect.com

Page 61: TFM&A – Just My Type – Successful Branding and Typography

Typography and location

Page 62: TFM&A – Just My Type – Successful Branding and Typography

Paris

Page 63: TFM&A – Just My Type – Successful Branding and Typography

Paris

Page 64: TFM&A – Just My Type – Successful Branding and Typography

Paris

Page 65: TFM&A – Just My Type – Successful Branding and Typography

Vegas

Page 66: TFM&A – Just My Type – Successful Branding and Typography

Blue Man

Page 67: TFM&A – Just My Type – Successful Branding and Typography

Pet Peeves

Page 68: TFM&A – Just My Type – Successful Branding and Typography

Papyrus...

Page 69: TFM&A – Just My Type – Successful Branding and Typography
Page 70: TFM&A – Just My Type – Successful Branding and Typography
Page 71: TFM&A – Just My Type – Successful Branding and Typography
Page 72: TFM&A – Just My Type – Successful Branding and Typography
Page 73: TFM&A – Just My Type – Successful Branding and Typography

Popular with musicians

Page 74: TFM&A – Just My Type – Successful Branding and Typography

And for tattoos

Page 75: TFM&A – Just My Type – Successful Branding and Typography
Page 76: TFM&A – Just My Type – Successful Branding and Typography
Page 77: TFM&A – Just My Type – Successful Branding and Typography

But also

Page 78: TFM&A – Just My Type – Successful Branding and Typography

Carefully Consider Your Typeface Selection •  Well done typography considers both the

•  Always consider the visceral reaction that your

selection creates

Page 79: TFM&A – Just My Type – Successful Branding and Typography

Q&A + Additional Reading •  Elements of Typographic Style – Robert Bringhurst

•  Ge"ing it Right With Type – Victoria Squire

•  Branding with type –Rögener, Pool,

Packhäuser, Ginger

•  h#p://www.webink.com/type-resources