Manual de identidad gráfica corporativa V(situa)

public

(situa)

//construcciรณn virtual

Manual de identidad grรกfica corporativa

Este manual pertenece al proyecto universitario desarrollado

por

Silvia

Vidal

Núñez

para

la

asignatura de Diseño I cursada en la carrera de Bellas Artes.

V (situa) es el nombre de una marca creada expresamente para la realización del ejercicio.

Manual de identidad gráfica corporativa 3

siluvene.com

uso del manual()

Los siguientes símbolos representan los capítulos y el anexo final en los que se divide este manual. Figuran en el pié de página enmarcando el número de esta.

tabla de contenidos

⊕⊕ ⊕⊕

uso del manual (2) presentación (3)

⊕⊕ ⊕⊕

valores de marca (6) normas de diseño →→ logotipo (7) →→ imagotipo (8) →→ marca (9) →→ arquitectura (10) →→ versiones (11) →→ color (14) →→ tipografías (15) →→ construcción (5) →→ restricción (18) →→ tamaño (19) →→ fraccionamiento (22) →→ trama (23) →→ usos incorrectos (24)

⊕⊕

aplica

⊕⊕

término (36)

MARCA ⊕⊕ Capítulo de presentación de la marca Vsitua, valores y de normas de diseño de su identidad visual.

APLICA ⊕⊕ Capítulo de aplicaciones de la identidad corporativa en diversos ámbitos como papelería, arquitectura, packaging, etc.

TÈRMINO ⊕⊕ Anexo de terminología técnica empleada en el desarrollo del manual.

4

→→ →→ →→

papelería (26) textil (32) packaging (33)

El diseño es la comunicación de una realidad reinventada. En la era de la información en la que nos hallamos inmersos, en la que lo virtual, lo que “podría llegar a ser”, y la realidad “lo que es” desdibujan sus fronteras, el diseño es la representación virtual “el como quiero que sea”, se convierte , por tanto, en herramienta indispensable para completar el contenido de un mensaje.

El concepto de identidad deja de ser el de aquella recibida en el nacimiento y constante durante toda la existencia, para convertirse en la idea contemporánea de una identidad en proyecto, elástica y personalizable. Así, la identidad gráfica nos deja reinventar el objeto, en este caso reinventar la empresa, nos permite actualizarla al gusto y a la necesidad de cada momento, según el público y según el medio.

La marca de la empresa, es la definición de esta, sus objetivos, su forma de entender, su cultura, su filosofía, su público. El nombre de la marca junto al conjunto logo e imagotipo viene a sintetizar dicha definición, conteniendo lo indispensable, apuntando concisamente al meme que se quiere comunicar.

La utilización de los mismos patrones en el tratamiento visual de la marca sea cual sea el medio de expresión potencia la identidad de la empresa haciéndose un hueco en la memoria colectiva. Para definir esos patrones el diseñador gráfico tradicional se sirve del color, de la tipografía, de la formas, de la frase. Actualmente el branding de marca se mueve más allá de la grafía, más allá de la imagen, se repite lo ya asumido en el arte contemporáneo, entra en juego la acción en las estrategias de posicionamiento de marca.

public

(situa)

⊕⊕ El presente documento, V (situa) Manual de identidad gráfica corporativa recoge los elementos gráficos y describe los patrones de aplicación que permiten desarrollar eficazmente la identidad gráfica de la marca

V(situa).

⊕⊕ Este manual debe ser usado como herramienta para la aplicación correcta y homogénea de la marca, lo que garantizará la coherencia, la claridad, el carácter y el posicionamiento en alza de esta. ⊕⊕ Se destina a aquellos profesionales encargados de diseñar un producto en los que se halla de aplicar graficamente la marca V (situa). ⊕⊕ Departamento responsable de velar por la imagen de marca:

Departamento de imagen imagen@vsitua.com

presentación() //construcción virtual

5

ma rc a

7

valores d e

“construir una imagen sobre un nombre erróneo es como edificar sin cimentación” http://www.manuelestrada.com/identity

⊕⊕virtual V es la letra principal del nombre de la marca, aparece con trazo grueso, con altura de texto cuatro veces mayor a la del resto del nombre y una fuente poco común (Neuropol) modificada.

Además visualmente V(situa) se parece a Virtual, esto es porque, además de contener la V, repite las vocales de la palabra.

⊕⊕sitio Un sitio es un lugar, un espacio tanto real como virtual. La metáfora que utilizamos para hablar de la información virtual, espacio, sitio ,navegación, etc es lo que nos permite entender lo virtual, poder encontrarlo.

8

rca

naming

ma

marca >

V (situa) es el nombre que dá este manual a una marca virtual que nace en 2010 ofreciendo varios servicios como diseño de páginas webs, publicidad para páginas webs, infografías 3d, aplicaciones de realidad virtual y realidad aumentada, y en el último año aplicaciones para smartphones y tablets.

Esta formado por un equipo jóven que sigue una dinámica de trabajo horizontal, siendo frecuentes las colaboraciones con otras empresas o profesionales.

Ahora V (situa) se analiza a si misma y decide quien quiere ser, ahora que la empresa toma constancia de si misma es necesario reforzar algunos cimientos. Una compañía pequeña descentralizada que hasta el momento ha operado solo virtualmente y es ahora cuando requiere de espacios físicos reales y actividad añadida a la web. El salto a la realidad requiere la conformación de espacios identificables y acordes a los valores de marca, pero cuales son estos valores?

Se propone una gráfica que exprese la idea de “virtualidad real”, nuevas tecnologías, innovación, vanguardia, para ello se recurre al cubo, representacion del espacio 3d, estrechamente unido al mundo de la realidad virtual y al código utilizado en lenguajes de programación (JAVA), para ello se utiliza la tipografía común en editores de programación, Courier New y se crea una función llamada V (situa).

Virtual Real Sitio Nuevas tecnologías Dinamismo Innovación, Vanguardia Cultura Investigación Contemporaneidad Información

Red

Comunicación Vitalidad Inteligencia colectiva

(situa)

m

a r ca >

normas de diseĂąo

(logotipo)

9

marca >

normas de diseĂąo

(isotipo )

10

public

(situa)

//construcciĂłn virtual

marca >

normas de diseĂąo

(imagotipo)

11

normas de d

V(real) ⊕⊕ Variación de marca gráfica para productos específicos de realidad virtual.

V(aume) ⊕⊕ Variación de marca gráfica para productos específicos de realidad aumentada.

V(inte)

(arquitectura)

Todo mercado relacionado con las nuevas tecnologías evoluciona de manera vertiginosa, el producto de V(situa) se transforma y diversifica a gran velocidad, su imagen corporativa tambien debe poseer esta capacidad de adaptación y versatilidad.

eño

Arquitectura de marca

is

marca >

public

(real)

//realidad virtual public

(situa)

//construcción virtual

public

(aume)

//realidad aumentada public

(inte)

⊕⊕ Variación de marca gráfica para productos específicos de web multimedia interactiva.

//interacción multimedia

12

public

(situa)

//construcciĂłn virtual

principal.

positivo // tres tintas

m

a > arc

normas de diseĂąo

public

(situa)

//construcciĂłn virtual

negativo // tres tintas

(versiones):

3 tintas

13

ar

m

ca >

normas de diseño

public

(situa)

(versiones):gris e

//construcción virtual

positivo // escala de grises

14

public

(situa)

//construcción virtual

negativo // escala de grises

s

public

(situa)

//construcción virtual

ma

rca >

public

(situa)

//construcción virtual

normas de diseño

public

(situa)

//construcción virtual

(versiones):

public

(situa)

//construcción virtual

1 tinta

15

normas de d

⊕⊕secundarios Se propone una gama de colores secundarios para utilizar en marcas de posibles subproductos de la empresa, así como en señalética.

(color)

Se han elegido colores que parecen remitirnos subconscientemente a lo tecnológico. El verde y el azul elegidos nos recuerdan el color utilizados en la envolvente de cables de cobre o los usados por programas editores de código de programación para aclarar la estructura de este.

Se sustituye el negro por un pardo muy oscuro de la gama pantone.

Se completa la gama con un gris neutro.

eño

⊕⊕principales

is

marca >

pantone C=69 M=0 Y=100 K=0

pantone 2935 C C=100 M=46 Y=0 K=0

pantone 5467 C C=100 M=0 Y=33 K=94

C=0 M=0 Y=0 K=60

pantone 222 C C=0 M=100 Y=10 K=59

pantone 215 C C=0 M=100 Y=35 K=27

C=0 M=0 Y=0 K=70

C=0 M=0 Y=0 K=90

Colores principales

pantone 357 C C=80 M=0 Y=100 K=56

pantone 312 C C=96 M=0 Y=11 K=20

Colores secundarios

⊕⊕grises Se reduce la gama de grises a los 4 grados presentados a la derecha, a los cuales añadiremos el gris 60% incluido en los colores principales, así como el negro y el blanco.

C=0 M=0 Y=0 K=20

Escala de grises 16

C=0 M=0 Y=0 K=40

⊕⊕courier new Tipografía digital monoespaciada basada en la usada a mediados del siglo XX en las máquinas de escribir.

Se toma como tipo base del logotipo por su vinculación a las nuevas tecnologías desde su nacimiento y por tratarse de la tipografía usada en programación para la escritura de código.

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz !¡”•$%&/()=?¿.;` 1234567890 ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz !¡”•$%&/()=?¿.;` 1234567890 ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz !¡”•$%&/()=?¿.;` 1234567890 Tipografía principal utilizada en la palabra “sitia” y en los signos “()” del logotipo, así como en el texto que acompaña al logotipo y al imagotipo en la marca gráfica.

Neuropol Tipografía singular utilizada en la letra V del logotipo.

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz !¡”•$%&/()=?¿.;` 1234567890 ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz !¡”•$%&/()=?¿.;` 1234567890 ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz !¡”•$%&/()=?¿.;` 1234567890

Verdana Tipografía empleada en papelería básica.

normas de di

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz !¡”•$%&/()=?¿.;` 1234567890

⊕⊕neuropol

marca >

Courier New

Se elige la fuente de Ray Larable para la “V” por su aspecto futurista, como de ciencia ficción que encaja con el planteamiento vanguardista y la imagen innovadora que se quiere dar a la marca.

Una gran ventaja de esta fuente es su gran versatilidad y facilidad de edición.

⊕⊕verdana Se asigna a la tipografía de párrafo por su gran legibilidad en pantalla. Es predeterminada en Mac y Windows, al estar instalada en todo ordenador asegura la correcta visualización del diseño de documentos.

se ño

(tipografia) 17

m a rca >

normas de diseño

1.00 U

0.50 U 3.00 U

1.00 U

1.00 U

1.50 U

R0.12 U

R0.17 U 0.83 U

0.08 U

V

0.50 U

Carácter Neuropol altura de texto 1.5xu factor de anchura 0.7xu

R0.20 U

R0.08 U 0.20 U

0.45 U

(construcción

R0.05 U

0.25 U

R0.33 U

Paso 1

18

0.20 U

Paso 2

)

Tipografía Courier New altura de texto 0.21xu negrita justificación superior izquierda

0.58 U

1.90 U

public

(situa)

pantone 5467 C

Tipografía Courier New altura de texto 0.3xu justificación superior izquierda

public

pantone 361 C

pantone 5467 C C0 M0 Y0 K60 pantone 2935 C

4.00 U

pantone 361 C

//construcción virtual

Tipografía Courier New altura de texto 0.21xu cursiva justificación superior izquierda

pantone 361 C

(situa) pantone 2935 C

pantone 361 C pantone 361 C

//construcción virtual C0 M0 Y0 K60

5.50 U

Paso 3

Paso 4

mar

ca >

normas de diseño

(construcción)

19

marca >

normas de diseño

1.00 U

1.00 U

public

(situa)

(restricción

//construcción virtual

20

)

3.7 cm

public

2.0 cm

2.2 cm

1.0 cm

(situa)

2.7 cm

2.3 cm

(situa)

//construcción virtual

Miniatura

Miniatura

Miniatura

5.5 cm

public

3.0 cm

(situa)

4.4 cm 4.0 cm

3.5 cm 2.0 cm

(situa) //construcción virtual Tamaño aplicaciones de papelería

Tamaño aplicaciones de papelería

Tamaño aplicaciones de papelería

Logotipo

Imagotipo

Marca gráfica

mar

ca >

normas de diseño

(tamaño)

21

marca >

ño

normas de di s e

Para garantizar la adecuada legibilidad e impacto del logotipo se ha de reservar un espacio alrededor en color del fondo, esto es blanco normalmente u otro color de los indicados en el presente manual para el caso de representaciones en negativo del logotipo. Así mismo cuando se presente el imagotipo aislado o la marca gráfica completa tambien se respectará esta forma envolvente.

El ancho mínimo de la zona de protección será de 1 unidad, tomando como unidad la medida en la cuadricula de construcción mostrada en el apartado anterior, siempre que esta unidad sea igual o mayor a 1 cm.

De no ser así, siempre que el módulo de construcción sea menor a 1 cm, como en el caso de las miniaturas descritas en el siguiente apartado, se dejará un ancho libre mínimo de 1 cm.

(restricción)

⊕⊕área de restricción

1.00 U

1.00 U

1.00 U

1.00 U

(situa)

Logotipo

Imagotipo 1.00 U

1.00 U

public

(situa)

//construcción virtual

22

Marca gráfica

4.4 cm

2.2 cm 2.0 cm

(situa)

1.0 cm

Miniatura

⊕⊕tamaño mínimo

(situa)

El tamaño mínimo permitido para la representación tanto de logotipo o imagotipo aislado, como para la marca gráfica está especificado en la imagen de la izquierda al describir la miniatura.

Tamaño aplicaciones de papelería

Logotipo

⊕⊕tamaño normal

3.0 cm

El tamaño de aplicaciones de papelería es el tamaño “normal” de la imágen para las escalas usuales de folios, cartas, carpetas, etc. No se permite el uso de tamaños intermedios entre miniatura y tamaño de papelería.

2.0 cm

3.5 cm 2.3 cm

Imagotipo 5.5 cm

public public

(situa)

(situa)

4.0 cm

s

2.7 cm

//construcción virtual

Miniatura

Marca gráfica

Para tamaños mayores al tamaño normal dependerá de la escala de aplicación, consúltese para ello el apartado de aplicación correspondiente.

a norm

3.7 cm

⊕⊕otros tamaños

marca >

Tamaño aplicaciones de papelería

Miniatura

//construcción virtual Tamaño aplicaciones de papelería

de diseño

(tamaño) 23

marca >

ño

normas de di s e

Se toma como abreviación gráfica de la marca el símbolo mostrado a continuación.

Este símbolo puede utilizarse como marca de agua, para diseño de moviliario u otras piezas arquitectónica y otras aplicaciones, ya sea fraccionado, en este caso siempre a sangre, o mostrando el símbolo al completo.

El símbolo se muestra en la opción color principal pantone 5467C 100% o diluido para marcas de agua al 15%.

A continuación se muestran algunas posibilidades de fraccionamiento.

24

(fraccionamiento)

⊕⊕componente gráfico secundario

⊕⊕trama corporativa El módulo se compone a partir de otra abreviación del imagotipo de la marca gráfica formando una matriz de 4 por 4 en la que se juega con llenos y vacios, colores principales y variaciones de perspectiva.

Existe la posibilidad de generar esta misma trama en gama de grises o monocroma.

marca >

Sus aplicaciones son múltiples, desde un papel de regalo, una corbata u otros complentos, hasta el diseño de una celosía o los vinilos para mamparas de una oficina.

m nor

as

de diseño

(trama) 25

marca >

normas de di s e

public

ño

Será imprescincible velar por el uso correcto de la marca gráfica de la empresa para garantizar su función como elemento de identidad de la empresa.

A continuación se ejemplifican algunos de las alteraciones prohibidas en la marca gráfica que tienen que ver con el color, la composición, la grafía, etc.

Estos usos son incorrectos y no podrán ser utilizados.

(uso incorrecto)

⊕⊕uso incorrecto

(situa)

//construcción virtual

no contornear

no distorsionar public

no aplicar sombreados u otros efectos.

(situa)

(situa)

//construcción virtual

no

alterar tamaño y/o posición de los elementos public

public //construcción virtual

26

no alterar composición

//construcción virtual

no

usar colores tipografías similares

o

ap li ca

27

ap lica >

papelería

(tarjetas) 28

public

(situa)

tual ción vir c u r t s n o //c Nom

bre

ape

llid

os

tf 0 0 fx 0 0 000 0 0 c/ d 0 000 00 irec 000 c.p. ción nom 00 000 nº 0 b Ciu re ww w.v @vsitu dad situ a a.co .com m

public

(situa)

ón virtual //construcci

000 000 tf 000 000 000 fx 000 00 000 Ciudad c/ dirección nº 0 c.p. nombre@vsitua.com www.vsitua.com

a

plica >

papelería

(sobre)

29

ap lica >

papelería

(carpeta y folio) 30

public

(situ

a)

(situa

) tf 000 000 c/ direcció 000 fx 000 000 000 nombre n nº 0 c.p. 00 @v 000 Ciu dad www.vsitu situa.com a.com

rtual ón vi trucci //cons

0 000 00 tf 000 000 000 0 fx 00 ción nº 0 ec ad c/ dir 000 Ciud m itua.co c.p. 00 e@vs br m com no vsitua. www.

fx

itu a. co m

0 00 00 00 tf 00

ww w.v situ a.com

Nombre de cliente Nombre de proyecto

00

0

a

plica >

00 0

00 0

papelería

c/ dire d cción iuda nº 0 c.p. 00 000 C

(cd)

vs e@ r b m no

31

ap

lica >

textil

32

⊕⊕ Para la aplicación de la identidad virtual al packaging se plantea la cuestión: ¿Como se envuelve o empaqueta un producto virtual? ⊕⊕ Se propone una caja cúbica que materializa el imagotipo de la marca. ⊕⊕ Esta caja debe contener software.

Se diseña sin posibilidad de cierre es abierta haciendo referencia a la tendencia actual a la apertura de códigos de software. ⊕⊕ Dispone de un sobre en su base que permite guardar un disco y una cara trasera que permite incorporar una tarjeta con un código QR que nos conduzca, mediante un smartphone u otro lector de código a un sitio web o permita ejecutar una aplicación de realidad aumentada.

aplica >

packaging 33

ap lica >

packaging (diseño)

(situa)

apl

ica >

packaging

IMPRESIÓN DORSAL

//construcción virtual vsitua.com

IMPRESIÓN FRONTAL

34

public

12.50

R2

0.94

12.50

R1 .3 9 8.33

12.50

3 .4 R2

2.08

3 .4

0.94

⊕⊕ El diseño de dos tipos de depieces complementarios entre si, permite una máxima optimización del papel.

Un Din A2 es suficiente para fabricar dos cajas.

2.08

8.33

2.08

3 .4

2.08

R2

A2

4 .3

12.50

R1

aplica >

2.10 1.04

1.04

ag ing

4.17

1.04

6.25

10.42

0.94

1.04

R1

1.04

.3 9

2.43

.47

⊕⊕ El diseño de dos tipos de depieces 1.04 complementarios entre si, permite una máxima optimización del papel.

Un Din A2 es suficiente para fabricar dos cajas.

10.42

4.17

4.16

2.43

6.25

R0

7.64

k pac

1.04

12.50

3 .4 R2

2 0.8 520

R2 .4 3

(despiece) 35

rm in o

tĂŠ

⊕⊕ Para lograr una mayor comprensión del manual por profesionales de distintos ámbitos se exponen a continuación la definición de alguno de los conceptos utilizados.

imagen corporativa

manual de identidad corporativa

imagotipo

la percepción que una determinada persona o un colectivo tienen de una entidad. Imagen mental ligada a una corporación y a lo que ella representa

conjunto de normas que regulan el uso y la aplicación de los elementos de identidad visual de una corporación.

interacción de logo e isotipo. Imagen en la parte superior y texto en la inferios. La mayoría de las marcas se corresponden con esta categoría.

identidad corporativa conjunto de características específicas y personales de una entidad, las cuales cren una forma perceptivle y memorizable de si misma y la diferencial de las demás entidades.

El término Identidad Corporativa, por el que entenemos su carácter específico, implica todo lo que una empresa representa: sus productos, su comunidcación, sus muebles, sus inmuebles.

identidad visual la parte visible de la identidad de empresa.

A menudo se utilizan de manera indiscriminada Identidad Corporativa e Identidad Visual. No obstante, la senda se encuentra subordinada a la primera.

t

é r m i no

marca corporativa la conjunción de los distintos elementos que componen la identidad visual de la empresa: logotipo, isotipo, colores y tipografía.

logotipo

tipografía diseño-nombre del grupo de signos o caracteres que comprende un alfabeto, incluidos los números y signos especiales.

marca en la cual la palabra funciona como imagen.

isotipo marca donde la imagen funciona sin texto.

Generalmente están acompañados por ele texto pero son reconocidos indepencientemente de esto.

37