72
Manual de marca →Brand Guideline Taller de Producto 2013-➋ / Lunes 23.09.13

Clase Manual Marca

Embed Size (px)

DESCRIPTION

Presentación desarrollado por Weichi He en el marco del Taller de Producto de la Escuela de Diseño UC.

Citation preview

Page 1: Clase Manual Marca

Manual de marca →Brand Guideline

Taller de Producto 2013-➋ / Lunes 23.09.13

Page 2: Clase Manual Marca

01 Definición

Page 3: Clase Manual Marca

01 Definición

Identidad/Marca≠

Logo

»extra

Page 4: Clase Manual Marca

21

43 4C

ont

ent

s5 — 26StrategyWhat the Barbican stands for and the thinking behind our visual identity.

27 — 62Rules and tools A guide to our identity assets and visual specifications.

63 — 86Best practiceA reference gallery of creative applications of our identity.

Co

nten

ts

5

Stra

teg

y6St

rate

gy

7

We are a world-class arts and learning organisation, pushing the boundaries of all major art forms.

109

Stra

teg

yArts without boundaries

This is the guiding principle that defines our brand and drives our activities.

It is what makes the Barbican distinctive and is the starting point for all our visual communications.

Pro

po

sitio

n2

7

28

Ru

les

an

d to

ols

Rul

es a

nd to

ols

IMG's Barbican Guidelines

➊ Curso de acción

«A guideline is a statement by which to determine a course of action.» Wikipedia

Ma-NUaL»DeF

Page 5: Clase Manual Marca

21

43 4C

ont

ent

s5 — 26StrategyWhat the Barbican stands for and the thinking behind our visual identity.

27 — 62Rules and tools A guide to our identity assets and visual specifications.

63 — 86Best practiceA reference gallery of creative applications of our identity.

Co

nten

ts

5

Stra

teg

y6St

rate

gy

7

We are a world-class arts and learning organisation, pushing the boundaries of all major art forms.

27

28

Ru

les

an

d to

ols

Rul

es a

nd to

ols

109

Stra

teg

yArts without boundaries

This is the guiding principle that defines our brand and drives our activities.

It is what makes the Barbican distinctive and is the starting point for all our visual communications.

Pro

po

sitio

n

IMG's Barbican Guidelines

➊ Curso de acción➋ Herramienta

«A guideline aims to streamline particular processes according to a set routine or sound practice.» Wikipedia

Ma-NUaL»DeF

Page 6: Clase Manual Marca

21

43 4C

ont

ent

s5 — 26StrategyWhat the Barbican stands for and the thinking behind our visual identity.

27 — 62Rules and tools A guide to our identity assets and visual specifications.

63 — 86Best practiceA reference gallery of creative applications of our identity.

Co

nten

ts

109

Stra

teg

yArts without boundaries

This is the guiding principle that defines our brand and drives our activities.

It is what makes the Barbican distinctive and is the starting point for all our visual communications.

Pro

po

sitio

n2

7

28

Ru

les

an

d to

ols

Rul

es a

nd to

ols

5

Stra

teg

y6St

rate

gy

7

We are a world-class arts and learning organisation, pushing the boundaries of all major art forms.

IMG's Barbican Guidelines

➊ Curso de acción➋ Herramienta➌ Guía

«By definition, following a guideline is never mandatory. Guidelines are not binding and are not enforced.» Wikipedia

Ma-NUaL»DeF

Page 7: Clase Manual Marca

02 Estructura

Page 8: Clase Manual Marca

IMG's Nooka Guidelines Poster

➊ Introducción

Presentación de marcaMisión y visiónNarrativa

•••

Ma-NUaL»strct

Page 9: Clase Manual Marca

IMG's Nooka Guidelines Poster

➊ Introducción➋ Construcción

Presentación de identificadorGrilla de construcciónÁrea de ProtecciónVersión invertida

•••

Ma-NUaL»strct

Page 10: Clase Manual Marca

IMG's Nooka Guidelines Poster

➊ Introducción➋ Construcción➌ Aplicaciones

Tamaños mínimosPaleta cromaticaTipografía corporativaAplicaciones incorrectasEjemplos de aplicación

•••

Ma-NUaL»strct

Page 11: Clase Manual Marca

43 4C

ont

ent

s5 — 26StrategyWhat the Barbican stands for and the thinking behind our visual identity.

27 — 62Rules and tools A guide to our identity assets and visual specifications.

63 — 86Best practiceA reference gallery of creative applications of our identity.

Co

nten

ts

IMG's Nooka Guidelines Poster

IMG's Barbican Guidelines

➊ Introducción➋ Construcción➌ Aplicaciones

MA-NUAL»strct

Page 12: Clase Manual Marca

03 Introducción

Page 13: Clase Manual Marca

5

Stra

teg

y6St

rate

gy

IMG's Barbican Guidelines

MA-NUAL»iNtro

Page 14: Clase Manual Marca

7

We are a world-class arts and learning organisation, pushing the boundaries of all major art forms.

IMG's Barbican Guidelines

MA-NUAL»iNtro

Page 15: Clase Manual Marca

109

Stra

teg

yArts without boundaries

This is the guiding principle that defines our brand and drives our activities.

It is what makes the Barbican distinctive and is the starting point for all our visual communications.

Pro

po

sitio

n

IMG's Barbican Guidelines

MA-NUAL»iNtro

Page 16: Clase Manual Marca

and

so

met

imes

...

pro

voca

tive

Nev

er le

ss th

an

...

bra

ve

IMG's Barbican Guidelines

MA-NUAL»iNtro

Page 17: Clase Manual Marca

gro

und

-bre

ak

ing

ad

vent

uro

us

IMG's Barbican Guidelines

MA-NUAL»iNtro

Page 18: Clase Manual Marca

bes

po

ke

per

sona

l

IMG's Barbican Guidelines

MA-NUAL»iNtro

Page 19: Clase Manual Marca

elec

trify

ing

eng

ag

ing

IMG's Barbican Guidelines

MA-NUAL»iNtro

Page 20: Clase Manual Marca

committed to delivering inspiring experiences.

and

alw

ay

s ..

.

IMG's Barbican Guidelines

MA-NUAL»iNtro

Page 21: Clase Manual Marca

04 Construcción

Page 22: Clase Manual Marca

Ma-NUaL»GrID

IMG's Replica Font Specimen

Page 23: Clase Manual Marca

IMG's Dow Jones Identity

Ma-NUaL»GrID

Page 24: Clase Manual Marca

MA-NUAL»grid

IMG's Design Concept Realisation 1975 - Wolfgang Schmittel

Page 25: Clase Manual Marca

MA-NUAL»grid

IMG's Design Concept Realisation 1975 - Wolfgang Schmittel

Aphex»extra

aLtUra 'x'

Page 26: Clase Manual Marca

MA-NUAL»grid

IMG's Design Concept Realisation 1975 - Wolfgang Schmittel

Aphex»extraaLtUra

asceNDeNtes

Page 27: Clase Manual Marca

MA-NUAL»grid

IMG's Design Concept Realisation 1975 - Wolfgang Schmittel

Aphex»extra

aLtUra DesceNDeNtes

Page 29: Clase Manual Marca

MA-NUAL»grid

IMG's Form + Communication 3 Newer Older 1976 - Walter J. Diethelm

Page 30: Clase Manual Marca

MA-NUAL»grid

IMG's Form + Communication 3 Newer Older 1976 - Walter J. Diethelm

Page 31: Clase Manual Marca

MA-NUAL»grid

IMG's Form + Communication 3 Newer Older 1976 - Walter J. Diethelm

Page 32: Clase Manual Marca

Ma-NUaL»a2

Page 33: Clase Manual Marca

Ma-NUaL»a2

UNIDaD x

Page 34: Clase Manual Marca

Ma-NUaL»a2

UNIDaD x

4x

á r e a D e p r o t e c c I ó N

x⁄2x⁄2

x⁄2x⁄2

Page 35: Clase Manual Marca

Ma-NUaL»a2

Page 36: Clase Manual Marca

LoGo➌

LoGo➊

LoGo➍

LoGo➋

Ma-NUaL»a2

Page 37: Clase Manual Marca

LoGo➌

LoGo➊

LoGo➍

LoGo➋

Bacon ipsum dolor sit amet ribeye flank pork fatback, capicola ham hock kevin rump. Ham ball tip drumstick, rump boudin turkey.

Spare ribs andouille filet mignon t-bone, strip steak pancetta tenderloin pork belly tail. Bacon venison spare ribs, tongue leberkas.

Ma-NUaL»a2

Page 38: Clase Manual Marca

LoGo➌

LoGo➊

LoGo➍

LoGo➋

Bacon ipsum dolor sit amet ribeye flank pork fatback, capicola ham hock kevin rump. Ham ball tip drumstick, rump boudin turkey.

Spare ribs andouille filet mignon t-bone, strip steak pancetta tenderloin pork belly tail. Bacon venison spare ribs, tongue leberkas.

Ma-NUaL»a2

Page 39: Clase Manual Marca

LoGo➌

LoGo➊

LoGo➍

LoGo➋

Bacon ipsum dolor sit amet ribeye flank pork fatback, capicola ham hock kevin rump. Ham ball tip drumstick, rump boudin turkey.

Spare ribs andouille filet mignon t-bone, strip steak pancetta tenderloin pork belly tail. Bacon venison spare ribs, tongue leberkas.

Ma-NUaL»a2

Page 40: Clase Manual Marca

05 Aplicaciones

Page 41: Clase Manual Marca

Ma-NUaL»tMño

150px 75px 50px

Page 42: Clase Manual Marca

Ma-NUaL»tMño

150px 75px 50px 50px

Page 43: Clase Manual Marca

Ma-NUaL»tMño

150px 75px 50px 50px 50px

Page 44: Clase Manual Marca

Ma-NUaL»coLor

IMG's Yoshida Design

Page 45: Clase Manual Marca

R G B

Red; Green; Blue

MA-NUAL»coLor

Page 46: Clase Manual Marca

Ma-NUaL»coLor

Page 47: Clase Manual Marca

R G B

Red; Green; Blue

C M Y K

Cyan; Magenta; Yellow; Key

MA-NUAL»coLor

Page 48: Clase Manual Marca

Ma-NUaL»coLor

Page 49: Clase Manual Marca

R G B

Red; Green; Blue

C M Y K

Cyan; Magenta; Yellow; Key

PANTONE

MA-NUAL»coLor

IMG's Yoshida Design

Page 50: Clase Manual Marca

Ma-NUaL»coLor

IMG's Berg & Berg Identity

Page 51: Clase Manual Marca

IMG's Hong Kong Brand Guidelines

MA-NUAL»coLor

Page 52: Clase Manual Marca

IMG's Ohw Guidelines

MA-NUAL»coLor

Page 53: Clase Manual Marca

Ma-NUaL»type

IMG's New York City Transit Authority Graphics Standards Manual

Page 54: Clase Manual Marca

IMG's Ohw Guidelines

MA-NUAL»type

Page 55: Clase Manual Marca

42

41

Ru

les

an

d to

olsFutura is our voice

We only use one font.

Futura is at the core of our visual identity and synonymous with our brand.

Typ

efa

ce

IMG's Barbican Guidelines

MA-NUAL»type

Page 56: Clase Manual Marca

44

43

Ru

les

an

d to

olsThree weights

The Barbican likes to be bold and strong in its communications, however with Futura we can also be quieter, more restrained and classical. Use a weight that best suits the message.

The version of Futura that we use belongs to the Scangraphic font library. Details about purchasing the font are at the back of this guide.

Typ

efa

ce

IMG's Barbican Guidelines

MA-NUAL»type

Page 57: Clase Manual Marca

45

46

Ru

les

an

d to

olsThree type sizes

Keeping things consistent and simple makes communication quicker and easier. When the audience is familiar with the hierarchy of information, it takes them just an instant to find what they’re interested in.

Our system only utilises up to three sizes:

Size one for headlines or titlesSize two for descriptor/subheadingSize three for additional information

Our wordmark is not a typesize.

Typ

efa

ce

IMG's Barbican Guidelines

MA-NUAL»type

Page 58: Clase Manual Marca

IMG's Hong Kong Brand Guideline

MA-NUAL»error

Page 59: Clase Manual Marca

IMG's 1976 Montréal Olympics Basic Logo Standards

Usos prohibidos

Deformar proporcionesEliminar elementosAplicar degradadosDescomponer el logo

•••

MA-NUAL»error

Page 60: Clase Manual Marca

Ma-NUaL»eJeMp

IMG's Berg & Berg

Page 61: Clase Manual Marca

Barbican lounge Level 1

lounge-reservations @barbican.org.uk +44(0)20 7382 6180

Barbican Centre Silk Street London EC2Y 8DS +44(0)20 7638 4141 barbican.org.uk

ba

rbic

an

.org

.uk

Barbican Centre Silk StreetLondon EC2Y 8DS+44(0)20 7638 4141barbican.org.uk

The City of London Corporation is the founder and principal funder of the Barbican Centre

Barbican Centre Silk StreetLondon EC2Y 8DS+44(0)20 7638 4141barbican.org.uk

Barbican Centre Silk StreetLondon EC2Y 8DS+44(0)20 7638 4141barbican.org.uk

Barbican Centre Silk StreetLondon EC2Y 8DS+44(0)20 7638 4141barbican.org.uk

Barbican Centre Silk StreetLondon EC2Y 8DS+44(0)20 7638 4141barbican.org.uk

IMG's Barbican Guidelines

Ma-NUaL»eJeMp

Page 62: Clase Manual Marca

56

55

Ru

les

an

d to

ols

Form

at

Three printed sizesFor simplicity’s sake, we generally use two A sizes for our printed communications, and DL in special cases. 1 A5 2 A6 3 DL

3 1

2 IMG's Barbican Guidelines

Ma-NUaL»eJeMp

Page 63: Clase Manual Marca

IMG's Barbican Guidelines

Ma-NUaL»eJeMp

Page 64: Clase Manual Marca

IMG's Barbican Guidelines

Ma-NUaL»eJeMp

Page 65: Clase Manual Marca

barbican.org.uk

thea

tre

& d

anc

e ja

n –

ap

r 201

3 32

spri

ng 2

012

cla

ssic

al m

usic

cla

ssic

al m

usic

spri

ng 2

012

barbican.org.uk

IMG's Barbican Guidelines

Ma-NUaL»eJeMp

Page 66: Clase Manual Marca

IMG's Barbican Guidelines

Ma-NUaL»eJeMp

Page 67: Clase Manual Marca

IMG's Barbican Guidelines

Ma-NUaL»eJeMp

Page 68: Clase Manual Marca

IMG's Barbican Guidelines

Ma-NUaL»eJeMp

Page 69: Clase Manual Marca

IMG's Bespoke e-Newsletter

MA-NUAL»ejeMp

Page 70: Clase Manual Marca

IMG's Bespoke e-Newsletter

MA-NUAL»ejeMp

Page 71: Clase Manual Marca

→Link

IMG's Invesco Brand Film

Page 72: Clase Manual Marca

IMG's Invesco Brand Film

¡Muchas Gracias!

¿Dudas?