d.i.
20 13
Manual de
Identidad Grรกfica
Bienvenido
Un agradecimiento especial a los profesores Dayra Hernández y Marco Aurelio Cárdenas quienes me asesoraron y apoyaron en la construcción del portafolio. También a mis padres Edgar, Patricia y a mi hermano Santiago quienes me apoyaron en mis estudios en la Universidad Nacional de Colombia
Pág
Presentación
1 Introducción 2 Misión/ Visión 3 Manifiesto de diseño
Logo 5 6 7 8 11 12 13 15 17 20 21 22 23 24 25 27 28 29 30 31 32
Nombre. Porqué Ea? Slogan Simbología Logosímbolo Otros modos Firma Inti Color Categorías Designers League Move Keep Live Draw Tipografía Formatos Zonas de seguridad Trama Marca de agua Errores de uso Proceso/ bocetos
Pág
35 36 37 38 39 40 41 43
Aplicación Hoja carta Carpeta Sobres Tarjetas Banners Publicidad vertical Ejemplos de publicidad Glosario
Sumario
1 La identidad corporativa está sujeta a ciertas normas creadas por el diseñador las cuales permiten un correcto uso y disposición para la comunicación de la “organización” a futuro y sin necesidad de un nuevo contacto con su creador. Desde los más mínimos detalles como las formas básicas del logo hasta los códigos de colores usados tienen que estar definidos y explicados en un lenguaje técnico y formal, e inundados de razones y explicaciones textuales que complementen y refuercen los recursos gráficos ya definidos. Aquí se dispondrá esta información para la marca o identidad del portafolio del diseñador Edgar Andrés Sarmiento García: Ea Design
Intro
2 Misión Diseñar y crear sistemas de producto-servicio que mejoren la “calidad de vida” de las personas a margen de un contexto y un espacio determinado. La función como elemento base de diseño, la experiencia estética como desarrolladora y comunicadora de conceptos intangibles; y la armonía como estructurador final.
Visión Construir y brindar un futuro sostenible a la sociedad y a la Tierra en el que se establezca una conciencia ambiental y sistémica en el imaginario y el vivir humano.
Misión y Visión
3
“ Hay cosas buenas y cosas malas- y eso es lo bueno. Hay perfeccion e imperfección- y eso es lo perfecto ” T’ao-Shan
1 Se diseña para el
e
ser humano
a margen de
la naturaleza
2 La función por encima de la estética obviar 3 Nunca la experiencia estética Belleza (morfología de la Bauhaus)
el sistema 4 Primero luego el producto
e
un 5 Nunca proyecto finaliza
sino que “mejora” dinámica cíclica
Diseñar
es una actividad
armónicay sistémica
por ende
sostenible
Manifiesto diseñador
e
e
4
5 fuerte
+
suave
Edgar Andrés
estructura fonética que simboliza
armonía
Iniciales del nombre del diseñador Nombre creado en
2009
para la presentación
Desde ese entonces es usado para marcar
de unas
carpetas
Logotipo
ea design
todo proyecto
2010
design es un complemento
que busca
la idea
2010 exponencial surge en un 3er cambio del logo
45, 815 , 26
los números
exponenciales simplificadas
enmarcar la identidad en el sector del
diseñador Inglés?
para darle un carácter
universal
son representaciones de datos grandes
significa
gran crecimiento Porqué
Ea?
6 dinámica armónica
esencia del Diseño
construyendo ideas
“labor”, creación,
materialización lo tangible
creatividad, imaginación
lo abstracto lo intangible
El Slogan tiene como objetivo fortalecer el nombre, dándole un carácter y confirmando la posición que cumple el diseño como disciplina armónica, conciliadora y dinámica.
Slogan
7
Estética y el cubo redondeado El cubo y el círculo son formas sencillas y básicas presentes en la teoría morfológica de la Bauhaus en relación al concepto de “belleza”. Es también una forma abstracta de representar el diseño como una actividad “armónica”.
La diagonalidad ascendente El logo nuevo tiene una inclusión morfológica, que comprende una diagonal ascendente como símbolo de crecimiento y emprendimiento. Esta también debería estar presente en las composiciones y comunicaciones.
design
Símbolos
8
2009
2009
2010
2013
Formato Vertical LogosĂmbolo
Logo
9
Formato Horizontal
10
construyendo ideas
Slogan con marca de agua del 60% de transparencia. El tama帽o en proporci贸n al logo es igual tanto en el formato vertical como horizontal
construyendo ideas Logo con Slogan
11 Plotter de Corte
Horizontal + “works”
Sello Light
Posible cambio a futuro en revisión de registro de marca.
Otros modos
Para usos en imágenes con mucho detalle.
12 Es usada para marcas de documentos e illustraciones (opcional)
Firma
13
Inti Significa Dios Sol en Quechua, lengua nativa Inca.
La mascota surge de la necesidad de darle mayor dinamismo a la “seriedad” del logo. Inicialmente se llamó Bubblie. Es el presentador. El logo no se auto-presenta, porque no tiene vida. Por eso hay alguien que lo acompaña y lo ayuda en su labor: Inti. Es un personaje de forma circular.
2010
2013
Yo!
Colores: C0 M0 Y0 K0
C 14 M 10 Y 11 K0
C 67 M 60 Y 60 K 43
C 73 M 67 Y 65 K 76
14
Siempre está feliz cuando tiene ideas en su cabeza. Aún así las ideas crecen exponencialmente, se elevan como una burbuja y salen de él quedando como un zombie. Inti no tarda en buscar rápidamente en los cubos redondeados donde se encuentran las nuevas ideas, sino enloquece.
15
Colores:
C0
255 R M 0 255 G 255 B Y 0
K0
Pantone P 1-1 C
100 C 0 100 M R G0 100 Y B 0 100 K Pantone P Process Black C
Elección del color Sencillamente los colores significan armonía. Son los colores básicos, los colores creadores. Contrarios, extremos y que de ellos surgen una inmensidad de tonalidades de uso para la organización de los proyectos.
Colores de categorías:
Color
16
17
El logo es un sistema compuesto por 4 cubos que representan las 4 categorías en las cuales se ha diseñado. Son sistemas dinámicos que se encuentran estructurados en armonía tanto en color (el rojo se complementa con el verde, y el amarillo con el azul y viceversa) como en disposición.
Categorías
18
Los proyectos de dise単o se clasifican en 4 grupos principales, cada uno tiene 2 cubos de colores que lo representan. Esto da un total de 8 cubos contenidos exactamente en uno.
19
move
keep
live
draw
20
The
Designers League
Mecรกnico
Ingeniero
Artista
Arquitecto
move
keep
draw
live
21
PANTONE DS 73-1 C
move. Palabra compacta. Significa en Inglés mover.
C 0 R 237 M 100 Y 100 G 28 K 0 B 36
move
El cubo rojo EaDesign Red va acompañado del naranja EaDesign Orange en el que se despliega una bicicleta. Esta categoría abarca todos los tipos de transporte que faciliten diferentes actividades del ser humano en su entorno. Los colores escogidos son los favoritos del autor y se relacionan directamente con su mayor pasión: la movilidad.
PANTONE DS 56-1 C C 0 R 232 M 80 Y 100 G 78 K 0 B 14
22
PANTONE DS 18-2 C
keep. Palabra compacta. Significa en Inglés conservar.
0 C R 253 30 M 100 Y G 134 0 K B 19
keep
El naranja da paso al amarillo EaDesign Yellow , irradiador de energía. Este representa a la categoría con mayor números de proyectos de diseño realizados. Lo acompaña un verde eléctrico EaDesign Pasto con una cara feliz y de agradecimiento. Agrupa los proyectos de diseños de producto no ligados al diseño de transportes.
PANTONE DS 302-1 C 35 C R 178 0M 100 Y G 210 0 K B 52
23
PANTONE DS 278-1 C
live. Palabra compacta. Significa en Inglés vivir.
90 C R 0 0M 100 Y G 172 0 K B 79
live
El verde eléctrico da paso a otra categoría de una tonalidad más oscura: la de espacio. El verde EaDesign Green simboliza la naturaleza y lo acompaña el color cian EaDesign Cian, símbolo del agua: la naturaleza y el agua unidos representan la tierra. En esta categoría se muestran los diseños ligados al espacio y a la arquitectura. El símbolo que aparece es una casa, en relación al hábitat.
PANTONE DS 229-3 C 80 C R 0 5M 5 Y G 178 0 K B 227
24
PANTONE DS 193-1 C
draw. Palabra compacta. Significa en Inglés dibujar.
100 C R 10 80 M 0 Y G 69 10 K B 149
draw
El cian da paso al azul EaDesign Blue, como cuando el agua da vida al arco iris o cuando el papel es invadido por el trazo del lápiz. En esta categoría se encuentran los trabajos gráficos de diseño: lo apoya el morado EaDesign Mora, como color de mayor vibración y como símbolo de creatividad.
PANTONE DS 172-1 C 70 C R 112 100 M 0 Y G 44 0 K B 145
25 EaDesigner
Principal Para textos
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
Para títulos
EaDesigner Bold
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
EaDesigner Font surge en el 2013. Se necesitaba el diseño una tipografía para fortalecer la identidad del próximo portafolio. Esta se deriva de la forma base utilizada: el círculo redondeado.
House Gothic Text Light
Opcional
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
House Gothic Text Bold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
Tipografía
26
27
Formatos El formato base es llamado “X”. Este corresponde a un cuadrado redondeado de 4 cm2 reales (2cmx2cm). De ahí en adelante los formatos se enumerarán consecutivamente: X1 (el mismo X), X2, X3 y que significa que un lado del cuadrado se multiplica por el orden de secuencia.
2 cm
4 cm
6 cm
X
X*2
X*3
Existe un formato mínimo llamado 1/2 X. utlizado en casos excepcionales
1/2 X
X1
X2 Medidas y
escalas
X3
28 X= 2 cm
La estructura base de los c贸digos es el mismo. X equivale a 2 cm. Cualquier logo tiene una anchura de protecci贸n de 1/2 X, correspondiente al valor m铆nimo.
X
X 1/2X
1/2X
Zonas de Seguridad
29
Patr贸n base Con 2 tipos de transparencias
Ea Trama Marca de agua: Juego de transparencia del 20% al 30%
30
Marca de agua del 10% al 20% de transparencia. Las marcas de agua se utilizan para sellos en trabajos, videos y en fondos de aplicaciones en papelerĂa
Marca de agua
31
No agregar al logo sombras ni otros efectos
No cambiar la proporción inadecuadamente
No colocar el logo sobre los objetos a presentar Colocar el logo sobre fondos planos y no sobre fondos con muchos detalles. Si es así acompañarlo con franjas de fondos limpios
Así
NO es
32
En esta colecci贸n hacen parte los bocetos del proceso de creaci贸n y modificaci贸n de la identidad EaDesign. 20.13
Bocetos 20.13
33
Aplicaciones de la identidad
:P
34
Doblado en 3 partes iguales
LĂneas de doblado
Papel: Bond carta
uso de trama
35
Carta
Hoja
Pรกgina 1
36
29 cm
Papel: Propalcote o Propalmate calibre 180
22 cm
Carpeta Descanso de hojas, con imagen alusiva de los proyectos
Pรกgina 3
22 cm
37
9.5 cm
Logo
Datos del destinatario
Sobre diseñado en base a los dobles del formato tamaño carta Papel: Propalcote o Propalmate calibre 180
Página web
Patrón de corte y líneas de doblado
Sobre
38
5.5 cm
Papel: Propalcote o Propalmate calibre 180. Zonas del logo con UV brillante
DiseĂąador y datos de contacto
Tipo 1. Sin producto
Imagenes de proyectos
Tipo 2. Con producto PĂĄgina web
Tarjeta
39 Leaderboards 726x90
Square Uso de fondos negros, uso del logo y direcciĂłn de la pĂĄgina web. Generalmente mostrando productos diseĂąados
Banners
40 Skycraper1 120x600
Skycraper 2 160x600
Banners vertical
41
Imรกgenes con fondos de los proyectos e inclusiรณn sutil del logo en esquinas o de acuerdo a la composiciรณn y visibilidad. Inclusiรณn opcional de la direcciรณn web de la marca. Posicionamiento del logo recomendada en fondos limpios, en contraste y generalmente a lado del producto.
Publicidad
42
43 Identidad corporativa Logotipo Logosímbolo Morfología Fonética Estética Tonalidad Tipografía Trama Patrón Marca de agua Proporción
Uv
Manifestación física de la marca. Aspectos visuales de una organización. Elemento gráfico que identifica a una entidad. Estilo tipográfico. Elemento gráfico que identifica a una entidad. Símbolo Ícono de la marca no relacionado con la tipografía. Configuración y propiedades de la forma. Caracterización de los sonidos Percepción o apreciación de la belleza. Matiz o del tono del color. Arte y técnica del manejo y selección de tipos (caracteres). Conjunto de patrones que enlazados y repetidos forman una composición gráfica. Modelo que sirve de muestra para sacar otra cosa igual. Imagen/sello con transparencia. Disposición, conformidad o correspondencia debida de las partes de una cosa con el todo o entre cosas relacionadas entre sí. Recubrimiento brillante sobre papel usado en el medio gráfico
Glosario
www.ea-design.tk