welcome to logo 101 · logo 101 size the logos below are not the same. the logo on the right has...

52
Welcome to Logo 101 In this Tutorial you will learn about Corporate Identity and the many graphical elements commonly used to represent Corporate Identity. LOGO 101 Have fun! You‟ll learn to recognize these elements and how to use them properly. You can control the speed of this presentation by clicking anywhere on a slide. Use the navigation buttons whenever you’re ready for the next slide.

Upload: others

Post on 19-Aug-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

Welcome to Logo 101

In this Tutorial you will learn about

Corporate Identity and the many

graphical elements commonly

used to represent Corporate

Identity.

LOGO 101

Have fun!

You‟ll learn to recognize these

elements and how to use them

properly.

You can control the speed of this presentation by clicking anywhere on a slide. Use the navigation buttons whenever you’re ready for the next slide.

Page 2: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

Welcome to Logo 101

At the completion of this Tutorial,

you will receive a certificate of

completion…

LOGO 101

We hope we‟ve made this

Tutorial a fun way to learn

about logos and Corporate

Identity and we hope you‟ll take

a brief survey at the end to tell

us what you think.

and you will understand the

principles of Corporate Identity

well enough to create a logo for

your company.

Page 3: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

Click to enter your name as you‟d like it to appear on your

certificate.

Your Name

Your name will appear as shown above. Be sure it is correct

before continuing (click on the link again to re-enter your name).

Introduction

LOGO 101

Now, let‟s get started!

Here

Page 4: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

How is it that we recognize our favorite fast-food restaurant more than a block away?

LOGO 101

Is it the Golden Arches?

What color are those arches, anyway? Are they yellow, or are they gold?

Introduction

Page 5: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

We can see the difference between these two images, but do we know which color is the right color?

LOGO 101

Is there a right color?

Let‟s find out.

Introduction

Page 6: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

Throughout this tutorial, as you learn about Corporate Identity and it‟s many artifacts, you will have the opportunity to test your understanding through short, interactive quizzes like the one in the last slide.

General Instructions

LOGO 101

As you‟ve learned, you can move forward through this Tutorial by clicking anywhere on a slide at any time. You can also use the navigation buttons at the bottom of each page to navigate forward or backward…

but you won‟t be able to navigate past a quiz page until you have completed the quiz.

Don‟t worry, you‟ll have as many chances as you need to get them right.

Page 7: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

Let‟s talk about what you already know about Corporate Identity.

Pre-Instructional Assessment

LOGO 101

Which of the following is not an element of Corporate Identity?

Are these logos the same?

Reminder – You won’t be able to move to the next slide until all questions are answered..

Company Name Corporate Colors Principle Logo

Yes

No

Page 8: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

For the Advertisement shown here, which of the Corporate Identity elements below would be appropriate for the space?

You can check more than one.

Page 9: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

Now let‟s talk about the building blocks of Corporate Identity.

Corporate Identity

LOGO 101

First, it‟s important to understand that it is the primary objective of every company to imprint their brand so deeply upon us that we are able to recognize them in any circumstance. This builds loyalty, and it‟s called „branding‟.

The companies that are successful are the ones we recognize no matter where we are. We see their stores blocks in advance, we recognize their coupons whether we see them online or printed in the daily paper.

As consumers we might not understand how they do it, but we know when they are successful.

Page 10: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

When we read articles about our favorite company in a journal or magazine, we generally have a preconceived idea about the company because the company has gained our loyalty.

It‟s no real mystery how they do it. Every company has the same set of building blocks used to represent their Corporate Identity, and carefully controlling the use of these building blocks is how we become conditioned to their brand and grow loyal to their products.

Whether that‟s a good thing or a bad thing is up to you to decide, but it‟s a truism shared by the entire business world.

Corporate Identity

Page 11: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

So what are these building blocks of Corporate Identity?

• The Principle Logo

Corporate Identity

• The Mark

• Corporate Colors

• The Word Mark – Sometimes called the logotype

Principals Mark Words in Color

Page 12: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

The Principle Logo

Page 13: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

The Mark

Page 14: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

The Word Mark (also called the logotype)

Page 15: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Corporate Colors

Page 16: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Put All Together

Page 17: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Quiz 1

What are the building blocks of Corporate Identity?

Hint – Principals Mark Words in Color

Company Name

Principle Logo

Secondary Logo

The Word Mark

Corporate Colors

Vertical Logo

Logo Variations The Mark

Horizontal Logo

Company Motto

Company Name

Page 18: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Summary

If we think about the evolution of some our favorite companies we understand that even though company names change, our loyalty doesn‟t. This is because the Company Name is rarely a part of the Corporate Identity.

Compaq is a good example. The PC manufacturing firm no longer exists, it was gobbled up by HP in 2002, and yet we still see Compaq brands on the shelves today.

It really is no great mystery. Did you notice that Company Name is not considered an element of Corporate Identity? Does that surprise you?

Page 19: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Summary

And Standard Oil is the best example of all. It doesn‟t exist anymore, it was felled and broken down by the Sherman Anti Trust Law in 1911.

But there‟s no need to wonder why so many gas stations seem to have the same corporate colors.

Nearly all of the players in the petroleum industry today were born out of the Standard Oil breakdown. The company is long gone, but the brands of the original Corporate Identity endure.

Page 20: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Properties of Logos

Now that we understand the basic building blocks of Corporate Identity (The Principle Logo, The Mark, The Word Mark, and Corporate Colors), we want to take a closer look at these building blocks and how to use them.

The Mark

The Principle Logo The Word Mark

Page 21: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Properties of Logos

• Typography

• Clear Space

• Size

But there are some things they all have in common.

Every company has specific rules governing the structure and properties of their principle logo and logo variations, as well as where, when and how to use them. Your company will have its own set of rules.

• Layout

Clear The Stage Ladies

Page 22: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Clear Space

It‟s the space within and around a logo that isn‟t logo. It‟s just clear space. We see it, and yet we don‟t.

It is as fundamentally important to maintaining consistency and integrity in brand communication and just as carefully controlled as any other part of Corporate Identity.

Page 23: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Clear Space

Most companies will define clear space in terms of the rest of the graphic. For example, at Washing State University

Clear space is equal to the height of a lowercase letter from the signature. The clear space varies with the size of the signature.

You don‟t need to remember that specific detail about Washing State University clear space, it‟s just used as an example of how carefully companies control the clear space in their Corporate Identity graphical elements.

Page 24: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Clear Space

At Conoco – Union 76, clear space is defined as “the minimum area to be kept free of graphics, logos, type, lines or any other elements around the logo. No other piece of art or layout edge can come within this area. The outer dotted line represents the “1X” minimum clear space boundary or distance to the edge of each logo. Clear space is measured from the red circle of the 76 Ball not the outside of the stroke” (ConocoPhillips Logo Standards).

Again, you don‟t need to remember these details, the important thing to remember is how important clear space is as a property of the Principle Logo and other graphical elements of Corporate Identity.

Page 25: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Typography

Simply put, typography is about words - the fonts, the letter size and the formatting of words. Most companies have copyright protection on the fonts they use in their brands.

Page 26: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Size

It is never acceptable to resize a Corporate Identity brand graphic, either up or down, in order to make it fit.

When space is limited, an appropriate graphic must be selected that fits the space without resizing.

The new logo must comply with all the rules governing the Corporate Identity branding.

If one doesn‟t exist in the company‟s Corporate Identity branding portfolio, then a new official logo must be created.

Page 27: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Size

Another general rule of thumb regarding size is - if available space is 2” or greater then the Principle Logo, The Mark, and The Word Mark should appear as a single element.

If the space available is less than 2”, the Principle Logo, The Mark, and The Word Mark can be displayed as separate elements.

Page 28: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left.

Although not always noticeable to the naked eye, the resized graphic violates rules of clear space and typography and renders a graphic which is ill representative of the brand.

Page 29: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Layout

Layout is simply how the different graphical elements of Corporate Identity are arranged.

Here we see the Primary Logo, Corporate Colors, and The Word Mark in various combinations. The resulting graphics are none-the-less recognizable.

Page 30: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Layout

Most companies are very specific about layout

Page 31: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Quiz 2

Let‟s stop here for a brief review.

What are some of the standard properties of the principle logo?

Hint – Clear The Stage Ladies

Layout

Horizontal Logo

Company Name

Clear Space

Size

Typography

The Mark

Corporate Colors

Page 32: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Quiz 2

Click Here to give a brief description of clear space. Here

Page 33: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Secondary Logos and Logo Variations

Now that we understand the building blocks of Corporate Identity, and some basic properties of those building blocks, let‟s look at some of the other variations companies use to represent their brands.

• Black and White Logos

• Horizontal and Vertical Logos

Some of the most common variations on logos are

• The Secondary Logo

Can you find an acronym? We couldn‟t.

Page 34: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

The Secondary Logo

Nearly as familiar as the Principle Logo, the Secondary Logo is used for specific circumstances, such as those shown below which are used when the logo is going to viewed from a great distance or on television.

Page 35: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

The Secondary Logo Here are some secondary logos from companies we‟ve seen earlier in this Tutorial.

Page 36: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Horizontal and Vertical Variations For those spaces where the standard logo won‟t fit, or when a horizontal or vertical version will look better.

Page 37: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Black and White

In the same way that it‟s never okay to resize an object to make it fit, it is also never acceptable to render a black and white copy from a colored logo. Black and white branding elements must originate in black and white.

Page 38: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Quiz 3

Let‟s stop here for a another brief review.

What are some of the graphical variations companies use to represent their brands?

Layout

Horizontal Logo

Company Name

Vertical Logo

Size

Typography

The Mark

Black and White Logo

The Secondary Logo

Page 39: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Quiz 3

How much space is required to display all of the elements of Corporate Identity as a single image (The Principle Logo, The mark, The Word Mark)

2" or more 2" or less

Page 40: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Improper Uses of Corporate Identity

Finally, let‟s talk about some right ways and some wrong ways to use Corporate Identity.

We already know not to stretch, shrink or otherwise skew an original graphic to make it fit.

We know not to copy a colored graphic and save it as black and white.

What else could we possibly do wrong?

Page 41: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Improper Uses of Corporate Identity

Page 42: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Improper Uses of Corporate Identity

Page 43: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Improper Uses of Corporate Identity

Page 44: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Improper Uses of Corporate Identity

Your company‟s style guide will tell you what you can‟t do, so always follow the guidelines set out in your company‟s official branding documentation.

You‟ve reached the end of the Tutorial. There is a final assessment, a certificate for you to print, and a survey we hope you‟ll take the time to complete.

Page 45: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

Let‟s talk again about what you know about Corporate Identity.

Post-Instructional Assessment

LOGO 101

Which of the following is not an element of Corporate Identity?

Are these logos the same?

Company Name Corporate Colors Principle Logo

Yes

No

Page 46: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

For the Advertisement shown here, which of the Corporate Identity elements below would be appropriate for the space?

You can check more than one.

Page 47: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Finishing Up

You have completed the Logo 101 tutorial. You can submit the below code to your supervisor as evidence of completion.

You can print a copy of your certification on the next page.

We invite you to take a brief survey to tell us what you think of this tutorial. Your feedback helps us continue to improve the quality of this instructional series.

Completion Code

Page 48: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

Certificate of Completion

This is to certify that the individual named below has completed the Logo 101 Tutorial.

Your Name

Print

Page 49: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

SURVEY

The pace of the tutorial was

Too Slow Too Fast About Right

The difficulty of quizzes was

Too Difficult

Too Easy About Right

The number of quizzes was

Too Many Too Few About Right

Page 50: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

SURVEY

Strongly Agree Agree Neutral Disagree

Strongly Disagree

I know more about Corporate Identity than I did before I took the Tutorial.

Page 51: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

References

ConocoPhillips Logo Standards, n.d., n.p. Retrieved from

http://www.conocophillips.com/EN/newsroom/logos_identity/Pages/index.aspx on January 21, 2011.

Dkumar, M. (2009). 20 Corporate Brand Logo Evolution. n.p.. Retrieved from

http://www.instantshift.com/2009/01/29/20-corporate-brand-logo-evolution on January 23, 2011

Droz, R.V. (2008). Standard Oil: Today. Retrieved from http://www.us-highways.com/sohist1999.htm

on January 21, 2011

Intuit Logo Guidelines, Version 1.1, 05.05.09. Retrieved from

http://http.download.intuit.com/http.intuit/CMO/intuit/press_room/intuit_logos/intuit_logo_guidelines.pdf on

January 19, 2011.

Morrison, G. R., Ross, S. M., Kalman, H. K., & Kemp, J. E. (2011). Designing effective instruction (6th ed.).

Hoboken, NJ: John Wiley & Sons, Inc.

Only in San Francisco Corporate Brand Guidelines, n.d., n.p. Retrieved from

http://www.sfcvb.org/media/downloads/travel_media/styles.pdf on January 23, 2011.

Paso Robles Wine Country Logo Usage Guide. n.d., n.p.. Retrieved from

http://www.pasowine.com/media/files/logos/Logo_Usage.pdf on January 23, 2011.

Raley, M. (2008), McDonald’s Logo Guidelines PDF Retrieved from http://logoblink.com/2008/08/02/mcdonalds-logo-guidelines-pdf/ on on January 19, 2011.

Page 52: Welcome to Logo 101 · LOGO 101 Size The logos below are not the same. The logo on the right has been created by resizing a copy of the logo on the left. Although not always noticeable

LOGO 101

University of Pennsylvania Logo Style Guide, (2010), n.p. Retrieved from http://www.business-services.upenn.edu/publicationservices/pdf/BrandingStandardlogostyleguide.pdf on January 21, 2011 Washington State University - Graphic Identity Program. n.d., n.p. Retrieved from http://identity.wsu.edu/logo/default.aspx on January 21, 2011. LEGAL NOTE: The use of oil company logos and names in this tutorial is meant to educate, illustrate and clarify, and is not meant as a challenge to the copyrights of the companies represented, their predecessors, or their successors.

References