TEDx UDLAP, Connect 2018.
Manual bรกsico de identidad visual
El identificador visual Se trata de un imagotipo en esencia minimalista, lineal y con fuerte alusión a la elegancia y funcionalidad de la tecnología moderna. Incorpora rasgos que asemejan los patrones formados por las delgadas líneas conductoras llamadas “huellas”, que enlazan los “rastros” (terminales o nodos) en las placas de circuitos y permiten dar vida a nuestras herramientas electrónicas. Sin embargo, ocurre algo especial entre estas líneas, o caminos conductores: intersectan. Se trata de dos elementos aislados, cada uno con su punto de inicio y término, viajando sobre su propio eje y dirección y con su propia magnitud, que se encuentran. Mas, no colisionan; por el contrario, se superponen y en cada punto de contacto formado, conforme avanzan uno contra el otro, comparten sus propios flujos de corriente. Con cada nueva intersección hay un incremento de grosor, de energía; son los destellos de apartadas ideas que finalmente coinciden para transmitirse, combinarse y crear juntas algo nuevo antes de seguir su propia ruta. Es de esta caracterización que se da pie a exaltar, simbólicamente, el principal rasgo conceptual de la edición 2018 de TEDxUDLAP, “Connect”. En el fondo de esta manifestación gráfica se presenta la idea fundamental de cómo las distintas y llamadas “distantes” disciplinas, por aseveraciones socio-culturales, transitan por la realidad a través de quienes las practicamos y se abstuvieron a atender situaciones “propias” para las que fueron creadas hasta que nosotros les permitimos innovar al combinarse de innumerables maneras con herramientas y conocimientos de aquellas áreas de estudio que considerábamos ajenas a la nuestra. Se representa así lo que sucede cuando generamos nuevas, muy precisas, específicas y alentadoras formas para dar respuestas y soluciones a situaciones y circunstancias cada vez más complejas, a través de la actividad multidisciplinaria y, sobre todo, la interdisciplinaria.
Construcción En este manual todos los elementos que involucran la construcción o restricciones de los identificadores visuales están indicados en color magenta.
Isotipo Tiene como base la letra “x” correspondiente del logotipo de oficial de la marca TEDx. Sobre ésta se construyó una rejilla de cinco módulos diagonales para perfilar seis líneas en cada trazo de la letra, dando un total de doce, refiriendo al número de ponentes de esta edición. Se conforman así dos flechas con direcciones opuestas y una, la izquierda, con mayor grosor; mientras que la otra está en primer plano por encima de ésta.
Logotipo El nombre “Connect” se presenta en un arreglo tipográfico, sin intervención gráfica, en la fuente características neo-grotescas Pier Sans.
CONNECT
La fuente se halla en su variante de peso “Bold”, para otorgarle mayor contraste y presencia, especialmente cuando se encuentra acompañado del isotipo.
Arreglo tipográfico Pier Sans Bold Kerning: Optical Tracking: 210
El espacio entre el conjunto de caracteres, tracking, es positivo a 210, para apoyar lo anterior.
Imagotipos Se generaron dos versiones de imagotipo oficial, una variante en formato horizontal y la otra en formato vertical. Partiendo de la construcción de la versión vertical, se seccionó el isotipo a lo alto en siete módulos horizontales y disponiendo que la altura del logotipo fuese el equivalente a un módulo (1/7x).
CONNECT
La variante horizontal fue construida a partir de la relación de aspecto anterior y contemplando la altura de una “O” y media como espacio para colocar el logotipo bajo el isotipo. Para centrar el logotipo se decrece el tamaño del logotipo ópticamente para que este se ajuste al tamaño de medio módulo del trazo grueso de la flecha izquierda.
Reducciones
Tras pruebas de impresión, se determinó que el isotipo aislado puede ser reducido a un tamaño mínimo de 0.7 cm de alto. Del mismo modo, el logotipo aislado puede ser reducido a un tamaño mínimo de 0.15 cm de alto, antes de que corra el riesgo de no ser reconocible. Los imagotipos deben escalarse a partir de la altura del isotipo y, siguiendo las restricciones anteriores, no deben ser escalados a menor altura de 0.8 cm. Se otorga entre milímetro de diferencia entre el isotipo aislado para prevenir que el logotipo pierda presencia.
El isotipo aislado puede ser escalado a un tamaño mínimo de 0.7 cm de alto.
El logotipo aislado puede ser escalado a un tamaño mínimo de 0.15 cm de alto.
0.8 cm.
Los imagotipos pueden ser escalados a un tamaño mínimo de 0.8 cm de alto con respecto al isotipo.
Zona de seguridad Se obtiene colocando la “flecha izquierda” del isotipo a los cuatro extremos del elemento a asegurar y delimitando el área hacia afuera. Esta delimitación aplica para todas las variantes y alternantes que funjan como identificador del evento; no así con elementos que gráficos de apoyo, de comunicación o publicitarios. No se debe transgredir ni alterar bajo ninguna circunstancia.
Desintegrado Son los elementos que componen los identificadores del evento y pueden ser utilizados como gráficos de apoyo y en la construcción de sistemas de lenguajes visuales e identidad. La “flecha derecha” debe colocarse en primer plano (al frente) en todas las variantes de imagotipo. En otras aplicaciones sin logotipo se puede variar.
Tercer plano “Flecha izquierda”
Primer plano “Flecha derecha”
Elementos vectoriales provistos Para poder utilizarse en aplicaciones, se proveen de los elementos desintegrados (formas separadas) y en unipieza (una sola forma) capaz de ser cortada por maquinas especiales.
Desintegrado
Unipieza para corte
Segundo plano “Logotipo”
Colores Principales Constan del uso de ambos colores oficiales de la marca TEDx (Patone Black y Patone 485), además del color gris oscuro, formado a partir del Patone Black con una saturación de 80% de tinta.
Secundarios / De apoyo Se sugiere su uso para aportar mayor contraste y diferentes grados de presencia y capas a las aplicaciones. Consta del color oficial Patone Black saturado a tres diferentes porcentajes: 20, 40 y 60%. Además, se incluye un color rojo más oscurecido para ser utilizado como auxiliar en aplicaciones donde se deba evitar que el color Patone 485 sea demasiado pregnante.
Gradientes Se construyen dos degradados diferentes para diversas aplicaciones. Uno parte del color Pantone 485 al color Patone 50-16 y el otro va del color Pantone 485 a transparente. Para el uso de este último, se sugiere color una pantalla de color Pantone Black al 80% o Pantone 50-16.
Pantone Black
Pantone 485
Pantone Black 80%
CMYK: 70, 50, 30, 100 RGB: 0, 0, 0 Web: #000000
CMYK: 0, 100, 100,0 RGB: 230, 43, 30 Web: #e62b1e
CMYK: 0, 0, 0, 100 RGB: 35, 31, 32 Web: #231f20
Pantone Black 60% 40% 20% Pantone 50-16
Aplicación de color Para las aplicaciones de color a las variantes y alternantes de imagotipo se contempla el uso de los colores oficiales principales, ya sea a una o dos tintas. El elemento del isotipo que adquiere una variación en el uso de dos tintas es la “flecha derecha”, la cual debe ir siempre en primer plano cuando se coloca sobre la “flecha izquierda”. Las aplicaciones de color pueden variar dependiendo de la alternante de imagotipo, la aplicación o cuestiones técnicas.
En negativo En aplicaciones a negativo (con pantalla/fondo de color donde el imagotipo debe volverse blanco) se contempla el uso de las tintas oficiales principales, así como ciertas aplicaciones con degradados. En casos donde existe la aplicación a dos tintas, el elemento del isotipo que adquiere una variación en el uso de dos tintas es la “flecha derecha”, la cual debe ir siempre en primer plano cuando se coloca sobre la “flecha izquierda”. Se sugieren las siguientes aplicaciones en negativos pues generan un contraste adecuado entre las tintas oficiales principales.
Positivo
Negativo
Variantes y alternantes para aplicaciones. Para reducciones menores Esta variante comienza a utilizarse a partir de aplicaciones que requieren una reducciĂłn de imagotipo menor de 0.8 cm. de alto con respecto al isotipo.
0.7 cm.
0.4 cm.
Elementos vectoriales provistos
Desintegrado
Para poder utilizarse en aplicaciones, se proveen de los elementos desintegrados (formas separadas) y en unipieza (una sola forma) capaz de ser cortada por maquinas especiales.
Unipieza para corte
Esta variante de imagotipo puede ser escalada a un tamaĂąo mĂnimo de 0.4 cm de alto con respecto al isotipo.
Titular Esta alternante contempla tres diferentes tamaños de apertura que dependerán del espacio provisto por el formato donde será aplicada. Se recomienda el uso de la alternante con apertura estándar cuando no haya problemas de espacio.
Apertura máxima
Apartura estándar
Apartura mínima
Eslogan more
-ed than ever.
Arreglo tipográfico Museo Slab 500 Italic Kerning: Optical Tracking: 0
Para el uso del eslogan incorporado entre los elementos isotípicos se construyó una rejilla que permitió su correcto espaciado. Se puede utilizar el eslogan desintegrado, pero no alterar el orden, posición o escala de sus elementos.
Sugerencia de aplicación de color
Superposici贸n
Sugerencia de aplicaci贸n de color
Superposici贸n y movimiento
Sugerencia de aplicaci贸n de color
División silábica Para esta alternante se sugiere una aplicación que contextualice la separación silábica, ya sea una explicación, metáfora visual o definición.
CON NECT Espacio tabular
Sugerencia de aplicación de color
Tipografía
Sugerencia de uso Familia principal Para lecutra y anotaciones.
Pier Sans
Pier Sans Regular Pier Sans Italic Pier Sans Bold Pier Sans Bold Italic
Fuentes secundarias Para títulos y sumarios breves
Museo Slab 500 Museo Slab 500 italic Museo Slab 700 Museo Slab 700 italic
El enfoque interdisciplinario El saber proveniente de diferentes campos científicos se funde en conceptos generales. Este enfoque es de especial importancia para comprender y resolver problemas ambientales, donde interactúan las ciencias geológicas, biológicas, sociales y la tecnología. La interdisciplina es una concepción holística de la realidad; la considera como un TODO, por lo que es más que la suma de las partes.
Los conocimientos interdisciplinarios, en la práctica, se deberían transferir al campo de las decisiones políticas, a través de la comprensión de procesos que se desarrollan simultáneamente en los sistemas físicos y sociales.
Ejemplos de uso de gradiente
Posibles elementos papelerĂa
Borde del formato
Imagen / forma cuadrada
Notas