Relaciones Sinergicas Entre Tipografias
Relaciones Sinergicas Entre Tipografias
Relaciones Sinergicas Entre Tipografias
1
Tania Quinds
Universidad del Pas Vasco UPV/EHU, [email protected]
Elena Gonzlez-Miranda
Universidad del Pas Vasco UPV/EHU, [email protected]
Pablo Cosgaya
Universidad de Buenos Aires. FADU/UBA, [email protected]
Marcela Romero
Universidad de Buenos Aires. FADU/UBA, [email protected]
Resumen
Esta comunicacin presenta la fuente Asap Symbol, un sistema de pictogramas diseado para convivir
formal y funcionalmente con la familia tipogrfica Asap (Pablo Cosgaya, Omnibus-Type, 2012). De
forma especfica, este texto recoge y sintetiza el proceso de diseo de Asap Symbol, como apoyo
metodolgico flexible aplicable a otros planteamientos de diseo de pictogramas de origen tipogrfico.
Este estudio muestra la metodologa empleada con el anlisis de los marcadores de identidad de Asap, la
bsqueda de la estructura tipo-pictogrfica, las sucesivas fases de bocetado, digitalizacin,
compensaciones pticas y verificacin de la afinidad morfolgica entre pictogramas y tipografa. El reto
de este proyecto ha consistido en asumir cierta independencia de la tipografa manteniendo el origen de
la misma; por consiguiente, la pregunta clave ha sido cmo pueden dialogar las formas del pictograma
con las de la tipografa?
El resultado de esta investigacin es un sistema de 67 signos en los que los genes de Asap permanecen
latentes, ya que han sido diseados tomando como punto de partida determinadas constantes formales de
la tipografa de referencia. Esta variante, que formar parte de la familia Asap, permite la emisin
coordinada de mensajes de naturaleza lingstica y pictogrfica en soportes de sealtica corporativa
tradicionales y electrnicos; as mismo, es aplicable en contextos de educacin, espacios pblicos,
sanidad, turismo y transportes.
Introduccin
La tipografa y los sistemas de iconos y pictogramas conviven y se complementan en
diferentes contextos de comunicacin; por ejemplo en sealtica corporativa, en la
grfica de producto o en la interfaz de usuario para los dispositivos electrnicos. Por
otra parte, la presencia de signos como la flecha, el ampersand o los smbolos
monetarios en las fuentes tipogrficas indica que es posible una simbiosis entre los dos
2
tipos de signos con un mismo vocabulario grfico y evidencia que ciertos fundamentos
del diseo de tipos son aplicables al diseo de pictogramas.
El proceso de estandarizacin conceptual, formal y universal llevado a cabo por el
American Institute of Graphic Arts (AIGA, 1984) supuso un avance muy relevante en
comunicacin visual y es un modelo de investigacin en este campo. Sin embargo, los
pictogramas corporativos diseados en base a una tipografa concreta abren nuevas
puertas a la relacin sinrgica entre tipografa y pictogramas. Encontramos ejemplos en
la sealtica del MoMA QNS para la tipografa Office (BaseNYC, 2001) o en el sistema
modular para componer letras e iconos de la identidad visual del aeropuerto de ColoniaBonn (Intgral Ruedi Baur, 2003). As mismo, se han diseado familias tipogrficas que
ofrecen variantes de signos no verbales. La tipografa Wayfinding Sans (Ralf Herrmann,
2012) incluye una fuente complementaria de iconos/pictogramas denominada
Wayfinding Sans Symbols (Andreas Wohlleben, 2013). Otros ejemplos son FF Netto
Icons (Daniel Utz, 2008) o Bariol (Atipo, 2012).
Asap Symbol forma parte de los resultados de un proyecto de investigacin que indaga
en la simbiosis y las sinergias entre la tipografa y los sistemas de iconos y pictogramas.
En este contexto y con la disciplina de la tipografa como base, este proyecto se ha
centrado en la bsqueda de las coincidencias en el diseo de ambos tipos de signos.
El equipo, formado por investigadores de la Universidad del Pas Vasco UPV/EHU1 y
de la Universidad de Buenos Aires FADU/UBA, ha colaborado a travs de las redes
sociales y el intercambio de propuestas por medio de las nuevas tecnologas. De este
modo, se llevaron a cabo sesiones peridicas de informacin y asesora, donde se
expona la evolucin del proyecto y se intercambiaban impresiones, consejos y
valoraciones crticas sobre el mismo.
Figura 1. Imgenes del intercambio de propuestas por medio de las redes sociales
Este trabajo ha sido subvencionado por la Universidad del Pas Vasco/Euskal Herriko Unibertsitatea
(Proyecto EHU11/29: Estudio de la sinergia y antagonismo entre pictogramas y tipografa y beca de
Personal Investigador en Formacin concedida a Tania Quinds).
3
4
5
Definicin
Pictogramas base. Una vez elaborada la lista de tems con los mensajes a comunicar,
los clasificamos segn criterios morfolgicos y funcionales. Dentro de cada grupo
podemos seleccionar, definir y disear un pictograma y convertirlo en el modelo para
generar el resto de los signos. Podramos denominar a estos signos pictogramas base
(Figura 4).
elementos que hacen que tenga coherencia formal como los rasgos anatmicos
caractersticos, las relaciones entre la caja alta y la caja baja, la tensin entre las curvas,
el contraste o el grosor de las astas.
6
7
Rasgos especficos. Cada fuente posee una serie de caractersticas mediante las cuales se
logra coherencia formal y afinidad morfolgica entre todos sus caracteres. Debemos
observar aquellas formas que unifican la caja alta y caja baja, analizando los elementos
o rasgos anatmicos comunes y aquellos detalles que se repiten en diferentes signos.
Entre otros, observamos las conexiones entre las astas, la relacin entre las curvas, los
encuentros entre curvas y astas verticales o la unin entre ellas y su dinamismo.
Adems, aunque en las tipografas ms adecuadas para sealtica, el contraste suele ser
nulo o casi uniforme, es importante estudiar este aspecto para comprender la lgica de
diseo de la tipografa, as como los espesores de trazo que podemos emplear los
pictogramas. En relacin con los trazos, la comparacin del grosor de las astas
verticales y horizontales (en caja alta y caja baja) de la tipografa de referencia es
esencial, si vamos a desarrollar un sistema de pictogramas solucionados en lnea
grfica, y no en masa (Figura 7).
8
Desarrollo
La estructura de las figuras humanas. Para plantear las figuras humanas, realizamos
un proceso paralelo de ajuste de proporciones y generamos una estructura
complementaria a la anterior a la que denominamos cursus pictogrfico. Para
9
determinar este esqueleto, se pueden investigar los cnones estticos y sus relaciones
proporcionales a lo largo de la Historia del Arte. Entre estas investigaciones podramos
destacar las realizadas en el Renacimiento por artistas como Da Vinci, Pacioli o Durero.
Para Asap Symbol tomamos como referencia el hombre de Vitruvio, de Leonardo Da
Vinci, estableciendo una serie de puntos que coinciden con las articulaciones del cuerpo
humano. A travs de este esqueleto y de la correcta ubicacin de estos puntos, se puede
crear la figura humana en cualquier posicin anatmica (Figuras 9, 10 y 11).
Figura 10. El diseo del pictograma Aseo de mujeres ha sido uno de los ms complejos del proyecto.
En la primera fase indagamos en propuestas que nos permitieran diferenciar ambos gneros, como la
forma de la ropa, los rasgos anatmicos de la mujer o la adaptacin del signo a las diferentes culturas.
10
Figura 11. Este sistema de pictogramas presenta dos alternativas para el referente Acceso para
minusvlidos. La primera opcin es un rediseo de la propuesta de AIGA adaptado a los indicadores
grficos de la tipografa ASAP. La segunda opcin muestra una visin ms dinmica del signo, en la que
encontramos a la persona en movimiento, empujando la silla de ruedas de manera autnoma.
A partir estos bocetos, en los que se definan los rasgos principales de la familia,
comenzamos a trabajar en la pantalla con trazados de Bzier para configurar todos los
pictogramas. (Figuras 13 y 14).
Ajustes pticos: aprendiendo de la tipografa. Aunque la retcula nos aporta
coherencia formal, en los iconos y pictogramas tambin debemos tener en cuenta una
2 Henestrosa, Meseguer y Scaglione (2012, pp. 63-66)
11
12
solucionar este problema ptico, modificaremos los trazos verticales tal y como se
observa en la figura 15.
13
14
Valoracin y contextualizacin
Para hacer una ltima revisin de nuestra familia de iconos o pictogramas se puede
aplicar el modelo Semitico y la investigacin de AIGA para su sistema de pictogramas
estandarizados.
El ltimo paso dentro de esta etapa, que permite valorar la eficiencia de los signos,
consiste en contextualizarlos en distintos entornos (Figuras 16, 17 y 18).
5 Pierce, T. (1996, p. 208)
15
16
17
Conclusiones y perspectivas
La tipografa y los sistemas de iconos y pictogramas conviven y se complementan en
diferentes entornos de comunicacin, como en la sealtica corporativa y en la interfaz
de usuario para los dispositivos electrnicos. Para el diseo de estos sistemas grficos
compuestos por ambos grupos de signos, el diseador puede aplicar distintos
mecanismos de compatibilidad y articulacin. Uno de los mecanismos supone
contemplar los iconos/pictogramas con un enfoque coherente pero independiente de la
tipografa con la que van a convivir. Otra opcin consiste en generar los signos no
verbales a partir de una tipografa concreta o en disear los dos sistemas de signos con
vocabulario grfico compartido, de manera simultnea y simbitica. En este caso, los
dos grupos de signos se disean con similares parmetros de construccin y
compartiendo rasgos estilsticos y estructurales, lo que garantiza una mayor coherencia
y unificacin formal. Al presentar caractersticas sintcticas similares en aspectos como
el grosor, las conexiones, la modulacin, las proporciones, el contraste, el peso o el
tamao, el conjunto de iconos o pictogramas se integra de manera natural en la familia
tipogrfica, aportando identidad y personalidad corporativa, y permitiendo una
composicin ms armnica y consecuente con sus objetivos de comunicacin.
Un icono o pictograma de origen tipogrfico es aquel diseado para convivir con una
tipografa concreta y que surge del anlisis de sus glifos; es necesario comprenderlos y
asimilarlos para definir los marcadores de identidad de la tipografa de referencia. Sin
embargo, durante este estudio hemos comprendido que para lograr una simbiosis entre
ambos grupos de signos, en un momento dado, el diseador tiene que ser flexible y dar
paso a formas nuevas en los iconos o pictogramas. Es decir, aunque los signos no
verbales y la tipografa estn vinculados morfolgicamente, a medida que diseemos los
pictogramas nacern nuevos rasgos que atendern a la necesidad de que cada signo se
adapte a la forma fisonmica lgica de su referente. En definitiva, si recurrimos a una
analoga, los dos grupos de signos seran los miembros de una misma familia que
comparten muchos rasgos genticos (genotipo), pero que en su aspecto exterior
(fenotipo) difieren unos de otros en mayor o menor medida.
Durante el proceso de diseo se han realizado mltiples enfoques y alternativas con
diferentes procedimientos sintcticos. Esto indica que la simbiosis se puede dar en
menor o mayor grado de afinidad segn la combinacin o eleccin de las variables en
aspectos semnticos o sintcticos, dando lugar a diferentes vas pictogrficas o series de
signos, con diferente nivel de abstraccin y expresin (desde los ms sintetizados y
geomtricos hasta los ms orgnicos o humanistas).
Por ejemplo, en el caso de Asap Symbol, comenzamos a plantear la familia tomando
como punto de partida las proporciones y los referentes de los pictogramas de AIGA,
replantendolos con algunos marcadores de identidad de Asap. Durante esta
experimentacin, nos dimos cuenta de que podamos inyectar material gentico de la
tipografa de origen a los signos estandarizados de AIGA. Sin embargo, posteriormente
decidimos distanciarnos de los pictogramas estandarizados atendiendo a las siguientes
cuestiones:
En comparacin con la geometrizacin y la sntesis de los signos de AIGA, optamos
por formas ms orgnicas y acordes con las proporciones humanas. De este modo, Asap
Symbol presenta un carcter ms humanista. Por ejemplo, en los signos en los que
aparecen seres humanos se evidencia una postura anatmica ms natural y menos
esttica, potenciada por el cursus pictogrfico y por la unin lgica de la cabeza con
el cuerpo. Este proceso de unin pas por diferentes etapas de esquematizacin,
18
adecuacin de las formas del cuello y la cabeza y revisin de las uniones entre curvas
hasta llegar al aspecto que muestra la familia actualmente.
En las primeras etapas del estudio, observamos que algunos mensajes de los
pictogramas de AIGA haban perdido vigencia formal con el tiempo, como el signo que
indica la presencia de un telfono, la oficina de objetos perdidos o el grupo de signos
que representan los enunciados relativos al rea de transporte. En determinados casos,
los referentes o algunos de sus componentes han sido reelegidos para adecuarse a los
modelos vigentes aludiendo a la iconografa contempornea, ofreciendo una versin
actualizada.6
Al igual que los pictogramas de AIGA, Asap Symbol podra convivir con diferentes
tipografas lineales. Sin embargo, la diferencia ms relevante radica en que los ltimos
han sido diseados con el objetivo de facilitar el trabajo de composicin de mensajes
verbales e icnicos combinados. Es decir, en programas de edicin, ambos grupos de
signos, tipografa e iconos y pictogramas, podrn ser tecleados de manera simultnea en
un mismo cuadro de texto y coordinados en todas sus proporciones de forma
sistemtica.
En cuanto a lo que hemos denominado cursus pictogrfico, concepto que hemos
empleado para solucionar la posicin anatmica de la figura humana, los resultados
obtenidos con las fuentes Asap, Helvetica y Avenir7 indican que ste podra tener la
misma funcin que el concepto de cursus en tipografa. De este modo, a partir de un
mismo cursus y diferentes caractersticas estructurales y de estilo que tomaramos de la
tipografa de referencia, se podran disear familias de pictogramas con distinta
personalidad pictogrfica.
6
Ntese que la familia Asap Symbol hace un pequeo homenaje a los signos de AIGA, que han sido y
son una referencia indiscutible en esta rea de estudio. Este guio puede apreciarse en los faros de los
vehculos, que mantienen el crculo caracterstico de los vehculos sintetizados por AIGA.
7
Figura 21: Comparacin del Cursus pictogrfico para las tipografas Avenir, Helvetica y Asap
Es importante puntualizar que esta metodologa ha sido desarrollada nicamente para tipografas
lineales, la mayora adecuadas para entornos de sealtica.
19
20
Referencias bibliogrficas
Abdullah, R. y Hubner, R. (2002). Pictograms, Icons & Signs. A guide to information
Graphics, Ed. Thames & Hudson Ltd, Londres.
Aicher, O. (2004). Tipografa, Campgrfic Editors SL, Valencia.
Aicher, O. y Krampen, M. (1979). Sistemas de signos en la comunicacin visual,
Gustavo Gili SA, Barcelona.
American Institute of Graphic Arts (AIGA) (1984). Smbolos de sealizacin, Editorial
Gustavo Gili SA, Barcelona.
Cheng, K. (2005). Designing type, Laurence King Publishing Ltd., Londres.
Costa, J. (1987). Sealtica, Ediciones Ceac, Barcelona.
Costa, J. (2007). Sealtica corporativa, Costa Punto Com Editor, Barcelona.
De Buen, J. (2008). Manual de diseo editorial, Ediciones Trea SL, Gijn.
De Buen, J. (2011). Introduccin al estudio de la tipografa, Ediciones Trea SL, Gijn.
(Con la colaboracin de Jos Scaglione)
Frutiger, A. (1981). Signos. Smbolos. Marcas. Seales, Editorial Gustavo Gili SA,
Barcelona.
Gonzlez-Miranda, E. y Quinds, T. (2014). Diseo de iconos y pictogramas,
Universidad del Pas Vasco/Euskal Herriko Unibertsitatea, Servicio Editorial/Argitalpen
Zerbitzua, Bilbao.
Henestrosa, C., Meseguer, L., y Scaglione, J. (2012). Cmo Crear tipografas. Del
boceto a la pantalla, Tipo e Editorial, Madrid.
Hora, M. (2005). Official Signs & Icons 2, Ultimate Symbol Inc., Nueva York.
Kane, J. (2005). Manual de tipografa, Editorial Gustavo Gili SA, Barcelona.
Meggs, P. y Purvis, A. (2009). Historia del diseo grfico, RM Verlag, Barcelona.
Pierce, T. (1996). The International Pictograms Standard, Design Pacifica
International, LLC, EEUU.
Pohlen, J. (2011). Fuente de letras, TASCHEN GMBH, Colonia.
Robinson, A. (1995). Historia de la escritura, Ediciones Destino, Barcelona.
Smitshuijzen, E. (2007). Signage Design Manual, Lars Mller Publishers, Baden.
Uebele, A. (2007). Signage Systems + Information Graphics. A professional
sourcebook, Tames & Hudson Ltd., Londres.