Sin marcas de corte by Olga Gasch

MANUAL DE IDENTIDAD CORPORATIVA

Olga Ruiz Gasch Segundo de Grado Grรกfico

ÍNDICE 04

FILOSOFÍA DE GOOGLE

IMÁGENES Y SENSACIONES

COLORES CORPORATIVOS

SISTEMA DE RETÍCULAS

LOGOSÍMBOLO

MARCA GRÁFICA

TIPOGRAFÍA CORPORATIVA

Versiones 18 Test de Reducción 22 Usos correctos e incorrectos 24

Filosofía

Piensa en el usuario y lo demás vendrá solo.. Desde el principio, nuestros esfuerzos se han centrado en proporcionar la mejor experiencia posible a los usuarios. Cuando diseñamos un nuevo navegador de Internet o modificamos el aspecto de la página principal, lo más importante es asegurarnos de que todo el trabajo sea útil para nuestros usuarios, por encima de nuestros propios beneficios u objetivos internos.

AquĂ y en todas partes...

Distintos caminos.. La filosof铆a de Google es distinta a la nuestra. Su objetivo es organizar la informaci贸n en el mundo. Nosotros creemos que no podemos hacerlo. Nuestro objetivo es crear herramientas que permitir谩n a otros organizar la informaci贸n - Bill Gates

Ser muy bueno no basta.. Consideramos que ser muy bueno en algo es solo el punto de partida, pero no la meta. Nos fijamos objetivos que sabemos que aĂşn no podemos alcanzar, porque estamos convencidos de que los esfuerzos por cumplirlos pueden llevarnos a obtener mejores resultados que los esperados.

Porque nos importa.

Colores Corporativos COLORES PRINCIPALES

C: 0.06 M: 2124 Y: 98.4 K: 0

C: 8.24 M: 88.24 Y: 86.674 K: 0.78 C: 3.53 M: 30.98 Y: 100 K: 0

R: 255 G: 200.79 B: 16.59

R: 220.06 G: 68.68 B: 54.07

R: 243.29 G: 179.9 B: 26.99

660 C

7619 C

123 C

C: 49.41 M: 29.24 Y: 0 K: 0

C: 6.67 M: 67.45 Y: 55.29 K: 0

C: 1.57 M: 19.22 Y: 84.71 K: 0

R: 128.55 G: 162.63 B: 21

R: 228.15 G: 115.55 B: 104.45

R: 250.91 G: 203.64 B: 66.67

659 C

7591 C

113 C

C: 33.33 M: 16.86 Y: 0 K: 0

C: 3.53 M: 46.67 Y: 30.2 K: 0

C: 1.18 M: 8.24 Y: 71.76 K: 0

R: 165.64 G: 191.41 B: 227.95

R: 236.87 G: 155.4 B: 152.37

R: 254.72 G: 225.26 B: 102.71

658 C

7590 C

100 C

C: 3.53 M: 2.35 Y: 2.35 K: 0

C: 30.98 M: 24.71 Y: 25.1 K: 0

C: 59.61 M: 51.37 Y: 50.59 K: 20

R: 242.73 G: 242.83 B: 242.96

R: 178.72 G: 178.52 B: 178.68

R: 102.55 G: 102.54 B: 102.69

COLORES SECUNDARIOS

C: 83.14 M: 12.55 Y: 87.45 K: 1.57 R: 15.34 G: 156.63 B: 88.47 7724 C

C: 73.33 M: 0.39 Y: 70.98 K: 0 R: 52.79 G: 182.13 B: 122.03 563 C

C: 50.59 M: 0 Y: 43.92 K: 0 R: 126.76 G: 201.86 B: 166.74 565 C

C: 72.55 M: 66.67 Y: 65.1 K: 78.82 R: 24.53 G: 24.43 B: 24.58

El color, nuestra identidad. Google tiene una sólida imagen gráfica en la que el color juega un papel muy importante. Es su principal recurso estética la combinación del color y la tipografía, por ello llega hasta mantener un orden de prioridad el rojo azul en primer lugar, el rojo, el amarillo y por último el verde. Así que se mantienen estos cuatro colores corporativos y de ellos se extraen tonalidades derivadas y similares también en escala de grises que pasan a ser lo colores secundarios. Estos serán utilizados para cualquier tipo de aplicaciones pero siempre respetando los colores principales de la marca. 13

Sistema de Retículas Área de reserva El área de reserva viene dada por una “X”, esta es la que se ha tomado para elaborar la retícula modular en la que encaja nuestro logosímbolo y la marca gráfica en sus dos versiones, horizontal y vertical.

6u 1u 5u

La medida del área de reserva es una x por ámbos laterales y por el extremo superior e inferior hasta limitar con la tipografía o con el logosímbolo.

19u 1u

11u

24u 1u

Módulo “X” La retícula está formada por la medida “x”, esta viene dada por la división de una de las formas geométricas del logosímbolo en cuatro partes, la foma al no ser cuadrada no da una medida perfecta, así que apartir de esta se le añadió una pequeña parte para realizar un cuadrado perfecto. Una vez fijada la “x” se formo la retícula modular con esta medida tanto para el logosímbolo que encaja a la perfección como para la marca gráfica. Esta encaja de manera correcta en todos sus límites salvo en la primera “G” de Google que le hace falta un 1.2 partes de x, y en la segunda que por la parte de bajo que requiere 1.5 partes de x.

1u 19u

11u

24u

Logosímbolo

COLOR

BLANCO Y NEGRO

UNA TINTA

¿Porqué? Se ha creado un símbolo que representa los valores de empresa y los refuerza. Además de cubrir la presencia de esta en diferentes aplicaciones y servicios.

Representando el término de “enlace” hace referencia a la estructura interna de una cadena de ADN con sus formas geométricas, así se en laza con el ámbito de la medicina que al igual que la empresa Google trata de solventar problemas y lograr avances para la humanidad.

Sus versiones El Logosímbolo creado tiene los cuatro colores corporativos de google para mantener su estética y representar la diversidad. Pero también puede funcionar a una tinta y en blanco y negro sin perder la pregnancia y la funcionalidad. Aquí se muestran los ejemplos a una tinta con cada uno de los colores corporativos y con el negro. Además de sus versiones en negativo con los diferentes colores y sobre negro.

NEGATIVO

Marca Gráfica

COLOR

BLANCO Y NEGRO

Aplicamos El logosímbolo creado a sido aplicado para funcionar junto con la marca gráfica de Google, así que se ha formado este conjunto de dos formas la marca en horizontal donde el logosímbolo se sitúa a la izquierda de la marca y la versión en vertical donde está situado arriba de la “o” de Google. Así se consiguen dos aplicaciones de marca para adaptarse a diferentes demandas. UNA TINTA 18

BLANCO Y NEGRO

COLOR

Versiones En ambas composiciones podremos encontrar las versiones en blanco y negro y a una tinta. AquĂ se puede ver el muestrario con los cuatro colores corporativos de Google aplicados la marca horizontal y vertical y en blanco y negro.

UNA TINTA 19

Marca GrĂĄfica Negativo AquĂ se puede apreciar las versiones horizontal y vertical de la marca en negativo con los colores corporativos de Google y el negro.

Aplicaciones Se muestra lo forma en que la marca gráfica funciona en blanco sobre una pastilla de color o negra y sin peder ningún tipo de detalle sino que se representa con mayor fuerza y pregnancia. Es un recurso que se puede utilizar en muchas aplicaciones como cartelería y librería que obliguen a aplicar la marca sobre un fondo de color.

Marca Grรกfica

25 mm 71 px

88.7 mm 31.3 px

32.9 mm 93.3 px

167.4 mm 59 px 17.5 mm 49.7 px

76.1 mm 26.8 px

23 mm 65.3 px

143.4 mm 50.6 px

10.5 mm 29.8 px 13.8 mm 39.2 px

38.6 mm 13.6 px

5.2 mm 14.9 px 71.7 mm 25.3 px

30.8 mm 10.8 px 57.3 mm 20.2 px

7 mm 19.6 px

22.8 mm 64.5 px

83.5 mm 236.7 px

13.6 mm 38.7 px

50.1 mm 142 px

11.4 mm 32.2 px 41.7 mm 118.4 px

9.1 mm 25.8 px 33.4 mm 94.7 px

Reducción Se ha escalado el logosímbolo y la marca gráfica tanto en horizontal como en vertical, la medida básica es de 50x13.6 mm en horizontal y la mínima de 33.4x9.1mm. En cuanto al logosímbolo la medida estandar es de 23x17.5mm y la mínima reducida de 7x5.2mm. Sobre la marca gráfica vertical la medida estandar es de 143.4x76.1mm y la mínima de 57.3x30.8mm. 23

Marca Gráfica Usos incorrectos La marca gráfica debe ser utilizada de una manera adecuada por lo que no se le podrá aplicar ningún tipo de deformación irregular como estirarla, contraerla, aplastarla etc.. Por otra parte no se podrán utilizar pastillas de color que contengan degradados o que sus colores sean muy fuertes y no se encuentren en armonía con los colores corporativos de la marca.

Usos correctos La tipografĂa se podrĂĄ utilizar correctamente sobre las tonalidades claras de gris corporativo, sobre fondo blanco, sobre fondo azul claro y con fondo blanco y una suave lĂnea de contonrno.

Tipografía Corporativa PRINCIPAL

Open Sans Regular

abcdefghijklmnñopqrstuvwxyz ABCDEFGHYJKLMNÑOPQRSTUVWXYZ 1234567890,.-ç`+¿’=/&%$··”!ª Italic

abcdefghijklmnñopqrstuvwxyz ABCDEFGHYJKLMNÑOPQRSTUVWXYZ 1234567890,.-ç`+¿’=/&%$··”!ª Semibold

abcdefghijklmnñopqrstuvwxyz ABCDEFGHYJKLMNÑOPQRSTUVWXYZ 1234567890,.-ç`+¿’=/&%$··”!ª Bold

abcdefghijklmnñopqrstuvwxyz ABCDEFGHYJKLMNÑOPQRSTUVWXYZ 1234567890,.-ç`+¿’=/&%$··”!ª Light

abcdefghijklmnñopqrstuvwxyz ABCDEFGHYJKLMNÑOPQRSTUVWXYZ 1234567890,.-ç`+¿’=/&%$··”!ª 26

Principales La tipografía corporativa de Google es la Open Sans, una tipografía de palo seco, sintética, austera y sólida a la vez que funcional y que va a corde con la estética de la marca gráfica y de la Imagen corporativa de la empresa. Esta tipografía es utilizada con todas sus versiones y un buen ejemplo de ello lo encontramos en la página web, o en este propio manual.

Secundarias Como tipografías secundarias se han seleccionado la Helvética Nue Std, y la Catull. La Helvética es una tipografía similar a la Open Sans, de palo seco que también denota serenidad y pregnacia. En cuanto a la Catull es la tipografía que se ha utilizado para la elaboración de la marca gráfica, por lo que se podría utilizar en ciertas aplicaciones, es un tipografía de serifa demasiado acentuada para ser utilizada en texto continuo.

SECUNDARIAS

Helvetica LT Std Regular

abcdefghijklmnñopqrstuvwxyz ABCDEFGHYJKLMNÑOPQRSTUVWXYZ 1234567890,.-ç`+¿’=/&%$··”!ª Oblique

abcdefghijklmnñopqrstuvwxyz ABCDEFGHYJKLMNÑOPQRSTUVWXYZ 1234567890,.-ç`+¿’=/&%$··”!ª Bold

abcdefghijklmnñopqrstuvwxyz ABCDEFGHYJKLMNÑOPQRSTUVWXYZ 1234567890,.-ç`+¿’=/&%$··”!ª

Catull Regular

abcdefghijklmnñopqrstuvwxyz ABCDEFGHYJKLMNÑOPQRSTUVWXYZ 1234567890,.-ç`+¿’=/&%$··”!ª