manual de identidad...manual de identidad 7 variaciones: 1. la reconfiguración de los elementos del...
TRANSCRIPT
1MA
NU
AL
DE
IDE
NTI
DA
D
MANUALDE IDENTIDAD
Guías para la construcción y aplicación del sistema gráfico de la nueva imagen.
BIBLIOTECAPÚBLICAPILOTO
// 2017
2MA
NU
AL
DE
IDE
NTI
DA
D
Contenido·Construcción logo·Variaciones· Usos
·Fuentes principales·Variaciones
·Paleta de color·Contrastes
·Fotografía contenida·Tratamiento fotografías·Usos
Nueva imagen
Tipografía
Color
Imagen
3MA
NU
AL
DE
IDE
NTI
DA
D
NuevaimagenNuevaimagen
Sólida como una institución cultural de alta calidad, pero con un tinte muy local. Su potencia debe coexistir con la diversión y su fuerza con la flexibilidad.
Antes Ahora
Los elementos geométricos y los colores fuertes hablan de lo universal, mientras que las fotografías de archivo sirven de contrapunto hacia lo regional.
Expresiva y simple, sugiere un espacio en el que convergen la creatividad y el conocimiento.
4MA
NU
AL
DE
IDE
NTI
DA
D
5MA
NU
AL
DE
IDE
NTI
DA
D
Construcciónlogosímbolo:La renovación del logo consistió en conservar lo que funcionaba y mejorar lo que no.
El logosímbolo se conservó pues aparte de ser moderno, geométrico y universal, ya está guardado en la memoria de todos los antioqueños; se le aumentó el grosor de la letra para darle más contundencia.
El logo tipográfico se redimensionó para facilitar el uso en las aplicaciones, mejorar la legibilidad y refrescar el logo. Al final se entiende que la biblioteca ha sido renovada, pero que en esencia, es la misma.
Atemporal
Visible
Potente
Atemporal
Modular
Expresivo
Adaptativo
1x
1/2 x
3x
2x
6MA
NU
AL
DE
IDE
NTI
DA
D
Reserva y espacio negativo:
El logo podrá ser usado en negativo porque no afecta su legibilidad o visibilidad.
Siempre se conservará el área de reserva alrededor de su perímetro conservando la distancia marcada en 1X, que corresponde a la circunferencia externa de la b del logotipo.
1x
1x
1x
1x
1x
7MA
NU
AL
DE
IDE
NTI
DA
D
Variaciones:
1.
La reconfiguración de los elementos del logo puede variar para responder a la necesidad de una imagen más compacta que de mayor visibilidad en piezas donde el tamaño es reducido y hay presencia de más logos.
Sin embargo es una variación secundaria y no debe reemplazar la construcción principal.
El logosímbolo se podrá ubicar solo a la derecha del nombre de la biblioteca, conservando la proporción que marca la altura X.
Altura X
8MA
NU
AL
DE
IDE
NTI
DA
D
Variaciones: 2.El logosímbolo se convierte en contenedor de tipografía o imagen. Esta variación no podrá ser usada como logo institucional sino como imagen y textura.
Su uso y construcción dependerán de la pieza, pero siempre mantendrá las proporciones estipuladas en este manual.
El contenedor podrá ser usado con o sin el nombre de la biblioteca.
Podrá ser aplicado cualquier color de la paleta y con imagen según las indicaciones de este manual.
*Ver usos de color e imagen
9MA
NU
AL
DE
IDE
NTI
DA
D
Usosincorrectos:Se deben evitar las modificaciones que alteren la construcción del logo, tales como distorsiones, reagrupaciones y cambios de tipografías.
No aplicar efectos sobre el logo como sombras o biseles, efectos metalizados o contornos y degradados.
Blioteca PúblicaP i l o t o
Biblioteca PúblicaPiloto
BPPbpp
x
x
x
x
10MA
NU
AL
DE
IDE
NTI
DA
D
ColorColorColor
Paleta principal: Son colores cercanos a los colores primarios.
Estos colores transmiten fuerza y seguridad, hablan de una institución contundente y diversa, alegre, moderna.
Toda la paleta está pensada, además, para contrastar con el archivo fotográfico, resignificarlo, sacarlo del clóset y llenarlo de vida.
11MA
NU
AL
DE
IDE
NTI
DA
D
Paleta principal:Basados en los colores primarios, estos tonos representan la imagen más institucional de la biblioteca.
Usados siempre en bloque, generan buena vibración y contraste entre ellos, transmitiendo fuerza y seguridad.
PantoneBright Red U
PantoneNeutral Black U
CMYK:C: 0%M: 78%Y: 70%K: 0%
CMYK:C: 60%M: 53%Y: 53%K: 52%
RGB:R: 255G: 84B: 63
RGB:R: 77G: 72B: 69
Pantone293 U
Pantone7548 U
Pantone298 U
CMYK:C: 89%M: 64%Y: 0%K: 0%
CMYK:C: 0%M: 25%Y: 88%K: 0%
RGB:R: 37G: 90B: 168
RGB:R: 255G: 201B: 8
CMYK:C: 66%M: 0%Y: 0%K: 0%
RGB:R: 58G: 191B: 240
12MA
NU
AL
DE
IDE
NTI
DA
D
Paleta decolor secundaria:
CMYK:C: 0%M: 73%Y: 94%K: 0%
CMYK:C: 54%M: 93%Y: 0%K: 0%
CMYK:C: 54%M: 93%Y: 0%K: 0%
CMYK:C: 83%M: 11%Y: 94%K: 1%
CMYK:C: 66%M: 0%Y: 0%K: 0%
RGB:R: 235G: 96B: 29
RGB:R: 142G: 47B: 136
RGB:R: 142G: 47B: 136
RGB:R: 4G: 152B: 67
RGB:R: 58G: 191B: 240
PantoneOrange 021 U
Pantone354 U
Pantone814 U
Se escogieron colores secundarios, pero de igual brillo que los primarios. Estos permiten ampliar la paleta para los diferentes públicos y programas, sin perder la fuerza y la alegría.
13MA
NU
AL
DE
IDE
NTI
DA
D
TipografíaTipografíaTipografía
Las tipografías deben respaldar la personalidad de la institución y ser versátiles para alcanzar todo lo que la biblioteca necesita hacer con ellas.
14MA
NU
AL
DE
IDE
NTI
DA
D
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz1 2 3 4 5 6 7 8 9 0 ‘ ? ’ “ ! ” ( % ) [ # ] { @ } / & < - + ÷ × = > ® © $ € £ ¥ ¢ : ; , . *
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz1 2 3 4 5 6 7 8 9 0 ‘ ? ’ “ ! ” ( % ) [ # ] { @ } / & < - + ÷ × = > ® © $ € £ ¥ ¢ : ; , . *
Fuenteprincipal:
bold
bookGOTHAMRepresenta lo esencial de la biblioteca. Fresca, pero a la vez estable. Eficiente, mínima, universal, sin tintes étnicos.
GothamGotham es un tipo de letra sin remates diseñada por Tobias Frere-Jones en el año 2000. Las formas de las letras están inspiradas por el estilo arquitectónico
que fue popular a mediados del siglo XX en la ciudad de Nueva York.
15MA
NU
AL
DE
IDE
NTI
DA
D
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz1 2 3 4 5 6 7 8 9 0 ‘ ? ’ “ ! ” ( % ) [ # ] { @ } / & < - + ÷ × = > ® © $ € £ ¥ ¢ : ; , . *
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz1 2 3 4 5 6 7 8 9 0 ‘ ? ’ “ ! ” ( % ) [ # ] { @ } / & < - + ÷ × = > ® © $ € £ ¥ ¢ : ; , . *
Bold
Book
SurveyorTextSurveyor es una tipografía serifada, diseñada por Tobias Frere-Jones en 2001. Está creada para inspirar y evocar un estilo manual y orgánico, que hable de historia
y territorio, pues está inspirada en las tipografías encontradas en antiguos mapas de nevegación.
Fuentesecundaria:SURVEYOR TEXTElegante y clásica, sirve de contrapunto a la Gotham por su apariencia flexible aunque racional. Refinada y delicada. Perfecta para texto corrido.
16MA
NU
AL
DE
IDE
NTI
DA
D
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz1 2 3 4 5 6 7 8 9 0 ‘ ? ’ “ ! ” ( % ) [ # ] { @ } / & < - + ÷ × = > $ € £ ¥ ¢ : ; , . *
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz1 2 3 4 5 6 7 8 9 0 ‘ ? ’ “ ! ” ( % ) [ # ] { @ } / & < - + ÷ × = > $ € £ ¥ ¢ : ; , . *
Regular
Oblique
MoniqueMonique es una tipografía tipo mono creada por Hederae Creative Shop en 2015. Es precisa y profesional, clara y simple,basada en una red modular, con influencias modernas.
Variaciones:MONIQUEROUNDDivertida, informal, descomplicada, pero a la vez regular y modular. Moderna y algo más atrevida, matiza la presencia clásica y geométrica de las anteriores.
17MA
NU
AL
DE
IDE
NTI
DA
D
imagenimagen
Al mezclar la imagen de archivo con el nuevo diseño gráfico, se obtiene una identidad única y fresca, universal y muy local a la vez.
ImagenImagenImagen
18MA
NU
AL
DE
IDE
NTI
DA
D
Archivofotográfico:Es importante capitalizar esta gran bolsa de imágenes. Su uso diferencia radicalmente la imagen de la biblioteca de la de otras instituciones, a la vez que le habla directamente a los corazones de los antioqueños.
Cualquier institución hace ilustraciones para la imagen de sus programas, pero sólo la BPP tiene este acervo. Se debe establecer una buena curaduría para su uso adecuado. La recordación está garantizada.
19MA
NU
AL
DE
IDE
NTI
DA
D
Ediciónimágenes:
Ejemplo:
1
2
3
El tratamiento de las fotografías se debe fusionar con el nuevo sistema gráfico. Para eso, en la edición de las imágenes, veremos acentos de color y texturas de ruido que integren el elemento fotográfico a la nueva imagen de la biblioteca.
4 7
8
9
5
6
En los siguientes 9 pasosvemos cómo agregar ruido y acento de color a una imagen. Dependiendo de la imagen puede variar el área que se desee resaltar con color, o si la imagen necesita tratamiento de ruido o no. Estos son pasos generales para entender el concepto de la nueva imagen.
1. En ajustes convertimos la imagen a blanco y negro.
4. En ajustes seleccionamos filtro defotografía.
7. En una nueva capa rellenamos el áreaque trazamos del color que escogimoscomo filtro de fotografía y a esa capa leañadimos ruido.
8. Multiplicamos la capa de color, ycon la herramienta de borrador, en durezacero, y con el flujo y la opacidad bajasvamos desvaneciendo la mancha.
2. En filtro, añadimos ruido a la imagen. 5. Seleccionamos el color que deseamoscomo filtro de fotografia y variamos ladensidad del tono.
6. Con la herramienta de selección rápida,trazamos en la imagen espacios quequeramos resaltar o acentuar con color.
3. En añadir ruido controlamos lacantidad en una distribución uniforme ymonocromática.
20MA
NU
AL
DE
IDE
NTI
DA
D
Fotografíacontenida:El símbolo BPP podrá ser usado como contenedor de imagen. En esta aplicación se permite el uso de contorno en el logosímbolo y su combinación con tipografía interna.
El contenedor de imágenes puede estar completamente lleno o no, todo depende del uso que se le quiera dar visualmente.
Ejemplo:
Línea guíacontorno
21MA
NU
AL
DE
IDE
NTI
DA
D
La modificación de algunos elementos de la forma del logo, como las astas de las letras o los círculos internos del logo, es válida y podrá ser usada en favor de la composición.
En las composiciones entre logosímbolos se podrá superponer y modular, de manera que se creen texturas y vacíos entre los espacios del contenedor. La idea es jugar con diferentes líneas y texturas.
LAPILOTO
22MA
NU
AL
DE
IDE
NTI
DA
D
NeutroAtemporal
SólidoSimpleDirecto
AdaptativoClásico
EstructuralLimpioLegible
ElementalElementalElementalUsos:
De las premisas de diseño1, la que más compete al diseño gráfico es: Elemental, donde un diseño sólido y directo representa la nueva identidad de la biblioteca.
Contrastes en bloque, la imagen integrada y la potencia visual de la tipografía.
1Para más información sobre las premisas de diseño, consultar "Guión de ambientes culturales y de aprendizaje"
23MA
NU
AL
DE
IDE
NTI
DA
D
MANUALDE IDENTIDADDiseñado por