Manual de Identidad Visual para INC

Page 1

Etapa 7

Propuesta Externa

Fase 1: Creación de Identidad Visual

Declaración del Instituto de Neurociencias El estudio de las enfermedades del sistema nervioso central y periférico es una de las áreas que más ha avanzado en las ciencias médicas y por lo tanto requieren de equipo sofisticado que nos permita ahondar en la intimidad de las complejas estructuras del cerebro, médula espinal y de los nervios periféricos. Conscientes que para dar al paciente una evaluación integral de sus problemas se requiere de personal profesionalmente calificado en las distintas áreas de prevención, diagnóstico y recuperación de las enfermedades neurológicas, hemos fundado el Instituto de Neurociencias de El Salvador que cuenta con profesionales del área de Neurociencias, Neurocirugía, Psicología, Rehabilitación y Medicina Interna altamente calificados, así como también con los equipos más avanzados para el diagnóstico y rehabilitación de las enfermedades neurológicas. Creemos que nuestros pacientes son la razón de ser del Instituto y siempre buscamos darles lo mejor y con la más grande disposición, cuidado y atención integral, regidos por un código de ética que nos permite manternos transparentes y brindar un servicio honesto a la comunidad.

Creación de Imagen Instituto de Neurociencias

24


Etapa 7

Propuesta Externa

Fase 1: Creación de Identidad Visual

Concepto Gráfico Inteligencia Artificial Se refieren a aquellos mécanismos creados con el fin de tender a maximizar un resultado esperado por medio de la racionalidad del mismo. Es una simbiosis entre humano y tecnología, en donde es el humano el que esta en control y es el encargado de aportar la ética a la ecuación, mientras que la tecnología es la encargada de maximizar los resultados esperados. Se trata de llevar al límite de perfeccionamiento las diferentes operaciones, por medio de la investigación y renovación de nuevas tecnologías y conocimientos. Las terminales nerviosas juegan un papel importante ya que son estas las que permiten el coordinamiento de los sistemas y tanto la tecnología como los humanos poseen su propia versión de dicho sistema. Para plasmar el concepto de manera gráfica se retoman elementos que conjugan la humanidad con la tecnología. Las palabras claves en el proceso de creación de imagen son: Nervios - Tecnología - Humanismo - Ciencias

Creación de Imagen Instituto de Neurociencias

25


Etapa 7

Propuesta Externa

Fase 1: Creación de Identidad Visual

El Logotipo

Siglas de la Marca

Imagotipo Isotipo

Siglas de la Marca

Las siglas del Instituto poseen un mayor peso visual para crear una mejor recordación de las mismas en la mente de la audiencia, son mayúsculas para generar mayor impacto y para reflejar que se trata de siglas. La tipografía posee patines con una esquina curva y una recta, esto es para reflejar tanto la solidez como el dinámismo que posee el Instituto por su trayectoría y por su constante renovación tecnológica e investigativa.

Se retoma la estructura del cuerpo de la neurona, generando 5 ápices apartir del mismo reflejando así un ente unido, con algunos vertices más grandes que otros, lo cua refleja movimiento y perspectiva, asi mismo se recreó una estilización del axón de la neurona por una línea que representa progreso: ir siempre hacia adelante con un camino trazado y determinado. Las puntas curvas reflejan esa transición lógica y fluida que tienen los procesos de investigación.

Imagotipo

Isotipo

El Imagotipo surge de la estilización de una neurona, un tipo de célula del sistema nervioso cuya principal característica es la excitabilidad de su membrana plasmática; están especializadas en la recepción de estímulos y conducción del impulso nervioso.

Nuevamente se recalcan las letras cápitales INC y con una tipografía moderna que refleja la tecnología, con curvas controladas y conjugadas con terminaciones ángulares haciendo la simbiosis entre lo humano y lo tecnológico.

Creación de Imagen Instituto de Neurociencias

26


Etapa 7

Propuesta Externa

Fase 1: Creación de Identidad Visual

Construcción del Logotipo

1.5x 3x

5x

1x

1x 7x

2.5x

6x

2x

x=

2x 9x 0.75x

3x

Construcción en base a X

1.25x 3.5x

3.5x

11.5x

1.5x

7x 0.5x

0.5x

6x

23x 29x

1.5x(3x) 13º 2.5x(2x) 115º

1.5x(3x) 15º Construcción de Imagotipo “Neurona” en base a X 2x(4x) 75º

4x(2x) 100º

El Logotipo esta creado en base a una medida X, la cual es la letra “s” de Neurociencias. Dicha X define las proporciones, espacios y lineamientos que conforman el logotipo, creando equilibrio y una distribución exacta de los

elementos. El imagotipo esta formado por 10 elipses, cinco constituyen el cuerpo de la neurona y los otros 5 los ápices de la neurona. En la construcción se indican las posiciones y diámetros de las elipses.

Creación de Imagen Instituto de Neurociencias

27


Etapa 7

Propuesta Externa

Fase 1: Creación de Identidad Visual

Área de Seguridad del Logotipo

x=

Área de Seguridad Versión Oficial

Área de Seguridad Versión 2

El área de seguridad del logotipo es un área en la cual ningún otro elemento puede entrar. Dicha área responde a 2x a cada uno de sus margenes.

Creación de Imagen Instituto de Neurociencias

28


Etapa 7

Propuesta Externa

Fase 1: Creación de Identidad Visual

Tamaños Mínimos

Tamaño mínimo para medios impresos: Offset, Inkjet, Láser. 1” - 2.5cms - 72 px

0.5”

16px

Estos son los tamaños a los cuales el logotipo aún tiene un nivel de lectura óptimo. En pulgadas el logotipo funciona hasta llegar a 1” con todos sus elementos, sin embargo, si fuese necesario reducirlo más, puede llegar hasta 0,5” si se elimina el nombre de la marca, dejando solo las siglas INC y el imagotipo. Esta versión del logotipo esta pensada para ser utilizada en

Tamaño mínimo para promocionales que requieran otros sistemas de impresión: serigrafía, grabado, etc.

Tamaño mínimo para web: favicon

promocionales de la marca como lápiceros, placas de identificación para los empleados y otros materiales que requieran tamaños de impresión reducidos a menos de 1” Para uso web, la medida mínima es de 16px, en la cual solo se utiliza el imagotipo.

Creación de Imagen Instituto de Neurociencias

29


Etapa 7

Propuesta Externa

Fase 1: Creación de Identidad Visual

Versiones del Logotipo

Logotipo en B/N Versión Positiva

Logotipo en B/N Versión Negativo

Logotipo en B/N El Logotipo funciona no solo a color sino también en blanco y negro, en la versión b/n positiva, todos los elementos se convierten en negro 100%, mientrás que en la versión en negativo, todos los elementos se convierten en blanco.

Creación de Imagen Instituto de Neurociencias

30


Etapa 7

Propuesta Externa

Fase 1: Creación de Identidad Visual

Negro 60%

Logotipo en Escala de Grises Positivo Negro 90% Negro 80%

Logotipo en Gris 90% Negativo

Logotipo en Gris 80% Negativo

Logotipo en Gris 60% Negativo

Logotipo en Escala de Grises Funciona en su versión positiva manteniendo los grises originales en la tipografía y el imagotipo pasa a ser un gris en 90%. Luego en las versiones negativas el logotipo funciona en los 3 tonos de grises que se utilizan para crear la versión positiva.

Creación de Imagen Instituto de Neurociencias

31


Etapa 7

Propuesta Externa

Fase 1: Creación de Identidad Visual

Versión Oficial

Logotipo Versión Original

Versión 2 Imagotipo

Versión 3

Logotipo Versión Restringida

Versiones de Composición del Logotipo El logotipo solo puede funcionar de tres maneras: *Versión Oficial: Con todos sus elementos (versión original) *Versión 2: Solamente como imagotipo

*Versión 3: En casos especiales, en los cuales el logotipo deba ser reducido a tamaños mínimos, se puede utilizar la versión que no incluye el nombre de la marca sino solo sus siglas. Por ejemplo: promocionales de marca.

Creación de Imagen Instituto de Neurociencias

32


Etapa 7

Propuesta Externa

Fase 1: Creación de Identidad Visual

Colores Corporativos *NOTA: Los colores que aparecen en este manual son un aproximado a los colores reales.

Rojo Neurociencias Pantone 1721 Uncoated Pantone 1791 Coated C:20 M:95 Y:85 K:5 R:190 G:50 B:55 H:355 S:75 B:75 #BF3137

Gris Neurociencias

Gris Claro Neurociencias

C:0 M:0 Y:0 K:80 R:90 G:90 B:90 H:220 S:0 B:35 #58595B

C:0 M:0 Y:0 K:60 R:90 G:90 B:90 H:215 S:0 B:50 #808285

Pantone DS Process Black C 80%

Estos son los colores que se utilizan dentro del logo, se trata del Rojo Neurociencias y el Gris y Gris Claro Neurociencias. El Rojo representando la vitalidad, ambición, pasión, fuerza y revolución. Los dos grises representan-

Pantone DS Process Black C 60%

do la tecnología, limpieza, metalidad, brillantez y elegancia. Los Pantone Coated(C) sirven para impresiones en superficies brillantes, los Pantone Uncoated(U) deben utilizarse en papeles con superficies matte.

Creación de Imagen Instituto de Neurociencias

33


Etapa 7

Propuesta Externa

Fase 1: Creación de Identidad Visual

Colores Secundarios *NOTA: Los colores que aparecen en este manual son un aproximado a los colores reales.

Verde Ciencia

Violeta Neurona

Naranja TAC

C:70 M:20 Y:10 K:60 R:90 G:90 B:90 H:215 S:0 B:50 #808285

C:70 M:80 Y:25 K:30 R:60 G:25 B:70 H:280 S:65 B:30 #391848

C:10 M:65 Y:80 K:0 R:215 G:80 B:35 H:15 S:85 B:85 #D95322

Pantone DS 242-4 Uncoated Pantone DS 243 Coated

Pantone DS 155-9 Uncoated Pantone DS 159 Coated

Celeste Médico

Amarillo Ácido

C:85 M:5 Y:15 K:20 R:30 G:130 B:140 H:185 S:55 B:75 #21828F

C:80 M:90 Y:50 K:60 R:20 G:10 B:25 H:275 S:60 B:10 #14091B

Pantone DS 242 Uncoated Pantone DS 643 Coated

Pantone DS 1332 Uncoated Pantone DS 179 Coated

Además de los colores corporativos se posee una paleta de colores complementarios, los cuales pueden acompañar al logotipo. Cuando se maneje a una tinta el logotipo puede ir en cualquiera de los grises complementarios así como se explicará más adelante en las restricciones si no se compite con los colores de fondo. Los colores complementarios existen para distinguir cada una de las ramas en las cuales el Instituto se divide. El Celeste Médico es para el Área General, que representa una visión clara y cristalina, para el Área de Neurofisiología se ha seleccionado el color Violeta Neurona por su carácter estimulante. El Área de Epilepsia es

Pantone DS 50-2 Uncoated Pantone DS 41-4 Coated

Gris Oscuro Neurociencias Pantone DS Process Black C 90% C:0 M:0 Y:0 K:90 R:115 G:115 B:115 H:270 S:0 B:25 #414042

Gris OST

Pantone DS Process Black C 20% C:0 M:0 Y:0 K:20 R:30 G:30 B:30 H:200 S:0 B:80 #D1D3D4

representada mediante el Verde Ciencia que representa serenidad y equilibrio, el Área de Desordenes de Movimientos se regirá bajo el Amarillo Ácido ya que esta asociado con dinamismo y movimiento. Para el Área de Cerebro-Vascular se utilizará el Gris OST por su combinación entre blanco y negro representando ambos sistemas cerebrales y vasculares. Para el Área de Neuropediatría se utilizará el color Naranja TAC que representa pureza y juventud. Para el Área de Neuro-oncología se utilizará el color Gris Oscuro Neurociencias porque representa profundidad y experiencia.

Creación de Imagen Instituto de Neurociencias

34


Etapa 7

Propuesta Externa

Fase 1: Creación de Identidad Visual

Tipografías Corporativas

Myriad PRO Semibold Italic ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890 ª!·$%&/()=?¿^*¨Ç;:_\|@#~€¬[]{}

Myriad PRO Semibold ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890 ª!·$%&/()=?¿^*¨Ç;:_\|@#~€¬[]{}

Myriad Italic ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890 ª!·$%&/()=?¿^*¨Ç;:_\|@#~€¬[]{} Myriad PRO Regular ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890 ª!·$%&/()=?¿^*¨Ç;:_\|@#~€¬[]{} Myriad PRO Light Italic ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890 ª!·$%&/()=?¿^*¨Ç;:_\|@#~€¬[]{}

Las tipografías corporativas son aquellas que se deben utilizar para el óptimo reconocimiento de la marca: la Myriad PRO Semibold es la típografia utilizada para construir el nombre de la empresa. Como tipografías secundarias se tienen la familia de las Myriad PRO cursivas, bold y regulares ya que son tipografías bastante comúnes lo cual permite ser

reconocidas en la mayoría de computadoras y son completas en cuanto a glifos y alfabeto. Se eligen las cursivas, por el movimiento y progreso que reflejan. La regular para lectura sencilla y las bold para llamados de atención o temas.

Creación de Imagen Instituto de Neurociencias

35


Etapa 7

Propuesta Externa

Fase 1: Creación de Identidad Visual

Usos Permitidos

Full Color

1Tinta: Gris 80%

Escala de Grises

1Tinta: Gris 60%

Versión B/N

1Tinta: Gris 20%

1Tinta: Gris 90%

Positivos En versiones positivas, el logotipo puede utilizarse con los colores corporativos cuando sea a full color, y cuando se trate de una tinta puede

utilizarse en cualquiera de los colores corporativos y en los grises secundarios, además de la versión en b/n. El logotipo también puede utilizarse en escala de grises.

Creación de Imagen Instituto de Neurociencias

36


Etapa 7

Propuesta Externa

Fase 1: Creaci贸n de Identidad Visual

1Tinta: Gris Neurociencias

1Tinta: Gris 80%

Negativos En versiones en negativo el logotipo puede utilizarse en todos los colores corporativos y secundarios, siempre el logotipo en blanco. Sobre gris a 20% el logotipo se debe utilizar en negro.

1Tinta: Gris Neurociencias Oscuro

Gris OST

RESTRICCIONES: no se permite utilizar el B/N en negativo para mantener la limpieza y sutileza de la marca.

Creaci贸n de Imagen Instituto de Neurociencias

37


Etapa 7

Propuesta Externa

Fase 1: Creación de Identidad Visual

1Tinta: Rojo Neurociencias

1Tinta: Gris Neurociencias

1Tinta: Gris Neurociencias Oscuro

1Tinta: Gris OST

1Tinta: Celeste Médico

1Tinta: Verde Ciencias

Gradaciones: Oscuro-Claro Violeta Neurona

1Tinta: Negro 100%

1Tinta: Violeta Neurona

Gradaciones: Oscuro-Claro Verde Ciencias

1Tinta: Gris Neurociencias

Gradaciones: Oscuro-Claro Naranja TAC

1Tinta: Naranja TAC

Positivos Cuando se utilice la versión 1 del logotipo (Neurona) puede aplicarse en todos los colores corporativos y secundarios y b/n tanto en sus versiones

1Tinta: Gris Neurociencias Claro

1Tinta: Amarillo Ácido

positivas como negativas. Se pueden hacer gradaciones a un tono 50% más oscuro sobre la misma mezcla de color, es decir, un color puede utilizarse en gradación usando el color puro + color con 50% de negro en su mezcla.

Creación de Imagen Instituto de Neurociencias

38


Etapa 7

Propuesta Externa

Fase 1: Creación de Identidad Visual

1Tinta: Rojo Neurociencias

1Tinta: Gris Neurociencias

1Tinta: Gris Neurociencias Oscuro

1Tinta: Gris OST

1Tinta: Gris Neurociencias Claro

1Tinta: Verde Ciencias

1Tinta: Celeste Médico

Gradaciones: Oscuro-Claro Celeste Médico

Gradaciones: Oscuro-Claro Ámarillo Ácido

1 Tinta: Naranja TAC

1Tinta: Violeta Neurona

Gradaciones: Oscuro-Claro Verde Ciencias

Gradaciones: Oscuro-Claro Naranja TAC

Gradaciones: Oscuro-Claro Violeta Neurona

1Tinta: Ámarillo Ácido

Negativos Cuando se utilice la versión 1 del logotipo (Neurona) puede aplicarse en todos los colores corporativos y secundarios y b/n tanto en sus versiones

positivas como negativas. Se pueden hacer gradaciones a un tono 50% más oscuro sobre la misma mezcla de color, es decir, un color puede utilizarse en gradación usando el color puro + color con 50% de negro en su mezcla.

Creación de Imagen Instituto de Neurociencias

39


Etapa 7

Propuesta Externa

Fase 1: Creación de Identidad Visual

Versiones en Negativo sobre gradaciones de colores secundarios, en donde el color más oscuro debe ubicarse al lado derecho y el claro al izquierdo.

Sobre Fotografía

Full Color sobre fondo de color

1Tinta sobre fondo de color

Fondos Se pueden utilizar de fondos todos los colores corporativos y secundarios cuando el logotipo funcione a una tinta, siempre y cuando los valores no compitan entre si. También se puede utilizar fotografías en las cuales el

color blanco sea abundante y facilite la lectura. Las fotografías serán descritas en la sección de elementos complementarios. También se pueden hacer gradaciones entre pares de colores: claro/oscuro de la misma familia. Ejemplo: Verde ciencias claro-verde ciencias oscuro

Creación de Imagen Instituto de Neurociencias

40


Etapa 7

Propuesta Externa

Fase 1: Creación de Identidad Visual

Restricciones

1.NO estirar, desproporcionar o distorcionar el logotipo de ninguna manera.

2.NO cambiar los colores del logotipo ni invertirlos, ni utilizar gamas crómaticas no advertidas en este documento.

4.NO irrespetar los espacios de seguridad del logotipo ni del imagotipo

5.NO utilizar el logotipo con contornos de ningún tipo.

3.NO alterar las proporciones ni disposiciones de los elementos que conforman el logo.

Logotipo Quedará terminantemente prohíbido utilizar el logo o sus elementos de las maneras expresadas en esta sección. Si se utiliza de alguna de estas

maneras se considera que se perderá la esencia y congruencia de la marca, generando una confusión o ambivalencia en la identidad gráfica del Instituto de Neurociencias.

Creación de Imagen Instituto de Neurociencias

41


Etapa 7

Propuesta Externa

Fase 1: Creación de Identidad Visual

6.NO utilizar fotografías o texturas como fondos para el logotipo que no contrasten con el mismo o que no representen a la marca.

8NO utilizar el fondo negro, bajo ningún caso.

7.NO utilizar colores de fondo que no sean los específicados en este manual.

9.NO utilizar fondos con texturas saturadas.

Fondos Quedará terminantemente prohíbido colocar el logo del Instituto de Neurociencias sobre cualquier fondo que no sea estipulado en este

documento. Se considera que el utilizar fondos a discreción personal puede ser dañino para la marca puesto que perderá su consistencia y unidad, lo cual puede confundir a los usuarios y perder así, la identidad del Instituto.

Creación de Imagen Instituto de Neurociencias

42


Etapa 7

Propuesta Externa

Fase 1: Creación de Identidad Visual

Elementos Complementarios

Uso de Fotografías Los valores de la marca también se ven reflejados en las fotografías que se utilizan para acompañar los mensajes, es por ello que las imagenes deben ser elegidas con cuidado siempre respetando los siguientes parámetros: *Debe existir un amplio uso del color blanco en la fotografía para denotar limpieza, claridad y transparencia. *Si se utilizan personas debe de notarse la cercanía entre paciente-doctor.

*Utilizar fotografías que muestren a las diferentes maquinarias y salas de examinación, con una iluminación blanca y en interacción con pacientes y doctores. *Se aconseja tener fotografías del personal del Instituto de Neurociencias que respeten los criterios presentados anteriormente y que muestren posturas amigables y relajadas por parte de los médicos y demás personal, siempre utilizando sus uniformes.

Creación de Imagen Instituto de Neurociencias

43


Etapa 7

Propuesta Externa

Fase 1: Creación de Identidad Visual

Formatos Básicos

Formato Horizontal

Formato Vertical

El logotipo funciona dentro de los formatos utilizando la 1/5 parte superior derecha de los mismos. Cuando se trate de formatos verticales se debe dividir en seis bloques verticales, mientras que cuando sean formatos horizontales se debe dividir en 5 bloques horizontales.

El área de seguridad del logotipo es la medida mínima a respetar en los margenes laterales y superiores, sin embargo, la posición óptima es de 3 veces el área de seguridad en los margenes superiores y 2 veces en el margen lateral.

Creación de Imagen Instituto de Neurociencias

44


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.