Tercera generación del logo de Vuelo 213

Hoy presento el segundo rediseño del logo original de Vuelo 213 (2013), que corresponde a la tercera generación de la serie denominada “Infinito”. Respecto al primer rediseño (2014), esta nueva versión se caracteriza por ser más bold (trazos más gruesos) y más compacta; además se corrigieron los espacios negativos y se mejoraron las proporciones, equilibrando de este modo todo el conjunto.

vuelo 213 logo

vuelo 213 logo

vuelo 213 logo


Modificaciones generales
Grosor
Los grosores de los trazos es el aspecto más visible en que se puede visualizar los cambios respecto a los anteriores logos de Vuelo 213. Con los años los trazos se fueron haciendo cada vez más anchos, tanto en las letras como en los números. En el caso de éstos, siempre se mantienen con ancho homogéneo: contraste 1:1.

Terminaciones
Si en la primera generación las terminaciones de los números eran puntiagudas y en la segunda generación redondeadas, ahora, en esta tercera generación, las terminaciones en las intersecciones de dos trazos tienen un corte en línea recta. Algo similar ocurre con las terminaciones de las letras “V” y “o” y del anillo exterior, los cuales presentan cortes en seco.

vuelo 213 logo


Modificaciones específicas
En los números
El único que sufre cambios en su estructura es el 2. 

En las letras
La letra “V” ahora empieza desde la izquierda y no desde abajo como ocurría en las dos versiones previas. Por otra parte, se ubica por debajo de la línea base de las demás letras.
En el caso de la letra “e” la curva que conforma el ojo ya no se cierra, sino que está abierta para tener más bllanco interno.
Para finalizar, en la letra “o” se elimina el corte que había debajo del trazo de la cola debido a que le restaba potencia al logo, en cuanto a solidez de los trazos se refiere, sobre todo en tamaños pequeños. Es decir que se tendía a disminuir la legibilidad del logo en esa zona. También se ha alargado la cola.

vuelo 213 logo

 
 

Pronto...


 
 

Interpretación visual de tema musical

Poster y motion graphics inspirados en el tema musical Funky futurista del dúo IKV (Illya Kuryaki and the Valderramas).


Para la interpretación gráfica de esta canción se ha tomado la constante repetición de las palabras “funky futurista” incluida en la letra, lo cual se materializa visualmente por medio de la utilización de un mismo elemento conformado por tubos, bolas, luces y palabras, que se reitera en el soporte en distintas posiciones. Como resultado se logra un ritmo repetitivo y una simultaneidad en la resolución visual. Las dimensiones del poster son 60×90 cm.

Versión color
Poster

Illya Kuryaki and the Valderramas IKV funky futurista interpretacion grafica

Illya Kuryaki and the Valderramas IKV funky futurista interpretacion grafica

Illya Kuryaki and the Valderramas IKV funky futurista interpretacion grafica

Poster animado

Illya Kuryaki and the Valderramas IKV funky futurista interpretacion grafica



Textura

Illya Kuryaki and the Valderramas IKV funky futurista interpretacion grafica



Illya Kuryaki and the Valderramas IKV funky futurista interpretacion grafica


Versión alto contraste
Poster

Illya Kuryaki and the Valderramas IKV funky futurista interpretacion grafica

Poster animado

Illya Kuryaki and the Valderramas IKV funky futurista interpretacion grafica



Textura

Illya Kuryaki and the Valderramas IKV funky futurista interpretacion grafica



Illya Kuryaki and the Valderramas IKV funky futurista interpretacion grafica

 
 

Corre, que ya llega el 2015

gif

 
 

Identidad Biblioteca Pedagógica y Popular

Sistema de identidad propuesto para la Biblioteca Pedagógica y Popular “Domingo F. Sarmiento” de la ciudad de Santa Fe, con motivo de la celebración de su primer centenario, a cumplirse en mayo de 2015. El objetivo de este trabajo era crear una marca con sus respectivas aplicaciones.

biblioteca pedagogica y popular sarmiento

biblioteca pedagogica y popular sarmiento

A continuación se presenta el desarrollo del logotipo, posteriormente la creación de la fuente tipográfica y finalmente las aplicaciones realizadas.


El eje conceptual
El inicio: la denominación
La particularidad del nombre de la institución es que se trata de un nombre descriptivo, en donde cada una de las cinco palabras que lo componen tiene al menos una letra vocal “o”. Conociendo esta peculiaridad, es aprovechada para plantear el diseño del logotipo.
Las letras “O”, que en el plano semántico se convierten en dos paréntesis, son utilizadas como elementos gráficos que incluyen en su interior un signo que actúa como indicio al mundo de los libros. Los parentesis en sí no son el centro de la propuesta conceptual, sino lo que ocurre dentro de ellos; esto es, las “referencias” incluidas en sus interiores que simulan los distintos signos ortográficos (de puntuación y auxiliares) que intervienen en los párrafos de un libro real. Estos signos se aplican en un color distinto al resto del texto, para que resalten en la pieza de diseño. Lo que se plantea con esto es mostrar la estructura que subyace a todo enunciado, aquella que permite dar coherencia al texto escrito, y con ello señalando su función ortográfica.


Marca gráfica
Lo anunciado previamente se materializa en el diseño de la marca gráfica o logo. Se tuvo en consideración que al tratarse de una biblioteca el signo gráfico debía tener rasgos de institucionalidad: tenía que connotar caracter de institución. Morfológicamente se dispone el nombre completo distribuido en cinco líneas horizontales, las cuales están alineadas verticalmente por las letras “O” de cada palabra que conforma la denominación, formando un eje vertical. Cada una de estas cinco letras repetidas se transforma en dos paréntesis (uno de apertura y otro de cierre) que contienen dentro un signo gráfico. La relación entre ambos elementos —entre la palabra y el signo, entre el significado y el significante— opera de diferentes modos en cada caso particular.

biblioteca pedagogica y popular sarmiento

biblioteca pedagogica y popular sarmiento

Los signos gráficos del logo
•Tick (): este signo gráfico remite a un libro abierto visto de frente, y debido a que está inserto dentro de la palabra “biblioteca” es posible extrapolar ese significante al significado biblioteca. Cumple una función referencial.
•Tilde (´): en este caso el signo gráfico de la tilde no remite a nada por fuera de él, sino que viene a reponer la tilde original de la palabra escrita, para que quede ortográficamente correcta. La tilde suprimida de la “O” se inserta entre ambos paréntesis.
•Puntos suspensivos (...): semánticamente poseen el mismo significado que “etcétera” (y lo demás). Es por esta razón que se establece una analogía de los puntos suspensivos con la palabra “popular” (que está a disposición de toda la sociedad, abierta a todo el público). Puede decirse que el signo “...” está motivado por la relación que presenta con nociones asociadas a la palabra a la que remite, sugiriendo la idea de abarca a todos los públicos.
•Superíndice (F): remite a las referencia de los libros, a las notas insertas dentro de los textos, las cuales conducen al pie de página o al final del capítulo. La inicial F —referida a “Faustino”— no presenta ningún vínculo con la palabra en donde se encuentra ubicada (“Domingo”).
•Comilla de cierre (”): tampoco presenta una relación, en este caso con la palabra “Sarmiento”, sino que viene a cerrar, a reponer, la comilla abierta en la línea precedente.

Con motivo del centenario próximo a cumplirse, nuevamente se aplica el recurso de alinear las letras “O” disponibles en la frase suministrada por la Biblioteca: “Camino al centenario / 1915 – 24 de mayo – 2015”. Como consecuencia se incorporan cinco líneas por encima del logotipo, quedando de este modo la marca gráfica versión extendida, compuesta de diez líneas.

biblioteca pedagogica y popular sarmiento

Retícula del logo
La estructura compositiva del logo se organiza acorde a los módulos que establece la grilla de base que se fue desarrollando de manera recíproca con los avances en el logo. Los caracteres de cada palabra se distribuyen horizaontalmente a lo largo de tantos módulos como sea necesario, lo que permite que algunas de las letras queden alineadas verticalmente. Del mismo modo, las líneas onduladas tienen su principio y fin en algunas de las líneas guías de la retícula. El hecho de que los arcos de las líneas onduladas sean del ancho exacto de un módulo de la retícula, permite que se puedan acoplar otros trozos ondulados hacia los laterales.

biblioteca pedagogica y popular sarmiento

Interletrado y contraformas
El espacio entre los caracteres del logo está establecido por una microretícula. Ésta permite que las letras queden ancladas en una posición definida. Hay espacios en blanco (interletrado) entre dos caracteres que son reutilizados en otros pares homogéneos de caracteres, como se visualiza en la imagen inferior por los color iguales.

biblioteca pedagogica y popular sarmiento

biblioteca pedagogica y popular sarmiento

biblioteca pedagogica y popular sarmiento


Desarrollo de la tipografía
Se diseño una tipografía específicamente para usar en los soportes de comunicaciones de la institución: Biblio14. Esta fuente creada ad hoc está compuesta exclusivamente por letras mayúsculas y posee una única variable de peso (regular), de proporción (normal) y de dirección (redonda), con una modulación de los trazos de 3,5:1 (relación de anchura entre finos y gruesos). En la imagen inferior se muestra el set completo.

biblioteca pedagogica y popular sarmiento

Diseño de los caracteres
El diseño de los caracteres que componen la fuente se pensó con el fin de que esté en armonía con respecto a las curvas onduladas presentes en las líneas que conforman el logo. Los trazos horizontales ondulados presentes en el diseño de varios caracteres (letras A, E, H, L; guiones, numeral, yen) contribuyen a generar esa sintonía, esa coherencia formal entre ambos elementos gráficos de la identidad.
Presenta serif en algunas terminaciones y curvas en otras, lo que proporciona un cierto aspecto tradicional y actual. Otro punto del diseño que caracteriza a la fuente es la apertura realizada por un corte en algunos caracteres (letras A, K, Q, B, P, y números 6 y 9), cuya origen se remonta a la letra O usada en la marca gráfica.

biblioteca pedagogica y popular sarmiento

Retícula de los caracteres
Para la elaboración de cada signo que comprende la tipografía se fue pasando por etapas que tendieron a sistematizar el proceso de diseño. Cada signo se inscribe en un cuadrado con múltiples divisiones y subdivisiones, que sirve como base para delinear la altura y las proporciones. Se establecieron distintas tipologías para clasificar a los caracteres y a algunos rasgos característicos, lo que contribuyó a agilizar el proceso de construcción.

biblioteca pedagogica y popular sarmiento

Clases de Biblio14
Una vez finalizada la etapa de construcción de los caracteres, se continuó con el siguiente paso, que fue el de convertir esos diseños vectoriales a formato de fuente (.ttf), para poder escribir cualquier texto mediante la tipografía.
Dentro de Biblio14 hay tres clases que presentan características de uso específicas, cada una enfocada para un uso concreto: Biblio14-Set, Biblio14-Letras y Números y Biblio14-Puntuación.
A continuación se explica en qué consiste cada una de ellas, y cómo se aplica en la composición de un texto.
•Biblio14-Set: posee todos los glifos, signos de puntuación, signos matemáticos, etc. en su correspondiente lugar dentro del mapa de caracteres, como cualquier otra fuente estandar.
•Biblio14-Letras y Números: en los lugares asignados a las letras con tildes se disponen las mismas letras, pero sin la tilde; es decir, se eliminan todos los diacríticos (acentos ortográficos, diéresis, la virgulilla de la ñ, etc.), así como otros signos ortográficos, entre ellos los de puntuación (paréntesis, signos de interrogación y exclamación, guiones, barra, asterisco, etc.). Esta versión se utiliza conjuntamente con Biblio14-Puntuación.
•Biblio14-Puntuación: a diferencia de la versión anterior, esta sólo dispone de los signos ortográficos: de puntuación y diacríticos. En los casilleros donde estaban las letras, los números, los símbolos monetarios, etc., ahora se dispone de un espacio en blanco, conservando el ancho del caracter que fue eliminado de cada casillero. Al remplazar un texto de Biblio14-Set a Biblio14-Puntuación, únicamente se hacen visibles los signos ortográficos; mientras que las letras y los números se hacen “transparente”, pero conservan el ancho horizontal establecido en Biblio14-Set.
Esta versión se desarrolló con el objetivo primordial de poder cambiar el color de los diacríticos (específicamente el acento ortográfico o tilde) de manera independiente a la letra que lo contiene. En otras palabras, para separar el acento de la letra, y poder aplicarle a ambos componente (tilde y letra) un color diferente por separado. Y, por ello mismo, para que no se sobreimpriman los signos de un color con los mismos signos de otro color.

biblioteca pedagogica y popular sarmiento

Un ejemplo de como queda un texto compuesto usando las dos últimas clases de Biblio14:

biblioteca pedagogica y popular sarmiento


Soportes de la identidad
Para la materialización de la identidad institucional se diseñaron las siguientes piezas de comunicación, que a nivel gráfico continúan con el juego de las líneas onduladas del logo y con el mismo recurso del cambio de color de los signos de puntuación. Se agregan además otros elementos gráficos, uno de ellos es llamado el arco de cierre de línea, ubicado en uno de los laterales de las líneas onduladas, y el otro es la textura en relieve generada con el logo.
Las piezas que se diseñaron fueron: banner para el aniversario número 100, carpeta institucional, hojas A4, sobre oficio inglés, tarjeta personal, estuche para CD, animaciones.

biblioteca pedagogica y popular sarmiento

biblioteca pedagogica y popular sarmiento

Esta pieza incorporar un texto institucional en formato de párrafo. Puede verse el logo insertado dentro del texto, justo en el primer párrafo. En este tipo de casos resulta de gran utilidad usar en conjunto las versiones Puntuación y Letras y Números de la tipografía Biblio14.

biblioteca pedagogica y popular sarmiento

biblioteca pedagogica y popular sarmiento

biblioteca pedagogica y popular sarmiento

biblioteca pedagogica y popular sarmiento



biblioteca pedagogica y popular sarmiento

biblioteca pedagogica y popular sarmiento

Retícula de los soportes de comunicación
Para facilitar la creación del diseño en todas las aplicaciones que sirven de soporte de la identidad visual, se realiza, en función del tamaño de cada soporte, una retícula o grilla que es proporcional en todas las aplicaciones y en la cual se anclan los elementos formales: líneas onduladas y textos. La retícula de cada aplicación se toma de la grilla base del logo por dos razones. Una es porque el diseño gráfico de las piezas incorpora el logo junto a fragmentos de líneas onduladas, para lo cual se precisa que ambos encajen a la perfección en cuanto a tamaño, para así poder disponerse uno al lado del otro. La otra razón es porque además el cuerpo tipográfico de las piezas está igualado a la altura de las letras del logo.
Existen estructuras modulares (aquellas compuestas por varias líneas onduladas) que permiten que se acoplan a otras, sea en sentido vertical u horizontal, de acuerdo a las dimensiones del soporte. Como resultado de esta sistematización del uso de la grilla, se pueden logran piezas que llegan a incorporar varios párrafos de textos.

biblioteca pedagogica y popular sarmiento


Constantes formales
En lo que respecta a la unidad existente entre los mensajes, el sistema presenta algunas constantes principalmente en el plano formal, en la capa superficial, estilística.
•Acoplamiento vertical y horizontal: cada linea de texto que compone la marca gráfica se puede desacoplar del conjunto y de esta manera se pueden usar algunas líneas o acoplar otras hacia arriba o hacia abajo. De igual modo, las líneas onduladas se puede expandir hacia los laterales, pudiendo acoplarse los módulos que se precisen en cada aplicación, o incluso añadirse los arcos de cierre en uno de los extremos de las líneas.
•Contraste: esta constante actúa sobre varios niveles: uno de ellos es en la relación de proporción entre gruesos y finos que se presentan en la modulación del trazo de los caracteres; en la doble línea ondulada (fina y gruesa); en la disposición de los elementos en el soporte (composiciones).
•Tipografía y color: tanto la elección tipográfica como la paleta cromática elegida, compuesta de los colores anaranjado, azul oscuro y blanco, son signos de la identidad de la Biblioteca.
•Signos (de puntuación, símbolos, etc.), los cuales son aplicados en el color opuesto al color del texto, resaltando del fondo.
•Textura: otro recurso estilístico que aparece en los soportes es el de utilizar el logo diluido con el fondo, generando un efecto de relieve que provoca una sombra hacia la derecha y hacia abajo. Esto tiene la función de actuar como textura en determinadas piezas de la identidad visual.

biblioteca pedagogica y popular sarmiento

---
Creado: inicio agosto 2014
Autor: Benjamín Casanova
Para: Biblioteca Pedagógica y Popular, Santa Fe

 
 

Cielo con nubes

Practicando con motion graphics.

vuelo 213 cielo con nubes