conceptualización y diseño web de multiplataforma...

15
Illustrate us IDENTIDAD MANUAL MANUAL

Upload: others

Post on 15-Aug-2021

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la

Illustrate us

IDENTIDADMANUALMANUAL

Page 2: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la

Illustrate us

GRÁFICAIDENTIDAD

Este manual de identidad tiene como objetivo recoger los elementos de identidad gráfica y la gama de aplicaciones de uso más generalizados para la correcta aplicación de la marca TOTE

Las directrices que contiene este manual han de respetarse y mantenerse constantes con el fin de facilitar una identidad única que refuerce su consistencia visual.

IDENTIDAD

tote

Page 3: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la

Logotipo1.

o

tLogotipo Básico

El logotipo es el identificador de la marca de uso común en todas las aplicaciones

Logotipo IdentificadorEl logotipo se podrá presentar solo o con su identificador

3

Page 4: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la

Logotipo1.

e

tLogotipo Básico ByN

Logotipo Básico ByN

El logotipo en blanco y negro. Representación positiva

El logotipo en blanco y negro. Representación negativa

4

Page 5: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la

Logotipo1.

o

tLogotipo Identificador ByN

Logotipo Identificador ByN

El logotipo en blanco y negro con identificador. Representación positiva

El logotipo en blanco y negro con identificador. Representación negativa

5

Page 6: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la

o

Logotipo1. tZona de Exclusión

Con el fin de causar el mayor impacto, se define el área limpia s a su alrededor

3 x

x

x /1.6

x /5

x

6

Page 7: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la

Logotipo1. tLogotipo Básico Dimensiones

Definición del tamaño mínimo del logotipo básico.

La dimensión mínima es de 20 mm

SIN IDENTIFICADOR

La dimensión mínima es de 40 mm

CON IDENTIFICADOR

eLogotipo + Identificador Dimensiones

Definición del tamaño mínimo del logotipo con identificador para facilitar su visualización

20 mm

40 mm

7

Page 8: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la

t2.ColorColoresEl color define un escenario de valores concretos que se deben considerar para su aplicación a cualquier soporte

Pant

one

Yel

low

013

1C

R G B

252 253 97

C M Y K

7% 0%

70% 0%

Web HEX # FCF361

R G B

54 167 182

C M Y K

72% 12% 28% 0%

Web HEX # 36A7B6

R G B

29 29 27

C M Y K

74% 65% 63% 81%

Web HEX # 1D1D1B

Pant

one

631

C

Pant

one

Bla

ck C

255 255 255

C M Y K

0% 0% 0% 0%

Web HEX # FFFFFF

Pant

one

Whi

te C

R G B

8

Page 9: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la

t2.ColorColoresEl color define un escenario de valores concretos que se deben considerar para su aplicación a cualquier soporte

Pant

one

Yel

low

013

1C

R G B

252 253 97

C M Y K

7% 0%

70% 0%

Web HEX # FCF361

R G B

54 167 182

C M Y K

72% 12% 28% 0%

Web HEX # 36A7B6

R G B

29 29 27

C M Y K

74% 65% 63% 81%

Web HEX # 1D1D1B

Pant

one

631

C

Pant

one

Bla

ck C

255 255 255

C M Y K

0% 0% 0% 0%

Web HEX # FFFFFF

Pant

one

Whi

te C

R G B

9

Page 10: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la

t3.TipografíaTipografía del LogotipoLa família tipográfica con la que se define el logotipo es la Nexa, en concreto Nexa Light. Es una tipografía libre.

Tt Nexa lightabcdefghijklmn ñopqrstuvwxyz

ABCDEFGHIJKLMN ÑOPQRSTUWXYZ

1234567890 !$%&/()=?¿Ç

Tt Nexa boldabcdefghijklmn ñopqrstuvwxyz

ABCDEFGHIJKLMN ÑOPQRSTUWXYZ

1234567890 !$%&/()=?¿Ç

Tt Nexa Rust Handmade

abcdefghijklmn ñopqrstuvwxyz

ABCDEFGHIJKLMN ÑOPQRSTUWXYZ

1234567890 &?Ç

10

Page 11: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la

t3.TipografíaTipografía del IdentificadorLa família tipográfica con la que se define el logotipo es la Nexa, en concreto Nexa Light. Es una tipografía libre.

OoAliens & Cows

regular

abcdefghijklmn

ñopqrstuvwxyz

ABCDEFGHIJKLMN

ÑOPQRSTUWXYZ !$%&/()=?¿Ç

Oo !$%&/()=?¿Ç

Aliens & Cows

LIGHT

ABCDEFGHIJKLMN

ÑOPQRSTUWXYZ

abcdefghijklmn

ñopqrstuvwxyz

Oo !$%&/()=?¿Ç

Aliens & Cows

BOLD

ABCDEFGHIJKLMN

ÑOPQRSTUWXYZ

abcdefghijklmn

ñopqrstuvwxyz

11

Page 12: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la

4. tUSOSUsos permitidosEl uso de la tipografía sin el logo se representará en las variaciones abajo indicadas

Como estrategía de Branding se representará el uso de tipografía con imágenes de animales que ofrezcan una cara amable y simpática a la marca.

12

Page 13: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la

4. tUSOSUsos permitidosEl uso de la tipografía sin el logo se representará en las variaciones abajo indicadas

Cuando los fondos sean multicolor estos son los usos permitidos. Se tendrá en cuenta los colores de la imagen para que el logotipo predomine y sea visible

Figura 1. Figura 2. Figura 3.

Solo se usará el logotipo sin relleno en el caso que pueda encajar en un espacio destacable y homogéneo como en la figura 3.13

Page 14: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la

4. tUSOSUsos no permitidos

Usos no permitidos según estrategia de branding y visibilidad del logotipo

No permitido No permitido No permitido

14

Page 15: Conceptualización y diseño web de multiplataforma portfolioopenaccess.uoc.edu/webapps/o2/bitstream/10609/...1. Logotipo o Logotipo Básico t El logotipo es el identificador de la