Elementos gráficos
Concepto
Hemos pasado, históricamente, de la forma del clic tradicional a la acción digital con un solo toque. El cambio y transición de esta interacción es también la muestra tangible de nuestra evolución como universidad al integrar, desde nuestro inicial logo, la figura de un cursor o flecha, y que ahora, luego de más de diez años, se ha convertido en lo que conocemos hoy: una forma circular que se genera con nuestra huella. Utel ha evolucionado junto con la tecnología misma.
Nuestra huella digital en la navegación -que además es única e irrepetible- y el poder táctil, han inspirado la creación de nuestra forma orgánica: figuras redondeadas, sin ángulos ni perfilados, evocan emociones más empáticas y cercanas, son amigables, recordables e integradoras.
Formación
Generadas a partir de una elipse, la base de la forma final se ha desarrollado a través de un trazo más libre que se construye orgánicamente con un sentido de infinidad y dinamismo.
Universo
Estas formas se encuentran en movimiento: poseen un valor irrepetible y, al mismo tiempo, de colectividad. Interactúan, se complementan y forman un algoritmo de variaciones originales partiendo de una misma base… Nos gusta pensar que cada forma es tan única como cada uno de nuestros estudiantes.
Usos
Gráficamente, es un elemento poderoso que puede ser utilizado para destacar nuestros mensajes. Estas formas pueden ser usadas con su totalidad de color, con degradado, con transparencias o solo su contorno. Las aplicaciones son infinitas, pueden utilizarse sobre una foto o formando un fondo, es importante no cubrir rostros o cualidades importantes de la foto, pueden utilizarse al frente o detrás de una persona.
La forma puede girarse para poder encontrar una composición visual equilibrada o que corresponda con su soporte gráfico o ambiente, nunca abusando de su uso. También puede combinarse el uso de dos formas en una misma composición en cualquiera de sus variaciones: color con contorno, doble transparencia, doble degradado o doble contorno.
La unión de dos formas es también la unión entre Utel y nuestros estudiantes: dos elementos fundamentales que conviven entre sí en todo momento.
Formas en ambiente
Utiliza las formas para generar mensajes consistentes junto con fotografías, tipografías y composiciones equilibradas. Integrar todos estos elementos nos da una infinidad de usos, variedad y combinaciones para siempre mantener una comunicación dinámica y en movimiento. Considera los siguientes ejemplos:
Formas degradadas y transparencia.
En este caso utilizamos las formas para dar dominio del color y personalidad, con esto no restamos importancia al rostro que es la parte central de la foto, existe un equilibrio visual en la composición firmada por el logo.
Envolvente.
La forma se puede utilizar como recurso para resaltar y/o envolver el texto o la foto. En este caso se utilizó para dar legibilidad al texto y para dar presencia de color.
Contorno con foto en fondo claro sin contexto.
Siendo una marca global es necesario tener diferentes usos dentro de este universo visual, este uso debe estar contenido dentro de un contexto donde el color verde esté presente, por ejemplo en headers donde el color blanco de nuestro fondo nos enfoca en el contenido de una manera poderosa y directa.
Debemos tener cuidado de siempre tener el logo en color verde dentro del arte o en el contexto directo.
Fondos compuestos con foto
Podemos hacer uso de los recursos descargables de fondos o crear una variación de éstos, lo importante es que la composición visual no se vea afectada en cuanto a saturación de elementos o pierda la jerarquía de éstos.
Si el fondo no funciona con una foto podemos hacer uso sin ella.
Composiciones complementarias
Inspirados en el patrón visual que posee una huella digital real, hemos creado una serie de formas complementarias basadas en ello. Integra los siguientes patrones en otras aplicaciones gráficas donde sea necesario o útil.
Visuales
Puedes aplicar las formas orgánicas en distintos elementos de la web: headers, banners informativos o en full display de sección. Complementa visualmente tu mensaje.
