PROGRAMACIÓNDE!LAIDENTIDAD! VISUAL!CORPORATIVA!umh2126.edu.umh.es/wp-content/uploads/sites/157/... · P1/Manual de Identidad Visual Corporativa U.d.05 Contenidos teóricos / F2NORMATIVA

P1/Manual de Identidad Visual Corporativa U.d.05 Contenidos teóricos / F2NORMATIVA GRÁFICA

DISEÑO DE IDENTIDAD VISUAL – GRADO BB. AA. / Contenidos elaborados por Prof. Responsable R. Cifuentes 1

PROGRAMACIÓN DE LA IDENTIDAD VISUAL CORPORATIVA

Unidad didáctica 05



INTRODUCCIÓN / PROGRAMACIÓN DE LA IDENTIDAD VISUAL CORPORATIVA

¿Qué significa programar en este contexto?

Programar significa velar por la consistencia y unidad de las imágenes de identidad visual que conviven entre sí para comunicar eficazmente la esencia de una organización o sujeto corporativo.

Los instrumentos que proponemos para conseguir tal fin son las normas, al ser quienes facilitan ordenadamente esta tarea. De su cumplimiento dependerá el éxito de nuestra empresa, que no es otro que comunicar a partir de imágenes un enunciado visual.

Aclararemos antes de comenzar que la normativa y programación que aquí se describe afecta particularmente a imágenes que recurren a códigos de estilo abierto, es decir, aquellas que se componen de un conjunto de imágenes que conviven bajo un sistema de distribución. También aquellas que se conciben bajo manipulaciones derivadas de operaciones de declinación o interpretación de las unidades implícitas en las mismas de una forma más o menos permisiva.

Queda carente de sentido su aplicación o extrapolación según es propuesto en estas líneas, a otras imágenes cuyos códigos de estilo sean menos aperturistas, tal es el caso de las imágenes cerradas. De igual forma pero en el extremo opuesto, también excluimos las polimorfas al ser imágenes cuyo código de estilo no se centra en el uso de imágenes de identidad visual estables, por ejemplo un logotipo o un logosímbolo que se repite constantemente. Son aquellas que recurren a juegos visuales u otros recursos más sofisticados que requieren de una programación y gestión muy diferente.

Las normas

El principal objetivo de la normas es el de favorecer que exista siempre consistencia y cohesión en el conjunto. Este objetivo se consigue gracias al correcto funcionamiento de la imagen a pesar de todas las variables que puedan condicionar la aparición pública del sujeto corporativo.

La normativa gráfica se encarga de regular todos los identificadores e imágenes que identifican visualmente a una organización y por ello recoge todas aquellas pautas que faciliten la definición de los identificadores e imágenes de identidad visual y su uso.

Las normas están siempre impregnadas de una carácter prescriptivo, es decir, de un código que obliga a usar las soluciones indicadas a través de la normativa en el manual. Pero este carácter debe ser al mismo tiempo compatible con otras soluciones que promuevan la innovación sin desvirtuar la unidad de conjunto.

Existe un amplio y diverso recetario para elaborar normas, pero advertiremos que siempre existe cierto grado de flexibilidad en torno a las mismas, pues según la propia naturaleza de cada imagen se definirán unas y no otras según se considere o no necesario. Esta decisión será asumida por el diseñador y en función de su buen criterio.

Trataremos la cuestión de la programación en tres partes articuladas entre sí:

La primera profundiza en cuatro normas de carácter estándar por que de forma regular suelen estar presentes en casi todos los manuales de IVC; La segunda en lo que se refiere a definiciones de las imágenes del sistema de identidad visual; La tercera, los usos incorrectos, al



ser un epígrafe que aglutina todo lo anteriormente expuesto y pone de manifiesto la aplicación incorrecta de lo ya programado.

Es finalmente en el diseño y elaboración del manual cuando se agrupará y organizará la normativa definida en esta fase de trabajo. El manual será el documento que guiará la actuaciones de cualquiera que haga uso de la identidad visual de la organización en cuestión.

SISTEMA DE DISTRIBUCIÓN

La distribución consiste en la convivencia de diversos identificadores corporativos para comunicar visualmente una organización. Los identificadores corporativos que componen un sistema pueden ser diferentes según cada organización y su naturaleza.

Estos han de ser los apropiados, es decir, cuantitativa y cualitativamente ni por exceso ni defecto. Siempre su presencia atenderá a cubrir las necesidades comunicativas previstas de la entidad. En consecuencia el número final de identificadores visuales oscilará y su presencia será desigual según el sujeto corporativo.

Trazar un mapa del sistema de distribución facilita no solo la tarea de definirlos y designaros, también pone de manifiesto el fin por el cual cada uno de ellos ha sido creado, es decir, su función.

Fig. 1

Fuente de elaboración propia



El sistema sirve entonces para programar coordinadamente todas aquellas imágenes de identidad visual, que por ejemplo no existan solapamientos o por el contrario carencias de identificación visual puntuales.

El mapa atiende a describir ordenadamente todas aquellas imágenes que integran el sistema, cada una de manera independiente, además de regular las funciones, jerarquías, etc. entre las mismas como medida de eficacia en la construcción de la identidad visual corporativa.

Definir el mapa, el sistema de imágenes de identidad visual, favorecerá la mejor organización y programación de la normativa necesaria que deberá verse recogida en nuestros manuales posteriormente.

Las tipografías y colores corporativos son también imágenes o unidades de identidad visual, que serán abordadas en la segunda parte de la normativa gráfica que trata este texto. Además de ello abordaremos igualmente la versiones cromáticas de ciertos identificadores corporativos, su código combinatorio.

Con el término definición nos referimos explícitamente a acotar y definir por un lado taxonómicamente la naturaleza de las diferentes imágenes de identidad, además de describir cuál es su función y cómo es el sistema de distribución de las mismas. Este se encargará del orden jerárquico que ocupan.

EJERCICIO 1.

Antes de comenzar con la normativa que a continuación te proponemos deberás diseñar tu propio mapa; deberás definir cómo es el sistema de distribución de las imágenes de identidad visual en el que estás trabajando.

Te recomendamos que lo inicies organizando dos grupos principales de imágenes:

El primero de ellos integrado por el identificador principal (articulación principal y articulaciones secundarias); el segundo por los identificadores secundarios.

Con esta sencilla organización tendrás articuladas todas las imágenes-‐unidades; cada una de ellas definida según su pertenencia a un nivel jerárquico y etiquetadas según su propia naturaleza (logosímbolo, logotipo, símbolo, mosca, favicon, envase, indiana, mascota, personaje de ficción, claim o eslogan, elementos ornamentales, etc.)

Si todavía está pendiente el diseño de una imagen secundaria, puedes inicialmente contemplarla en tu mapa y añadirla más adelante; Lo importante es que la tengas presente y que la ubiques dentro del sistema y en relación al resto de imágenes y/o unidades de identidad visual.

Por último comentarte que el mapa te ayudará a definir la normativa que es necesaria redactar y cual no. Será vehículo que guíe tu trabajo.



1. NORMATIVA GRÁFICA – 1ª Parte/ Principales normas

A continuación nos disponemos a tratar las principales normas que se detallan generalmente en un manual para una imagen de código de estilo abierto.

Tendremos en cuenta que las normas no se aplican homogéneamente a todos los identificadores corporativos por igual. El favicon siempre aparece estable y publicado en idéntica ubicación, por lo que diseñar encorsetadamente cualquiera de las cuatro normas que a continuación vamos a tratar estaría carente de todo sentido. De igual forma esta misma idea se hace extensible a cualquier imagen, si su naturaleza o sus condiciones de aparición así lo imponen.

Añadiremos que las normas aquí expuestas y también las que recoge el siguiente epígrafe pueden ser en algunos casos insuficientes. En esas situaciones, el diseñador será quién acote y decida qué otras normas facilitan el propósito de la programación de la imagen en curso y que permita alcanzar óptimamente cohesión e univocidad en el conjunto.

Comenzaremos por estas cuatro normas:

• ÁREA DE RESPECTO O ÁREA DE PROTECCIÓN

Es el espacio mínimo libre que se dispone circundante a la imagen de identidad.

• REJILLA DE CONSTRUCCIÓN

Sirve para acotar las proporciones entre las partes que constituyen un identificador corporativo y definir su aspecto.

• TAMAÑOS MÍNIMOS

Es la dimensión mínima permitida para reproducir una imagen de identidad visual, aquella que hace plausible su eficacia, su legibilidad.

• NORMATIVA DE FRAGMENTACIÓN

Define qué fragmentos son permitidos en las imágenes de identidad visual. Acotaremos qué partes de estas siempre han de estar presentes, pues de su presencia depende el reconocimiento de la imagen fragmentada.



ÁREA DE RESPECTO O ÁREA DE PROTECCIÓN

El área de respeto es el espacio libre mínimo circundante al identificador corporativo. Se dispone para salvaguardar y proteger la integridad del mismo. Eliminar de esta forma cualquier ruido visual que se derive de la colocación de cualquier elemento excesivamente próximo a éste.

Generalmente no se permite la superposición de imágenes que no formen parte del identificador, pues esto supondría directamente desvirtuar la imagen de identidad visual corporativa de una organización.

De igual forma tampoco se dispondrán los identificadores sobre cualquier fondo que interfiera en la legibilidad e inteligibilidad de los mismos. Este último aspecto también se puede especificar en el apartado de “Usos incorrectos” 1 en el que se pueden establecer las características de los fondos o definir una normativa específica y a parte sobre las características de los mismos si se estima necesario.

Retomando el tema que nos ocupa, la distancia del área de respeto que rodea a los identificadores se construye siempre en base a una proporción. La proporción se define tomando una referencia interna del identificador. Esta referencia servirá siempre para acotar el área de protección con independencia del tamaño final de reproducción del identificador corporativo. Para indicar la proporción se utilizará una letra, que posteriormente se traducirá en una distancia. La longitud de x dependerá del tamaño final al que se reproduzca el identificador corporativo.

Junto con el esquema que describe gráficamente cuál es el área de respeto, se incluirá una leyenda en la que se detalle cuál es el origen de la referencia interna que sirve para designar x.

Descripción de la norma en el manual

En el manual se incluirá el esquema en el que se define el área de respeto (Fig. 2-‐4) y la leyenda que detalla el origen de la distancia definida como distancia de seguridad (Fig. 2-‐6).

Por último la explicación por escrito de la norma:

Ej. “El área de respeto se define como el espacio de protección que rodea al identificador corporativo. Este espacio será siempre respetado, lo que implica que dentro de esta superficie nunca se colocará otra imagen o elemento extrínseco al mismo, y por lo tanto quedará siempre libre.”

1 El epígrafe 3 tratará específicamente de los “Usos Incorrectos” como anunciamos ya.



Construcción del área de respeto

1. Antes de definir el área de respeto se señalarán los

límites del identificador: su anchura y altura máxima. Para ello el identificador se inscribirá dentro de una caja que dibujaremos; la altura de la caja será equivalente a la altura máxima del identificador; la anchura será equivalente a la anchura máxima del mismo.(Fig. 2 -‐1)

2. A partir de los límites establecidos por la caja dibujada y hacia el exterior de sus cuatro lados se definirá la distancia mínima necesaria para proteger la integridad del identificador (Fig. 2-‐2). Esta distancia se construirá en base a una proporción. La dimensión de uno o varios elementos internos del identificador se tomarán como referencia para designarla.

3. Se trasladará la dimensión definida (Fig. 2-‐3) y se dibujará otra caja que indique los límites a partir de los cuales queda prohibido colocar cualquier información visual (Fig. 2-‐4). El espacio acotado entre ambas cajas delimita el área de protección, lo que se llamará área de respeto (Fig. 2-‐5).

4. Se aconseja que las cajas dibujadas asuman una línea discontinua, un grosor fino y una tonalidad grisácea en el manual. En la aplicación práctica del identificador en los diferentes sistemas de aplicaciones no estarán visibles estas líneas, aunque el identificador deberá disponer siempre del espacio descrito en esta norma. Como indicábamos antes para prever cualquier situación en la que la integridad del identificador corporativo corra peligro de contaminación por ruido visual.

5. En el esquema trazado para definir el área de respeto en el manual se indicará con claridad el elemento o elementos internos que hemos tomado como referencia para construir la distancia de seguridad. Esto se puede realizar de varias maneras. Podemos extraer el elemento interno del identificador y colocarlo en gris dentro del área definida y también como leyenda a parte (Fig. 2-‐6).

Fig. 2




EJERCICIO 2.

Construye el área de respeto de todos aquellos identificadores que requieran esta norma para su buen funcionamiento siguiendo la explicaciones que acabamos describir en el sub-‐epígrafe “Construcción del área de respeto”.

Recuerda que esta normativa carecerá de sentido para algunos de los identificadores corporativos, este es el caso del favicon , de la indiana, etc.

EJERCICIO 3.

Para finalizar deberás redactar la norma que acompañará las diferentes áreas de respeto que has diseñado y que conjuntamente incluirás más adelante en el manual. Toma como referencia el ejemplo que te hemos proporcionado en el sub-‐epígrafe “descripción de la norma en el manual ”, realizando todas aquellas adaptaciones que estimes necesarias.

Aplicación de la norma

Cuando la marca se disponga en aplicaciones pertenecientes a diferentes sistemas también programados en el manual, por ejemplo papelería corporativa, publicaciones, vestuario, señalética, etc. se respetará fielmente toda normativa que corresponda a la hora de incorporar las imágenes y unidades de identidad visual en las diferentes aplicaciones diseñadas. De ahí que nunca se dispondrá en el área de protección o de respeto ningún elemento, y por lo tanto este espacio quedará siempre libre.

En el caso que el identificador se disponga sobre un fondo, habrá que consultar la normativa referente a los fondos y las características permitidas en el manual. Dichas normas siempre favorecerán la correcta legibilidad del identificador, por ello quedará excluido cualquier opción en la convivencia con otros elementos en los que se vea reducida la capacidad enunciativa de la marca o reste legibilidad a esta o a cualquier imagen de identidad.



REJILLA DE CONSTRUCCIÓN

Los identificadores se construyen guardando unas dimensiones proporcionales entre sus partes y una distancias fijas que siempre habrán de respetarse. Cualquier modificación de las pautas de construcción que no estén previstas en el manual se considerarán de uso incorrecto.

La reproducción de cualquier identificador corporativo con medios no mecánicos deriva en la necesidad de acotar dichas distancias para que con independencia del tamaño en el que se reproduzca el identificador éste mantenga las proporciones definidas.

Procedimiento de construcción de la rejilla

Se creará una rejilla modular, generalmente basada en el cuadrado como unidad de repetición. Las dimensiones del cuadrado tendrán algún tipo de equivalencia con las dimensiones o proporciones de alguna de las partes internas del identificador corporativo. Será esta la primera tarea que abordaremos.

Fig. 3


En el ejemplo que acabamos de mostrar se toma como referencia la mitad de la cabeza de la flecha integrada en el símbolo de Avanttis. En el manual explicaremos gráficamente y de igual forma que en el ejemplo mostrado, cuál es la referencia que hemos utilizado para construir la proporción y la razón modular.

A continuación dibujaremos una rejilla cuyos cuadrados sean equivalentes a X, en nuestro ejemplo es la mitad de la altura de la cabeza de la fecha del símbolo de Avanttis. Resuelto este paso dispondremos la rejilla debajo del identificador corporativo y comenzaremos a trazar las cotas necesarias para la configuración del identificador en cuestión.

En el esquema de proporciones se incluirán las cotas que se estimen necesarias para la reproducción manual del identificador corporativo (Fig. 4-‐1). La cotas no indicarán dimensiones, sino proporciones basadas en la unidad modular descrita.

Estas proporciones se conseguirán a través de una sencilla regla de tres y tomando como referencia, provisionalmente, las dimensiones reales de la unidad modular.



Fig. 4 -‐ 1

Fig. 4 -‐ 2


Si X ( distancia de referencia de la unidad modular o mitad cabeza de flecha) mide 5,5 mm

Incógnita (parte del identificador: anchura del logotipo) -‐ mide 81,3 mm

Incógnita = 81,3 : 5,5 = 14,7 x / La parte del identificador mide proporcionalmente 14,7 x



Cuando se quiera trasladar las proporciones a medidas reales, X será sustituida uniformemente por la dimensión real. Obtendremos las medidas proporcionales de todas la cotas establecidas en el esquema de la rejilla de construcción.

Junto a la rejilla de proporciones en el manual de identidad visual se incluirá una leyenda en la que se especificará la referencia interna elegida para construir el sistema de proporciones, es decir, se especificará gráficamente de dónde procede X tal como mostrábamos al comienzo de este epígrafe en la Figura 3.

EJERCICIO 4. Completa las proporciones que permanecen en blanco en el esquema de la Figura 4-‐1. Debes realizar una sencilla regla de tres como acabamos de explicar tomando las medidas que tienes detalladas en la Fig. 4-‐2.

Recuerda:

Si la razón modular llamada X mide 5,5 mm (la mitad de cabeza de flecha deberá obligatoriamente medir lo mismo en ese exacto momento y durante el desarrollo de este ejercicio)

¿Cómo calculamos cuántas X mide la anchura total de la caja de texto del logotipo?

Dividiremos la dimensión real actual de la caja de texto, es decir su anchura, 81,037 mm entre

5,5 mm, que es la medida tomada como referencia de la razón modular X.

81,037: 5,5 = 14,7x



Cómo se dibuja una rejilla con Adobe Illustrator

00. Crea una capa nueva y nómbrala VERTICALES

01. Dibuja una línea, asígnale la longitud deseada y las propiedades de color y grosor.

02. Selecciona la línea con la herramienta flecha negra.

03. Copia la línea: <Cntrl C> o <Cmd C>

04. Pega delante la línea: <Cntrl F> o <Cmd F>

05. Presionar la tecla Shift (debajo del bloqueo de mayúsculas) sin soltar.

06. Desplázala en la dirección deseada con las flechas del teclado.

07. Repite todos los pasos anteriores hasta completar el número de líneas suficientes. Este procedimiento permite que las líneas que se crean sean idénticas entre sí y con una distancia de desplazamiento equivalente.

08. Crea una capa nueva y nómbrala HORIZONTALES.

09. Selecciona el grupo de líneas verticales de la CAPA VERTICALES y cópialas <Cntrl C> o <Cmd C>

10.Pega el grupo de líneas en la CAPA HORIZONTALES

11. Selecciona el grupo de líneas que acabas de copiar y gíralas 90º con la herramienta de giro.

12. Mueve los grupos de líneas VERTICALES y HORIZONTALES hasta que queden superpuestos. Este procedimiento permite obtener dos grupos de líneas verticales y horizontales necesarias para la creación de una rejilla.

13. Ajusta las líneas de manera que la rejilla quede perfectamente delimitada.

14. Por un lado eliminarás las líneas que quedan fuera de la superposición de los dos grupos.

15. También desplazarás los nodos de un extremo de todo el conjunto de líneas hasta ajustar la caja de la rejilla.

Para ello utilizarás la herramienta pluma blanca de selección directa y las flechas del teclado para realizar el desplazamiento del grupo de nodos indicado en la dirección deseada.

Fig. 5

Consejo: Fuente de elaboración propia

Bloquea la capa del grupo de líneas que no estás modificando en cada momento antes de proceder a la selección de los nodos.

En Preferencias Generales (Illustrator): Puedes modificar el “incremento de teclado”, es decir, la distancia de desplazamiento que viene por defecto. Esto afecta a la distancia de desplazamiento de las líneas sobre la mesa de trabajo.



Resumen de la norma

Recuerda los siguientes pasos:

a) ACOTA UNA DISTANCIA INTERNA QUE SIRVA DE REFERENCIA PARA CONSTRUIR LA RAZÓN MÓDULAR, ES DECIR, X.

b) DIBUJA UNA CUADRÍCULA CUYA DIMENSIÓN DE CELDA SEA EQUIVALENTE A LA DIMENSIÓN DE LA RAZÓN MODULAR ACOTADA ANTERIORMENTE, Y COLOCA ENCIMA EL IDENTIFICADOR CORPORATIVO AJUSTÁNDOLO EN LA CUADRÍCULA TANTO EN CUANTO SEA POSIBLE.

c) DIBUJA LAS COTAS QUE CONSIDERES QUE SEAN NECESARIAS PARA PODER REPRODUCIR POR MEDIOS MANUALES EL IDENTIFICADOR.

d) AVERIGUA LAS DIMENSIONES DE CADA UNA DE ELLAS.

e) CALCULA LAS PROPORCIONES DE X DE CADA PARTE ACOTADA: DIVIDE LA DISTANCIA ENTRE LA DISMENSIÓN DE LA X, EL RESULTADO SERÁ EL Nº DE VECES DEL QUE SE COMPONE X PARA ESA DIMENSIÓN.

f) COLOCA CADA PROPORCIÓN EN EL ESQUEMA PARA TERMINAR EL EJERCICIO. NO OLVIDES INCLUIR LA LEYENDA, INDICAR DE DÓNDE SALE X.

g) FINALMENTE ESTE ESQUEMA SERÁ POLIVALENTE AL PODER SER X SUSTITUIDO POR CUALQUIER DIMENSIÓN, SEGÚN EL TAMAÑO AL QUE SE VAYA A REPRESENTAR EN EL FUTURO ESTE IDENTIFICADOR.


En el manual se incluirá el esquema de la rejilla de construcción con las cotas y las proporciones de X de cada identificador corporativo. Junto con cada esquema se incluirá una leyenda gráfica para explicar el origen de X.

También la explicación por escrito de la misma:

“La rejilla de proporción establece las proporciones del identificador siempre que no se puedan utilizar medios reprofotográficos para su reproducción. La posición y tamaño de todos los elementos y partes constitutivas de este identificador quedan acotadas y definidas a través de este esquema, por lo que permanecerán invariables y proporcionalmente siempre de igual forma siguiendo lo descrito por esta norma.”

EJERCICIO 5.

Ahora define qué identificadores corporativos van a requerir el diseño de una rejilla de proporción. Recuerda que sólo aquellos identificadores que puedan ser escalados, es decir, que se puedan presentar en cualquier tamaño2 necesitan esta normativa.

Seguidamente construye las rejillas de cada uno de ellos.

EJERCICIO 6.

Para finalizar deberás redactar la norma que acompañará las diferentes rejillas que has diseñado y que conjuntamente incluirás más adelante en el manual. Toma como referencia el ejemplo que te hemos proporcionado en el sub-‐epígrafe “Descripción de la norma en el manual” de esta misma página, realizando todas aquellas adaptaciones que estimes necesarias.

2 A excepción de aquellos tamaños que incumplan lo establecido en la normativa de “Tamaños mínimos” que se detalla a continuación.



TAMAÑOS MÍNIMOS

Es la dimensión mínima permitida para reproducir una imagen de identidad visual, aquella que hace plausible su eficacia, su legibilidad. Esta dimensión es acotada por el diseñador para evitar que se reproduzcan las imágenes de identidad visual o identificadores corporativos a tamaños que por su reducida dimensión no sean legibles, es decir, no se lean bien. El tamaño mínimo de cada imagen vendrá supeditado por la resolución del medio en el que se reproduzca. Definiremos dos dimensiones para cada imagen: Una relativa a los medios impresos (300 dpi) y otra para su presencia en interfaces (72ppp).

Estableceremos tamaños mínimos para todas y cada una de las imágenes que constituyen el sistema de imágenes de IVC para los dos soportes que acabamos de nombrar.

El tamaño mínimo para las imágenes impresas se especificará en milímetros y el tamaño mínimo para pantalla en píxeles. La dimensión mínima se especificará únicamente a través de la altura de cada imagen respectivamente.

Fig. 6





En el manual se incluirá el esquema en el que se define visualmente la norma y también la explicación por escrito de la misma:

Ej. “Los tamaños mínimos acotan la dimensión mínima de cada imagen del sistema de identidad visual, aquella que hace pertinente una adecuada legibilidad respectivamente. Estas dimensiones serán siempre respetadas, lo que implica que ninguna de las mismas será reproducida en tamaños inferiores a los descritos por esta norma. Además se tendrá en cuenta el medio y las propiedades particulares del mismo como por ejemplo, la resolución óptima para reproducir estas imágenes de identidad visual. ”

EJERCICIO 7.

Antes de diseñar la normativa deberás establecer a qué identificadores afecta y a cuáles no esta norma. Ten en cuenta que identificadores como el favicon no están pensados para ser escalados ni tampoco para ser impresos.

A continuación define los tamaños mínimos. Para ello deberás hacer pruebas de impresión en tamaños reducidos y utilizarás el sentido común para especificar cuál es tamaño límite a partir del cual no está permitida la reproducción del identificador corporativo. De igual forma repetirás esta experiencia en pantalla para comprobar cuales son los límites entre lo legible y la imagen que ofrece dificultades de lectura.

Indicarás en milímetros la altura de cada identificador corporativo respectivamente para tamaños mínimos de impresión y la altura en píxeles de aquellos tamaños mínimos de interfaz.

EJERCICIO 8.

Redacta la norma que se incluirá en el manual junto con los esquemas de tamaños definidos en el anterior ejercicio. Toma como referencia el texto propuesto en el sub-‐epígrafe de “Descripción de la norma en el manual” y realiza todas aquellas adaptaciones que estimes necesarias según las necesidades planteadas en tu caso particular.

NORMATIVA DE FRAGMENTACIÓN

Esta normativa afecta a aquéllas imágenes de identidad visual que vayan a ser fragmentadas. Las imágenes se fragmentan generalmente por exigencias del diseño en ciertas aplicaciones corporativas, ya sean de papelería, señalética, etc.

No siempre este uso está permitido, en ocasiones la naturaleza de la imagen no hace plausible la fragmentación de la misma por que generalmente puede llegar a inducir a error. Bien por que la imagen al fragmentarse no sea inteligible y/o legible, o por que induce a otra lectura que no es la que originalmente le corresponde.

Una vez aclarado este asunto nos dispondremos a trabajar con aquéllos casos en los que sí sea viable la fragmentación de la imagen de identidad visual en cuestión. Aunque puntualizaremos que la necesidad de acotar una normativa que regule la fragmentación de la imágenes de identidad visual se hace latente al plantearse ciertos casos en los que las imágenes dejan de



funcionar. Se regularán por lo tanto los usos aptos en este tipo de manipulación de la imagen, es decir, por su fragmentación.

Fig. 7


Generalmente la fragmentación se aplica al símbolo u a otras imágenes del sistema que sean de carácter ornamental, estás ultimas por que generalmente son mucho más versátiles en esta tarea, aunque también se podrán aplicar a otras de diferente naturaleza y según sea el caso. Sin embargo el logotipo rara vez será fragmentado, la ausencia de ciertos glifos deviene en el no reconocimiento de ciertos caracteres y en consecuencia el nombre deja de ser legible. (Fig.7)

En el ejemplo que acabamos de mostrar los resultados de fragmentación del nombre ponen de manifiesto la inconveniencia de fragmentar el logotipo, es decir el nombre de la organización.

Nos centraremos en la fragmentación del símbolo y consideraremos en primer lugar el análisis de su estructura interna, pues en función de la misma ciertos tipos de recortes se verán favorecidos frente a otros. Por ejemplo, las imágenes simétricas tienen por lo general una fácil y clara fragmentación en su eje de reflexión. La mitad asunte al ser simétrica a la presente es fácilmente deducible tal y como reza la ley gestáltica de cierre. Sin embargo no es recomendable en muchos casos su fragmentación en el eje perpendicular al ya mencionado eje de reflexión.

Las imágenes asimétricas poseen a diferencia de las anteriores otras características propias. Existen generalmente ciertas partes que siempre han de estar presentes, nunca se han de ausentar, pues en ellas recae toda la responsabilidad para que lo representado sea reconocido.

Tendremos además en cuenta otras cuestiones como la dirección, aspecto que algunas imágenes incorporan. Su permanencia en la imagen es de gran relevancia en la codificación del enunciado visual propuesto por la imagen.



El diseñador en consecuencia deberá aplicar su criterio para definir cuáles son y cuáles no las áreas que pueden fragmentarse en la imagen de IVC por que de su distinción depende que la imagen proyectada sea eficaz, es decir, se entienda.

Para practicar lo explicado a continuación os proponemos el siguiente ejercicio en el que hemos fragmentado dos imágenes similares; la primera de ellas es la representación esquemática de un muñeco de nieve; la segunda y siguiendo el mismo nivel de iconicidad una imagen asimétrica que representa un ave. Este segundo caso además implica dirección, al estar situado el pico del ave en el lado derecho respecto del cuerpo del animal: El ave dirige su mirada hacia la derecha.

Fig. 8 Fuente de elaboración propia



EJERCICIO 9.

Indica qué fragmentaciones del cuadro “Resultados de la fragmentación” impiden el reconocimiento del tipo-‐concebido representado respectivamente y explica por qué.


“La normativa de fragmentación aquí descrita define aquellos identificadores susceptibles de ser fragmentados y aquellos en los que esta práctica no está permitida.

Sólo se permitirá la fragmentación de la mascota de Avanttis. El esquema de fragmentación expuesto evidencia cuales son partes que siempre deberán permanecer, pues de ellas depende el reconocimiento de este identificador”.

EJERCICIO 10.

Define qué identificadores corporativos se pueden fragmentar y cuáles no. Utiliza el sentido común para ello.

Recuerda:

• No es recomendable fragmentar el logotipo, el nombre de la organización; • El favicon tampoco se fragmenta; • Sin embargo el símbolo o los pictogramas de un sistema señalética pueden ser

susceptibles de ser fragmentados, aunque siempre que su reconocimiento esté asegurado.

EJERCICIO 11.

Toma como referencia el texto propuesto en el sub-‐epígrafe de “Descripción de la norma en el manual” y redacta la normativa de fragmentación que has definido en el ejercicio anterior. Realiza todas aquellas adaptaciones que estimes necesarias según las necesidades planteadas en tu caso particular.



NORMATIVA GRÁFICA – 2ª Parte / Definiciones y código combinatorio

TIPOGRAFÍAS CORPORATIVAS

Las tipografías corporativas, se organizan jerárquicamente en dos grupos. El primer grupo corresponde a la tipografía corporativa principas, el segundo a las secundarias.

La tipografía principal es la que se usa en el logotipo para escribir el nombre de la organización. La secundaria o secundarias son todas aquellas fuentes necesarias para el mecanografiado de una carta, para un sitio web, publicaciones, escritas, etc. De ahí la necesidad de indicar cuál es su uso y su función.

Fig. 9

La tipografía corporativa principal, la del logotipo, puede tener diversa procedencia. Nos referimos a que puede haber sido tomada literalmente de una ya creada; a partir de una creada se le puede haber efectuado alguna pequeña variación que modifique parcialmente su aspecto; o bien puede haber sido creada específicamente para el logotipo y la denominación corporativa en cuestión.

En estos últimos dos casos no tendría sentido indicar que se introdujera todo el alfabeto en el manual, la numeración y los signos de puntuación más relevantes, por que o bien no existirían o bien por que la manipulación parcial, de la que hablamos antes, sólo se habría practicado en los caracteres del nombre y no en otros. En estos casos indicaremos la procedencia de la fuente si es inédita o bien ofreceremos una breve explicación sobre el origen de la fuente y sobre la manipulación parcial realizada, si esto último se considerase necesario.

Sin embargo siempre se incluirán las fuentes consideradas con el nivel jerárquico inferior, las secundarias. Se indicará el nombre, junto con una muestra del alfabeto, etc. y se redactará un breve texto que indique cuál es su función o uso específico.




“El sistema de identidad visual de Avanttis está constituido por la tipografía corporativa principal y dos secundarias:

Tipografía corporativa principal:

La tipografía BAUHUS 93 es de uso restrictivo, pues únicamente formará parte del logosímbolo de la compañía, y su uso fuera del mismo no estará permitido.

Tipografías corporativas secundarias A y B:

A/ La tipografía OPTIMA se utilizará para el mecanografiado de cartas, informes, o cualquier material escrito vinculado con la actividad profesional de Avanttis.

B/ La tipografía VERDANA se utilizará para los textos que se presenten en Internet dentro del sitio web corporativo de la compañía.”

EJERCICIO 12.

Especifica la fuente tipográfica principal teniendo en cuenta su procedencia y las fuentes tipográficas secundarias: Incluye un alfabeto de letras mayúsculas, minúsculas, numeración y principales signos de puntuación de cada una de ellas.

EJERCICIO 13.

Redacta la normativa referente a las tipografías, indicando cada una de ellas y su nivel jerárquico dentro del sistema y en segundo lugar su uso.

Toma como referencia el texto propuesto en el sub-‐epígrafe de “Descripción de la norma en el manual” y redacta la normativa realizando todas las adaptaciones que estimes necesarias.

COLORES CORPORATIVOS

Los colores corporativos generalmente se organizan jerárquicamente en dos grupos. El primer grupo corresponde al de los colores corporativos principales, el segundo al de los secundarios.

Generalmente los colores corporativos principales son los colores que están contemplados en el identificador principal.

Los secundarios son otros colores que se definen paralelamente y que por norma general se utilizan para crear ambientes, uniformes, papelería, etc.

Ambos grupos deben de funcionar coordinadamente, es de vital importancia que convivan armoniosamente, sin olvidar que se presentarán próximos los unos a los otros en ciertos contextos y deberán funcionar adecuadamente.




Los usos serán los que el diseñador haya estimado, además se incluirán las aclaraciones o puntualizaciones que el mismo estime necesarias.

Ej. “El sistema de identidad visual de Avanttis está constituido por dos colores corporativos principales y tres secundarios que se utilizarán para identificar a la compañía. Su especificación está detallada en la carta de color que mostramos .”

A la hora especificar y nombrar los colores elaboraremos una carta de color. En la carta de color nombraremos cada uno de los colores siguiendo los siguientes espacios de color:

PANTONE / CMYK / RGB / HEXADECIMAL O WEB

Además se detallará por escrito su condición de principales o secundarios y su uso específico.

Fig. 10


EJERCICIO 14.

Especifica los colores corporativos principales y los secundarios. Incluye una carta de color indicando cada color de cada grupo jerárquico según los siguientes espacios de color: PANTONE / CMYK / RGB / HEXADECIMAL O WEB

RECUERDA: No confundas el color hexadecimal con el Color HSB (HUE SATURATION AND BRIGHTNESS – TONO, SATURACIÓN Y BRILLO) que se describe en el SELECTOR DE COLOR de Illustrator. El color hexadecimal aparece justo debajo del color RGB, se describe a partir de 6 cifras, dos para cada color del espacio RGB y ante el mismo aparece el símbolo de la almohadilla “#”.

EJERCICIO 15.

Redacta la normativa referente a colores, indicando cada color cuál es y su nivel jerárquico dentro del sistema. En el grupo de los colores secundarios deberás regular su uso, definir para qué se va a utilizar cada uno de ellos posteriormente.



VERSIONES CROMÁTICAS

Las versiones cromáticas son adaptaciones de color de los identificadores corporativos. Existen varios motivos por los cuales se realiza este tipo de operación: Poe ejemplo este es el caso de la imposibilidad de reproducir color en algunos medios, lo que deriva en la necesidad de traducir a una tinta negra el color o colores del logosímbolo o logotipo, etc. Además existen otras situaciones no derivadas de limitaciones técnicas con las que el diseñador se puede topar o incluso a veces simplemente las propias necesidades de un diseño implican un uso diferente del establecido en su versión principal sin que por ello se rompa la unidad enunciativa por la que vela la programación de la imagen en manual a través de sus definiciones y normativa.

Para finalizar todas las versiones de color poseen una doble versión en positivo y su correspondiente en negativo. Es decir, esta última con fondo de color, lo que implica que todo lo que fuese de este mismo color deberá ser reconvertido a otro, para evitar que se funda con el fondo y desaparezca esta parte del identificador corporativo.


“Se disponen las versiones cromáticas de aplicación transversal al sistema de identificadores corporativos y articulaciones secundarias de los mismos. Se especifican en previsión a las diferentes necesidades de aplicación que se pudieran derivar en base a restricciones de reproducción del color, o compatibilidad con otras imágenes en los soportes de comunicación que Avanttis estime oportunos.”

Cada versión cromática irá identificada gráfica y textualmente en el manual.

Se indicarán las características de la versión, número y colores que intervienen en la misma y además identificadores que la pueden asumir. Por último si las versiones tienen una finalidad de uso concreta, se informará detalladamente de la misma por escrito y junto a cada uno de los cuadros de versiones respectivamente.

EJERCICIO 16.

Agrupa todos los identificadores corporativos y define cuál es la versión principal de color de cada uno de ellos respectivamente.

EJERCICIO 17.

Agrupa todos los identificadores corporativos y define cuál es la versión monocromática a tinta negra de cada uno de ellos respectivamente. Recuerda no todos requieren de esta versión por ejemplo, el favicon.

También define las diferentes versiones cromáticas que consideres convenientes permitir. Toma de ejemplo las versiones cromáticas que hemos incluido para Avanttis y que mostramos a continuación.

EJERCICIO 18.

Redacta toda la normativa referente a la versiones cromáticas que has definido. Ten en cuenta las indicaciones que hemos expuesto en el sub-‐epígrafe “Descripción de la norma en el manual”.



Fig. 10



Fig. 11



Fig. 12



NOTA: Anótese que las diferentes versiones cromáticas no se aplican homogéneamente y por igual a todos los identificadores corporativos acotados en el sistema de distribución de imágenes de IVC. Símbolo y mascota asumen una versión monocromática de los tres colores corporativos principales y secundarios en exclusividad según se ha establecido puntualmente en la programación de la imagen de Avanttis.

Cabe destacar también que el favicon no tiene versiones cromáticas de color diferentes a la definida como versión principal positivo, y es por que el favicon siempre aparece de igual forma y condiciones en la barra de los navegadores.

Fig. 13



Fig. 14 y Fig. 15



NORMATIVA GRÁFICA – 3ª Parte/ Usos incorrectos

USOS INCORRECTOS

Los usos incorrectos se detallan para la descripción de cualquier utilización o manipulación de los identificadores corporativos que contradiga alguna de las normas que se describen en el manual, además de otros usos que pueden ser ocasionados por una utilización inadecuada de la marca.

No todos los manuales tienen el mismo número ni tipo de usos incorrectos. Algunos usos pueden ser correctos en el contexto de la programación normativa de una identidad visual y sin embargo considerarse incorrectos en otros.

Los usos incorrectos siempre dependen de las características individuales y particulares de cada una de las imágenes de identidad visual corporativa, y siempre están guiados por criterios amparados por el sentido común.

Generalmente no sólo se describen las normas con un texto, también se ejemplifica visualmente para esclarecer eficazmente la prohibición que se haya considerado apropiada resaltar.

Cuando indicamos un uso incorrecto, también podemos hacer referencia a la norma que define el uso idóneo y normalizado. Esta información completa la prohibición e incorpora además la información necesaria para el buen uso del mismo.

Algunos de los usos incorrectos pueden ser:

1. Alterar la disposición de las partes integrantes de un identificador.

2. Cambiar las proporciones entre las partes de una identificador.

3. No respetar el área de protección definida.

4. Sustituir la tipografía corporativa del logotipo por otra.

5. Girar el identificador corporativo.

6. Distorsionar el identificador corporativo.

7. No respetar los colores corporativos definidos en las cartas de color.

8. Utilizar inadecuadamente versiones cromáticas de los identificadores corporativos que no se han creado con ese fin.

9. No respetar las dimensiones mínimas establecidas por norma para la reproducción de los identificadores, etc.

10. Utilizar el logotipo sin el símbolo.


A continuación detallamos un listado de 10 usos incorrectos que no sólo se explican gráficamente sino que también por escrito. De igual forma en el manual se incluirá una tabla que recoja los usos incorrectos de mayor relevancia según cada caso.



Fig. 16 Fuente de elaboración propia

1. Alterar la disposición de las partes integrantes de un identificador.

2. Cambiar las proporciones entre las partes de una identificador.

3. No respetar el área de protección definida.

4. Sustituir la tipografía corporativa del logotipo por otra.

5. Girar el identificador corporativo.

6. Distorsionar el identificador corporativo.

7. No respetar los colores corporativos definidos en las cartas de color.

8. Utilizar inadecuadamente versiones cromáticas de los identificadores corporativos que no se han creado con ese fin.

9. No respetar las dimensiones mínimas establecidas por norma para la reproducción de los identificadores, etc.

10. Utilizar el logotipo sin el símbolo.




“En el presente epígrafe mostramos algunos ejemplos considerados incorrectos por que contradicen una o varias normas descritas en este manual o bien porque modifican la naturaleza acotada y definida específicamente para los identificadores corporativos de Avanttis.”

Otras normas pueden estar relacionadas con:

• La fragmentación de los identificadores corporativos.

• La adición de efectos de relieve o sombra no definidos.

• La separación o no del símbolo y el logotipo cuando ambos participan en la construcción de un logosímbolo.

• El uso de articulaciones secundarias para situaciones en las que se prevé el uso de otro identificador alternativo que se ha especificado para ese caso.

• Etc.

EJERCICIO 19.

Explica gráficamente aquellos usos que consideres incorrectos por que incumplen la normativa que hemos definido en la 1ª y 2ª parte de este texto. Redacta en qué consisten aquellos ejemplos que has considerado incluir.

Ten en cuenta las indicaciones que hemos expuesto en el sub-‐epígrafe “Descripción de la norma en el manual”.

Para finalizar y una vez realizado todo el trabajo de programación gracias a las definiciones y normativas establecidas, el siguiente paso será el de velar por su correcta aplicación.

Los diferentes sistemas de aplicaciones que a continuación diseñaremos apelarán al uso de las señas de identidad visual, el sistema de imágenes que hemos programado. Y es cuando supervisaremos que lo aquí dispuesto se cumple sin excepción.

Por otro lado tras la aplicación práctica pueden surgir nuevos condicionantes que no habíamos previsto con anterioridad y que requieran la elaboración de alguna normativa nueva, la ampliación o remodelación de alguna existente, o incluso la supresión de alguna puntualmente.

Estos reajustes se realizarán siempre y cuando sean necesarios y bajo la supervisión del diseñador en el proceso de programación-‐aplicación de la imagen. Los cambios deberán justificarse en base a nuevas necesidades no previstas.

Finalmente la programación creada, con cambios incorporados, será incluida en la versión final del manual y su aplicación será la que el mismo dispone y no otra.

Documents

PROGRAMACIÓNDE!LAIDENTIDAD! VISUAL!CORPORATIVA!umh2126.edu.umh.es/wp-content/uploads/sites/157/... · P1/Manual de Identidad Visual Corporativa U.d.05 Contenidos teóricos / F2NORMATIVA