Você está na página 1de 147

'

\ . ..,v . -

DISENO DE ICONOS
Y PICTOGRAMAS
~ Elena Gonzlez-Miranda y Tania Quinds

campgrafic

NDICE

Presentacin

ICONOS Y PICTOGRAMAS

15

Semitica y pictogramas

23

Principios bsicos

33

EL PROCESO DE DISEO

39

Planteamiento del proyecto

46

Definicin del referente

56

DESARROLLO DE ICONOS Y PICTOGRAMAS

61

Procedimientos sintcticos

68

La retcula

75

Caso prctico: Precaucin. animales salvajes


Caso de estudio: los pictogramas de los Juegos Olmpicos

81
84

ICONOS Y PICTOGRAMAS DE ORIGEN TIPOGRFICO

91

Anlisis de la tipografa de origen

96

La estructura tipo-pictogrfica

105

Caso prctico: pictogramas de origen tipogrfico


para Avenir y Helvetica

111

Caso prctico: Asap Symbol

127

DIGITALIZACIN Y AJUSTES PTICOS

133

VALORACIN

147

REFERENCIAS BIBLIOGRFICAS

153

Esla nueva rdicion en la


editorial Campgralic, ha sido
corregida y ampliada. Conliene
nuevos diagramas dlddicos
y aparrados ms e.rtensos qae
completan las ensel'lanzas
sobre los contenidos. Por una
parlf se ha introducido un
nuevo apa.rlado de anlisis de
los sistemas de pictogramas
de los Juegos Olmpicos. Por
otra parle, se han ampliado
secciones como la del reftrenle
y la de los ajustes pticos.

PRESENTACIN
Este libro trata del diseo de los signos que informan sin palabras.
Su portada sintetrza la rdea que sirve de hilo conductor para
los diferentes apartados que lo componen. Un mundo donde la
comunicacin no verbal tiene sentido y es eficaz para acceder
al instante a grupos de contenidos o para superar barreras
idiomticas y culturales. En la bsqueda de este objetivo, se
hace cada vez ms necesaria la produccin de enunciados no
alfabticos con srgnificado propio; iconos para la mterfaz de los
productos y servicios de las nuevas tecnologas o pictogramas
para la orientacin de las personas en entornos sealticos.
Nuestro libro ha querido seguir la estela de aquellas publicaciones
que explican el proceso de diseo de los proyectos, que muestran
los caminos transitados por otros diseadores para concebir y
desarrollar ideas. Estos autores proporcionan informacin muy
valiosa para nuestra profesin, ya que nos transmiten su proceso de
aprendizaje. En estos proyectos se explican los prinCipios bsicos y
el enfoque (es esencial no equivocarse en el inicio del camino), las
propuestas previas, el antes y el despus de la toma de decisiones,
el desarrollo y los detalles hasta llegar al resultado final
Diseo de iconos y pictogramas pretende acompaar al estudiante
como gua docente y ser de utilidad al diseador profesional como
material de consulta, en ese proceso de indagacin grfica, donde
es necesano concebir signos de forma depurada y sobria, cuya
funcin informativa es primordial para su destinatario.

DISEO 0 [ ICONOS Y PICTOGRAMAS

Disear un pictograma o una familia de pictogramas es una experiencia que requiere rigor metodolgico y habilidades tcnicas
que solo se aprenden con la prct1ca. Se aprenden abordando de
principio a fin proyectos de diferente complejidad y naturaleza.
Proyectos en los que se parte de una necesidad para plantear
el enfoque conceptual. en los que debemos configurar la forma
precisa de cada s1gno partiendo de rJ:!ferentes adecuados. sin
olvidar la creac1n de conex1ones entre ellos, constantes visua les que harn que sean apreciados como de la misma familia.
Tampoco debemos olvidar que estos mensajes tienen que llegar
a cualquier tipo de receptor para que los perciba, los mterprete
y los decodifique sin ambigedad en un entorno concreto.
Como en una orquesta, para lograr un conjunto armon1zado. es
imprescindible comprender el concepto de sistematizacin y saber
aplicarlo en una prctica ordenada El diseador tiene que orga.
nizar, clas1ficar y estructurar los integrantes de la serie. 1deando
un o.rden que le permita normalizar su proceso constructivo. Tiene
que definir un sistema grfico planteando un conjunto limitado
de formas esenciales. que configurarn cada signo y todos a la
vez. Estas formas estarn Interrelacionadas entre si mediante
una serie de reglas sintctiCas de construccin grfica. Una vez
conformados todos los s1gnos de la serie, ajustando proporciones
y realizando ajustes pticos, obtendremos la necesaria cohesin
formal en el conjunto. Pero lo ms interesante es que este sistema
constructivo y este modo ordenado de actuar, nos permitirn configurar cualquier otro icono o pictograma que sea necesario aadir
al s1stema, para satisfacer nuevas necesidades de comunicaCin.

PRESENTACIN

Los contenidos. Este libro contiene una introduccin al estudio y


diseo de los sistemas de iconos y pictogramas. Propone un modelo
o metodologa para resolver este tipo de proyectos. Tambin hemos
profundizado en los aspectos sintcticos de optimizacin formal de
un pictograma, ya que con la sintaxis accedemos a lo ms ntimo y
esencial del objeto grfico: se accede a la belleza de las soluciones.
Los apartados ms importantes engloban el desarrollo de familias
de iconos y pictogramas, en general, y el diseo de sistemas de
pictogramas de origen tipogrfico, en particular.
A lo largo de la publicacin. hemos incluido casos de estudio
y ejemplos didcticos enmarcados en diferentes contextos,
desarrollados expresamente para explicar conceptos, como los
que ilustran la aplicacin de la retcula o el diseo de iconos y
pictogramas a partir de tipografas concretas.
En los ltimos apartados exponemos diversas recomendaciones para comprobar si los signos estn bien concebidos y bien
ejecutados. Planteamos preguntas y cri t erios que nos ayuden a
valorar la dimensin semntica. sintctica y pragmtica de los pictogramas. Estas recomendaciones estn basadas en la semitica
y en la rigurosa investigacin para la familia de los pictogramas
estandarizados por el American lnstitute of Graphic Arts (AlGA).
Por ltimo. inclu imos a los autores que, a nuestro entender, han
sido y son relevantes en el tema tratado en este libro as como las
referencias de internet, fuentes que complementan y construyen
el amplio abanico de conocimientos de esta rea.

Las imgenes. Hemos desarrollado un amplio repertorio de


imgenes que ilustran cada etapa de diseo y permiten visualizar
detalles concretos, como la digitalizacin de un pictograma o
la aplicacin de los ajustes pticos. El diseo de informacin es
crucial para comprender procesos o conceptos. por lo que hemos
elaborado varios esquemas y diagramas que esperamos sinteticen
y aclaren los contenidos.

La consulta. Esta publicacin est organizada para adaptarse a


la persona que consulta. De esta manera. el lector puede trazar
su propio recorrido en la bsqueda de una solucin a cuestiones
11

OIS~NO DE ICONOS Y PICTOGRAMAS

generales o concretas, segn el planteamiento y los objetivos de


su proyecto. Como ayuda didctica, hemos diseado una serie de
iconos que sealan diferentes tipos de informacin:
~

Este icono mdico que podemos ampliar o complementar Jo mformocin


mediante un enloce a uno direcc1n de interne l.
El libro ab1erro 1nd1ca una referencia b1bliogrfico con una breve resea
sobre su mters en el remo rrotodo.

La flecha hacia la izqu1erdo md1ca una pgma anlerior en lo que


podemos localizar informacin que es convenienre revisar o recordar
lo flecha hacia lo derecha ind1co uno pgina posrerior que exllende el
conren1do que estamos leyendo o dirige el inters o un coso de estudio.

Elena Gonzlez-Miranda (QMG, 1962) aporta su experiencia en la


enseanza y el diseo de pictogramas. Es diseadora grfica y profesora en el Grado en Creacin y Diseo de la Facultad de Bellas Artes,
de la Universidad del Pas Vasco 1Euskal Herriko Unibertsitatea
(UPV 1EHU). Ha impartido asignaturas sobre metodologa del
proyecto grfico, envase y embalaje, y sealtica, durante ms
de veinticinco aos, en la especialidad de Diseo Grfico de la
facultad. Ha colaborado en equipos de diseo e investigacin para
diversas entidades como el DZ-Centro de Diseo de la Diputacin
Foral (ahora Beaz, Agencia de Innovacin de Bizkaia), Metro Bilbao,
programa lingua de la Unin Europea, Enkartur y UPV 1 EHU.
http://elenamiranda-bilbao.blogspot.com.es/
@ ElenaMira_Anda

Tania Quinds (Bilbao,1986) aporta una mirada prctica, basada


en Los ensayos con pictogramas y tipografa realizados para el
desarrollo de su tesis doctoral Procesos de configuracin simbitica

entre pictogramas y tipografa. Es licenciada en Bellas Artes por la


Universidad del Pas Vasco 1 Euskal Herriko Unibertsitatea {UPV 1
EHU), donde se especializ en Diseo Grfico. De forma paralela,
realiza proyectos profesionales y personales en los que conviven
y confluyen los territorios de la tipografa, ellettering, la caligrafa
o la poesa visual.
http://www.taniaquindos.com
@TeQuinDos

12

PRlSI N IALION

Agradecimientos
Deseamos dedicar nuestro ms profundo agradecimiento a todos
aquellos que de alguna forma, directa o indirecta, han contriburdo
con sus ideas y conseJOS a que este l~bro se haga realidad. Son
muchos los apoyos que hemos recibido de amigos. compaeros y
familiares; les estamos agradecidas por su creciente inters en el
tema y su contrrbucin paralela en la preparacin de este libro.
Gracias a todos.
Queremos agradecer especialmente a Pablo Cosgaya y Marcela
Romero su inestrmable ayuda y generosidad, en las productivas
sesiones de asesora e intercambio de opiniones, a travs del
ocano. A Elena Veguillas, por sus acertados consejos en la revi
sin del texto y la maquetacin. Deseamos que pronto podamos
compartir una deliciosa sopa.
Sin olvidar a Guillermo, que durante la revisin de los textos ha
descubrerto que los pictogramas son interesantes. aunque no se
miren a travs del microscopio. A Sergio por ejercer de chef de
tres estrellas durante estos meses de arduo trabajo.
Gracias a la Universidad del Pas Vasco 1 Euskal Herriko Unibertsi
tatea (UPV 1 EHU}, nuestra alma mater. por la concesin del
Proyecto de Investigacin EHUll 1 29 y de la beca de investigacin
de Tania Quinds. Nos es indrspensable expresar tambin nuestra
gratitud a todos y cada uno de los estudiantes que han pasado por
las aulas de la especialidad de Diseo Grfico de nuestra unrver
sidad, en especial a Juan Arrausi. El aula es un lugar donde tanto
los alumnos como los profesores aprenden; este intercambio de
experiencias es una fuente rnagotable de conocimiento.
Por ltimo, nuestro ms sincero agradecimiento a la editorial
Campgrafic. Gracias Flix, Xavier y Jos Lurs por vuestro inters,
dedicacin y por la oportunidad brrndada a este libro.

En Getxo, marzo de 201S

13

ICONOS Y PICTOGRAMAS
Los iconos, smbolos y pictogramas se utilizan para comunicar
informacin sin necesidad de palabras. Son signos portadores de
significado que reconocemos y decodificamos con un simple golpe
de vista. Indican conceptos, contenidos, acciones o servicios de
inters para el usuario de diferentes culturas e idiomas.
Un pictograma es un signo icnico que representa las cualidades de lo que es representado y, mediante la abstraccin,
adquiere calidad de signo.1

Icono: Del griego e1kon


(imagen). Signo que mantiene
una relacin de semejanza con
el objeto representado.

los sistemas de iconos y pictogramas son valiosas herramientas


de comunicacin visual en una amplia variedad de aplicaciones.
Su uso comprende reas como los sistemas de sealizacin
y sealtica corporativa en grandes edificios y recintos como

museos, hospitales o transportes pblicos. En el rea de diseo de


informacin los encontramos en instrucciones de aparatos o en
diagramas, en el diseo de producto en electrodomsticos, en el
salpicadero de vehculos o en herramientas especializadas. En el
diseo de la interfaz de usuario tenemos ejemplos en internet y en
las diversas aplicaciones para los nuevos dispositivos electrnicos.

OJ

1 Herbert W Kapitzki. En
Abdullah y Hlibner (2002, p.10}.

Pictograma: Del latn p1ctus,


(pmtado), y grama {escrito o
grfico). Signo de la escritura
de f1guras o smbolos.
Smbolo: Del griego symbolon,
{signo, contrasea). Imagen o
figura con que se representa un
concepto moral o intelectual,
por analoga o por convencin

Aicher, O. y Krampen, M. (1979) Sistemas de signos en la comunicacin visual.


Barcelona: Gustavo Gil.
En este libro, los autores llevaron a cabo un amplio estudo de
investigacin documental reuniendo distintos tipos de signos junto con
sus cdigos, de diversos campos de conocimiento: cdigos para la ciencia,
cdigos de informacin pblica, cdigos tcnicos como el sistema de
signos de la electrnica, automviles, botnica, cartografa, smbolos
arquitectnicos o el sistema brallle.

17

Ol~lNO

or ICONOS Y PICTOGRAMAS

las races de los pictogramas son muy antiguas. Si profundizamos


en la historia podemos comprobar que estaban presentes en el
mundo antes que las letras. Miles de idiomas y escrituras han evolucionado desde un tnicio pictogrftco de dibujos esquemticos
hasta su abstraccin en forma de representacin de sonidos. como
se observa en los alfabetos occidentales. los signos logogrficos
iniciales eran pictogramas que representaban seres vivos, objetos
o acciones. Se podra recorrer la historia de la humanidad a travs
de los mltiples sistemas de comunicacin visual que han existido:
desde la llamada protoescritura. hasta el desarrollo de las inscnpciones cuneiformes en la anttgua Mesopotamia o los jeroglficos y
2 A1cher (2004). Fruuger
{1981). Robmson {1995).

los ideogramas en la cultura egipcia.1


Un paso en la evolucin de estos stgnos se puede ejemplificar con
los pictogramas sumeri os primitivos o los jeroglficos egipcios.
que eran representaciones figurativas de objetos de la poca,

3 Frut1ger (1981. pp 85 y 87).

animales o personas, cuyo significado era simple y directo. 3 Si


observamos los ptctogramas estandanzados actuales, vemos que
an se conserva este sencillo proceso de interpretacin de los
mensajes, pero adaptado a la cultura material de nuestros das.

-* <f ~
LlllJ ~ /111

V
~

**
L

C!:l.

f)

[?

tl1

oc_

PICtogramas primitivos sumerios.


pez, ave, orejas, mano. fuego.
puerta, estaca. cereal, huerto.
ciudad. lodo y d1v1mdad.

=i

Jeroglif1cos egipcios; ojo, arado,


sandalia. montaa. pan, ngulo.
Ciudades. plantas. atar, regin.
flauta y golpear

18

tlt

"0~\ ~
~ ~ .._
m e

~ liiiJ
~

Pictogramas de AlGA: aseos, aseo 1


a cceso paro minusvlidos. ascensor.
salo de espera. agua potable.
aeropuerto. autobuses. estacin de
trenes. hel1puerto. puerto. compras
y telfono.

1 ICONOS Y PICIOGAAMAS

Algunos ideogramas milenarios, en un proceso ms complejo,


muestran representaciones abstractas cuyo significado tuvo que ser
acordado y aprendido. En estos casos, sr conocemos el significado
del ideograma base. pueden deducirse los dems con facilidad~

4 Lungman (1974. p. 517).

En la actualidad. tambin hemos compuesto signos que se articulan como sintagmas visuales. en cierta medida con este mismo
concepto de construccin semntica y sintctica. compuestos por
signos abstractos e icnicos que son comprendidos a nivel mundial.

Ideogramas cielo, luz, Uuvta y noche

Ptctogramas actuales de prohtbtctn

Ha sido durante el pasado siglo XX cuando se produjo un avance


substancial en los sistemas de signos no verbales, tal como los
entendemos hoy da.

S La semantograf1a. con
signos d1seftados por Charles
Bltss en los al'los 1940 o la
creactn de la teoria de los
Glyphs por M~rgaret Mead y
Rudolf Modley, son ejemplos
mspirados en la pos1b1ltdad
de comuntcarse a traves de
un lenguae ptctogrftco.
Recientemente. el profesor
Jochen Gros ha desarrollado
un lenguaje 1cnco que trata
de transcribir a textos v1suales
ellenguae fonogrfico.
Incluye artculos. pronombres
y distingue gneros. verbos o
adetvos formando sintagmas
no verbales completos
lcon-langunge
httpJ/www tcon-language.com

Uno de estos avances se dingi a desarrollar s1stemas de comunicacin con carcter universal. para salvar las barreras idiom

lsotype
httpJ/www gerdarntz.org/ISotype

ticas de los lenguajes fonogrficos y de la escritura alfabtica.~


En 1924, el filsofo y educador Otto Neurath y el ilustrador Gerd
Arntz desarrollaron el proyecto lsotype (lnternational System
of Typographic Picture Education) con el objetivo de comunicar
informacin a travs de un sencillo medio no alfabtico.
Una investigacin fundamental en la morfologa y el diseo de
los pictogramas fue la llevada a cabo por el American lnstitute of
Graphic Arts {AlGA) y el Oepartment of Transportation (DOT).

r ci~ ~ + iimCiJ-Jr, ~~ ~ Y"


;;)~~~~

= =~~p
19

DIS[ NO DE ICONOS YPICTOGRAMAS

Este estudio fue un exhaustivo proceso de estandarizacin de los


smbolos destinados a orientar a los pasajeros en edificios del rea
de transportes. Este sistema, ampliamente difundido, se extendi
por todo el mundo y hoy da permanece vigente en muchos aero
puertos. Este proyecto es un eJemplo incomparable de
investigacin terico-prct1ca en esta rea.

rn

American lnstitute of Graphlc Arts (AlGA) (1981) Smbolos de senolzocin


Barcelona Gustavo Gtli
Publicacin sobre el proceso llevado a cabo para la estandarizactn de
SO ptctogramas. donde se evala un amplo abanico de smbolos segn las
tres dmensiones del sgno semntica. sintctica y pragmtica. El ltimo
apanado recoge pautas para determtnar la leg1bildad.los tamaos. las
d1stanctas. las flechas y los formatos

6 En Smttshuijzen
(2007, pp 331337), Signoge
Oes1gn Manual se pueden
comparar fcilmente todos
los p1ctogramas de los
Juegos Olmpicos con sus
respecuvos dtseadores

Los Juegos Olmpicos nos muestran sistemas de pictogramas


con diversos recursos y niveles de abstraccin, as como con
connotaciones variadas como los que tratan de captar la cultura
visual del lugar de celebracin. La primera serie fue diseada
en 1948 para los Juegos de Verano de Londres.6 En 1972, Otl
Aicher introdujo una innovacin conceptual significativa a nivel
sintctico, cuando plante una retcula p1ctogrf1ca como pauta
modular para el diseo de los pictogramas de las olimpiadas
de Mnich. -+ p. 84

Estud1os o mono alzada


sobre lo relculo. para los
PICtogramas de los Juegos
Olmpicos de MtlniCh (Otl
Aicher,l97Z).

20

1 ICONOSY PIClOGRAMAS

Adems de las fuentes de conocimiento mencionadas, existen


otros recursos en los que podemos localizar los pictogramas
estandarizados que se aplican actualmente en aeropuertos.
terminales de autobuses, centros comerciales y recintos de ocio.

Hor. M. (1996) Ofical Sgns & lcons 2


New York: Ultmate Symbollnc.
Gran compendio de sgnos clastftcados segn diferentes normattvas y grandes
reas temticas: autopistas (MUTCD) (UNCRT), zonas recreativas (SEGD),
transportes (AlGA/ DOT), seguridad (DOT 1ANSI/ISO), electrnica, mecntca,
meteorotogia y brattle (ADA)

Famha de AlGA / DOT (SO pictogramas)


http//w- aga.org/symbolsgnS/
Japan Sign Design Assocation (lSO s1gnos)
http://www.sign.or.jp/engtish/index.htmt
lnternauonat Standard Organization (ISO)
http//w-Jso.org/iso/home.htmt
ERCO Ptctogramas de Otl Aicher
http /www.ptktogramm.de/pctoserver/
homepagethomepage/starl/de/de_startphp

't(at.q

G~~3~~
la n ! ioss de lo: : cto&a as con

~~~

tipografa. Hasta finales del

'

,.. .

siglo XX, las necesidades informativas parecan estar cub1ertas con

los pictogramas estandarizados que haba propuesto AlGA. En este

\\

proceso de estandarizacin conceptual. formal y universal pareca

\d!('., '. .~
...-: '

/ /

o.

~~
- ~f, ~

~ {t,.~ ~~ ~
.fli

~ ~r"ncisco ~~

darse por zanjada la experrmentac1n morfolgica, func10nal y


esttica Sm embargo, en el momento actual. encontramos varios
proyectos que se basan en la articulacin de tipografas con

&

pictogramas. Parten de un1dades formales mn1mas y estructuras


de construccin bsicas, con las que se van componiendo los dos
grupos de signos. As mismo, en las fuentes tipogrficas encontramos signos elaborados a partir de nuevas necesidades comunicativas como la flecha. los signos ampersand y arroba o los smbolos
monetarios. la presencia de estos signos demuestra que existe una
clara intencin de reunir pictogramas y tipografa bajo un mismo
patrn morfolgico. Un ejemplo es el sistema de pictogramas y

21

1S',...
y

E$

OISfNO DE ICONOS Y PICTOGRAMAS

elementos grficos basados en la tipografa Office para el Museo


de Arte Moderno de Queens (MoMA QNS), diseado por BaseNYC
7 En Uebele
(2007 pp. l78181)

en 20027

Otro ejemplo de este tipo de creacin simbitica es la identtdad


corporativa del aeropuerto de Colonia Bonn, diseada por
lntgral Ruedi Baur en 2003. En este proyecto. los pictogramas son
un elemento esencial de emisin de identidad y de personalidad
http://www.airportcgn.de

corporativa para el aeropuerto.

Estudios a mano alzada de


los pictogramas del MoMA QNS
y del aeropuerto de Colon1a-8onn

22

l ICONOS Y PICTOGRAMAS

Semitica y pictogramas
Durante el proceso de diseo de un pictograma podemos aplicar
el lenguaje que se utiliza para hablar de los signos, y estudiar la
disciplina conocida en Estados Unidos como semitica y en Europa
como semiologa. La semiologa (o semitica) tiene su origen
etimolgico en el griego, semeion, que significa signo y logos, que
significa estudio, tratado, ciencia. Es un campo de conocimiento
que estudia los sistemas de signos que permiten que las personas
se comuniquen entre s. Trata de averiguar por qu y cmo una
letra. un conjunto de palabras. un objeto, una fotografa, un
smbolo matemtico, un gesto con las manos. un color o una serie
de pictogramas, adquieren significado en un entorno concreto

y en una determinada sociedad. A travs de esta disciplina


comprendemos la manera en que asignamos un significado y le
damos sentido a aquello que percibimos. Esta disciplina nos ayuda
a valorar si una forma es pertinente en relacin a lo que quiere
dar a entender (significar) y a comprobar que los mensajes de un
sistema de pictogramas van a ser comprendidos e interpretados
de manera unvoca por sus destinatarios.
La semitica estudia todos los procesos culturales (es decir,
aquellos en los que entran en juego agentes humanos que
se ponen en contacto sirvindose de convenciones sociales)
como procesos de comunicacin.8

8 Eco {1989. p. 27).


9 Abril (2007, p. 28).

A lo largo de los siglos, los filsofos han tratado de catalogar los


modos generales de presentarse algo a la conciencia. 9 Fueron
Ferdinand de Saussure (1875-1913, semiologa) y Charles Sanders
Peirce (1839-1914, semitica) quienes comenzaron a sentar las
bases de la disciplina.

23

VI ~C J... U

U t: 1\..V NV) T 1"'"1\.. 1U\JI'V\MA:,

Ferdinand de Saussure {1875-1913). Saussure era lingista y sus

teoras se centraban en modelos lingsticos (como por ejemplo.


las palabras como signos). Para L los signos expresan ideas de
un emisor que son comunicadas a un destinatario. a travs de un
significante y un significado.
El significante de un signo lingstico es la imagen que tenemos en
nuestra mente de una cadena de sonidos determinada. Esa imagen
fnica nos permite pensar palabras sin pronunciarlas
El significado de un signo lingstico es el concepto o la imagen
que asociamos en nuestra mente a un significante concreto.

SIGNIFICANTE

"

p-e-r-r-o

SIGNIFICADO
Un hablante de castellano
asociar esta 1magen a la
cadena de sonidos perr-o.

Un mismo significante puede dar lugar a diferentes significados:

SIGNIFICANTE

SIGNIFICADO

Perro

significa

Animal

Perro

significa

Mascota

Perro

significa

Fidelidad

Diferentes significantes dan lugar a un mismo significado:

SIGNIFICANTE

SIGNIFICADO

Perro

signific~

Dog

significa

Txakurra

significa

24

DJ

ICONO~

Y PI CTOC. AAMA~

HAlL. S. (2007) Esto s1grufco esto. Esto sign1f1ca aquello. St'm1t1co: guia de
los scgno< y su signcf1cado. Barcelona: Art Blume. S.L.
En esta publccac1n se expl1can. de manera senc1lla, 75 conceptos semiticos
clave. Cada concepto est acompaado de una pregunta y de eemplos
visuales que nos ayudan a comprender qu es la comunicacin, cmo
funciona y por qu es tan importante.

Chutes Sanders Peirce {1839-1914). El modelo de Peirce puede


adaptarse tambin a los stgnos naturales que no tienen emisor,
como la forma de las nubes o un dolor de cabeza. En su represen
tacin del signo hay un interprentante, un representamen (signo)
y un objeto (referente). Para l la semiosis es un proceso tridico
de inferencia (que remite a algo) mediante el cual, a un signo
{llamado representamen) se le atribuye un objeto.
Para estos y otros autores, la persona est determinada por
el lenguaje verbal. ya que es a travs de las palabras como
explica el mundo.
Charles Morris {1901-1979). Morris dtrigi su atencin hacia los
smbolos debido a ciertos problemas de clculo que tuvo en un
curso preuniversitario, lo que le llev a interesarse por el lenguaje
de la ciencia y los signos especficos que esta uttliza.
El proceso en el que algo funciona como stgno puede
denominarse semios1s [...]. Este proceso tmplica tres (o
cuatro) factores: lo que acta como signo, aquello a lo
que el signo alude, y el efecto que produce en determinado
intrprete en virtud del cual la cosa en cuestin es un
signo para l. Estos tres componentes de la semiosis
pueden denominarse, respectivamente vehculo sgnico,
el designatum y el interpretante; el interprete podra
considerarse un cuarto factor. Estos trminos explicitan
los factores implcitos en la afirmacin comn de que un
signo alude a algo para alguien.

10 Morrcs (1985. p 27).

25

Ul)[l"iU Ut

ILUI~Ul

1 t'll.

IUUKAMA~

DESIGNATUM

VEHCULO SGNICO

Semoss proceso de
transferenca de sgnf~eado
o acto de sgnf~ear

1NTERPRET ANTE

INTRPRETE
El autor define signo como un vehculo o un puente hacia el
sentido. Pero algo es un signo si, y solo si, algn intrprete lo conSidera signo de algo. Este s1gno puede ser analizado valorando
tres dimensiones interconectadas. La dimensin semntica de la
semiosis trata de las relac1ones de los signos con los objetos a los
que son aplicables. La dimensin pragmtica estudia la relacin
de los signos con sus intrpretes. Finalmente, la dimensin sintc-

11 Morns (198S, pp. 283S).

tica trata de la relacin formal de tos signos entre s11

1
1

En el d1agrama podemos
observar cmo las tres
dimensiones estn
interconectadas la semnt1ca
estudia el contexto en
que aparece el s1gno y su
sgnficado,la pragmtica
trota de la funcin del signo
y su interpretaCin por
el usuano, y la smrclca
considera el modo en que se
construyen, se organizan y
se interconectan los signos
formando sstemas. El estudio
de esta dmens1n del signo
recbe el nombre de sintaxos.

SEMNTICA
RELACIN SIGNO SIGNIFICADO
Designa 1 denota

X
...

,1

1) \

PRAGMTICA

SINTCT CA

RELACIN SIGNO USUARIO


Expresa

RELACIN DE UN SIGNO
CON OTRO SIGNO
Implica

\
26

,
\(

,.

l ICONOS YPICTOGRAMAS

Para Morris. designar y denotar son trminos semnticos, implicar

12 Morris (1985, p. 34).

es un trmino sintctico y expresar, un trmino pragmtico.U Por


ejemplo, el pictograma de no fumar denota un cigarro. humo y
un crculo rojo con una banda atravesada de izquierda a derecha
(dimensin semntica). Por otra parte, expresa una prohibicin
o imposicin en el comportamiento del receptor (dimensin
pragmtica). Por ltimo, la dimensin sintctica revela la forma
13 En Abril (2007, p 32).

que implica el signo.

14 Morris (1985, pp. 5961).

La categorizacin de los signos. Se han definido diversas tipologas


o categorizaciones de signos en funcin de diferentes criterios.
Por ejemplo. los signos naturales (humo, fiebre, trueno) y los
artificiales (seales de trfico). O los signos segn la forma en que
se perciben a travs de los sentidos, como visuales. acsticos o
tctiles. Peirce hizo una primera clasificacin de los iconos:
Las representaciones por semejanza son ms bien
hipoiconos segn la terminologa de Peirce. Quin tambin
diferenci como subclases de los iconos, las imgenes en
sentido estricto, los diagramas. que representan relaciones
y las metforas.U
Charles Morris incorpora las tres categoras de la relacin del signo
con su objeto, establecidas por Peirce: icono, smbolo e ndice.14
H signo como icono. Un icono es un signo que mantiene con su
objeto una relacin de semejanza en algunos aspectos;15 esta
relacin se establece desde los patrones de similitud propios
de un determinado contexto. El icono adquiere su identidad de
aquello a lo que representa.

- 1rl

-1

'cor cd1d El grado de semejanza o correspondencia

de lo representado con el original o referente se llama grado


de iconicidad. El grado mximo sera cualquier percepcin de la

realidad obtenida a travs de la visin. Una fotografa tambin


sera una representacin analgica que apenas necesitara descripcin con palabras ya que aadir el cdigo de la lengua sera
redundante. El grado cero sera la representacin no figurativa, la
descripcin de palabras normalizadas o frmulas algebraicas.
27

15 Morris especifica que un


signo JCntco es semejante
en algunos aspectos a lo que
denota. Umberto Eco. en la
estructura ausente (1989, p.194)
se pregunta s1 las propiedades
que el s1gno icnico tiene en
comn con el objeto son las
que se ven o las que se saben?
cSi dibujo con una pluma la
Silueta de un caballo sobre una
hoja de papel con una lnea
continua y elemental todo
el mundo podr reconocer
el caballo de mi dibujo; no
obstante, la mca propiedad
que tiene el caballo del dibujo
(una lnea negra contmua) es la
nica propiedad que el caballo
verdadero no tiene.

Ul~l

Escala de tcontcidad
decrectente basada en
Vlllalae (1985, pp. 40-43).

NU Ut

ILUNU~

GRADO

11

Y ~IL 1UliKAMA>

NIVEl DE

FUNCIN

REAUDAD

PRAGMTICA

Imagen natural

Cualquer percepc16n

de la realidad obtemda

10

Reconocimiento

Modelo
trtdimenstonal
a escala
Descripcin

Imagen de registro

Holograma

estereoscpico

aT

Fotagralia en color

Descripc16n 1
7

artistica

Fotografla
en bla neo y negro

Pmtura realista

las memnas de Velazquez

Representacin

Guemtca de Ptcasso

+
1
1

' Artstica
ftgurativa no
realista

l
4

Esquemas
mouvados

Esquemas
arbttranos

Representacin no
t.gurattva

28

,_

Pictograma

''
=

,..

.1(

Pmtura abstracta

1nlormact6n

l. ICONOS Y PICTOGRAMAS

Un pictograma no puede ser una fotografa ni una ilustracin,


aunque la utilizacin de este tipo de imgenes puede ser ade
cuada para sealar algn lugar en un contexto determinado. Por
ejemplo. no es lo mismo encontrar una fotografa en sepia de una
seora. sealando los aseos de un bar ambientado en el siglo XIX,
que encontrarla en un polideportivo, donde el receptor quedara
desconcertado en la interpretacin de la imagen.
El signo como smbolo. El smbolo es un signo en el que la
relacin entre significante y significado es arbitraria; es decir, que
un grupo de personas tienen que ponerse de acuerdo en lo que
representa. El smbolo mantiene con su objeto una relacin esta
blecida por una convencin. Para que un smbolo se comprenda,
el receptor ha tenido que aprender su significado. Los smbolos
pueden representar hechos complejos o conceptos abstractos,
como por ejemplo, el sonido de una letra del alfabeto, la palabra
pictograma o la seal de prohibido el paso.
El signo como ndice. El signo como ndice es un indicador de
aquello que seala. Los ndices remiten a aquello que sealan y
mantienen con sus objetos una conexin real y directa. Se describe
como un apuntador o un indicio de lo que designa. El humo es
una pista de que hay fuego, un indicio de que, en la zona donde
vemos el humo, hay un incendio. El olor del jazmn es un indicio
de que encontraremos esta planta cerca. El ndice tiene sentido
y adquiere su significado en el entorno en el que est situado.
En esta categora podemos incluir por ejemplo el pictograma de
extintor que localizaremos detrs de una puerta, una flecha o el
dedo que apunta a un objeto.
Estas categoras no son excluyentes. Puesto que los signos
no son cosas, sino relaciones o funciones[ ...] cada signo es
en alguna medida icnico, indicial y simblico. Solo en un
momento determinado y por relacin a la prctica semi
tica de que se trate, se podr establecer el predominio de
una de esas funciones.16

16 Abril (2007, p. 33).

29

DISENO 0[ ICONOS Y PICTOGRAMAS

ICONO

MMBOlO

1.

ICONO

IN DICE

SM BOLO

1.\

ICONO

NDICE

SMBOLO

NDICE

t
e

fn el pictograma de aseos,
colocado en una puena. pnma
la funcin indiCia/. Pero ttene
tambten funcion icntea. yo
que extste una relacin de
semeanza con el hombre y la
muer. A su vez, ttene functn
stmbltca, ya que extste una
convencin que relaciona esos
prcrogromos de hombre y muer
con lo funcin de un oseo.

Por ltimo, otros cuatro conceptos que nos permitirn comprender,


analizar y valorar Los pictogramas son el referente, Los rasgos morfoLgicos y Los dos niveles de significacin denotac1n y connotacin.

El referente. El signrficado etimolgrco de La palabra referente es


que refiere o que hace relacin a algo. En trminos semiolgicos
es el objeto real al que alude el signo. Para proponer un pictograma, uno de Los primeros aspectos que tenemos que pensar es s1
el objeto que selecciono como vehculo para la Interpretacin del
mensaJe es el ptrmo. -+ p. 56
Los rasgos morfolgicos. Una vez seleccionado el referente,
tenemos que analizar y elegir sus rasgos morfolgicos esenciales.
Un rasgo es una caracterstica, una peculiaridad, una propiedad o
nota d1strntiva de a go o alguien. Los rasgos de un pictograma son
los elementos, partes o componentes que configuran la estructura
morfolgica del objeto que dec1do incluir en el mismo para que
ese objeto se reconozca como tal.

30

1 ICONOS Y PIC roGAAMAS

Denotacin y connotacin. En los aos 1960, Roland Barthes,


continuando las ideas de Saussure y Pe1rce. aplica conceptos lin
gusticos a ot ros sistemas visuales con dos n1veles de significacin:
denotacin y connotaCin.
Denotacin: lo que se representa. El primer plano de s1gmficacin
denotativa es directo. Se refiere a lo que se representa, a la realidad fsica del objeto significado. Son los elementos explcitos de la
1magen o su lectura literal. Una fotografa de un fuego representa
el fuego. Aunque obtengamos varias fotografas diferentes del
fuego, todas las imgenes denotarn los m1smos significados.
r or 1 t. c"n,

me

rer e .enta- El plano connotativo se refiere

a como se representa ese fuego. Los diferentes recursos grficos


o la manera de sacar la fotografa expresarn diferentes conno
taciones segn el trasfondo de la persona que observa la imagen.
Un ejemplo que hemos menc1onado antenormente son los
piCtogramas de los Juegos Olmpicos de algunos pa1ses concretos.
que aunque denotan el mismo significado, presentan diferentes
connotaciones relativas a la cultura visual del lugar donde se
celebraron los Juegos.

Estas imgenes t1enen


dtferentes connotaciones
segn la rnrerpreracin
panicular que realice el
receptor. la mtsma imagen
del fuego puede evocar,
med1ante una fotografa

man1pulada, una noticia del


pendtco, un mcend10 o una
representactn stn1estra o la
imagen, converrtda en signo.
puede adverttrnos del peligro
de incendto

En la tabla SigUiente, podemos obtener una visin global que aglutina los conceptos explicados segn las dimensiones semntica.
sintctica y pragmtica del signo.

31

DISEO DE ICONOS Y PICTOGRAMAS

SEMNTICA

l SINTCTICA

El signo en relacin con el sgn1f1cado

El signo en relacin con los valores


formales

El signo como 1cono


semejanza v1sual

Forma inconfundible

Grado de con1cidad
Semeanza sustancial
con el original

Unidad visual como grupo

Forma concisa

Grado de abstraccin
Desvo sustancial del original

PROCEDIMIENTOS SINTCTICOS

El signo como smbolo


Portavoz de conceptos abstractos
Acuerdo entre el emisor y el receptor
El signo como md1ce
Apuntador

1ndicio.

CONTEXTO
Dependiente del repertorio de
signos del emisor y del receptor.
(Correspondencia para una correcta
interpretacin)

f:

TENCIN DEL EMISOR


luencia, impacto en el receptor

lnd1ca11va lnd1cacin
Informacin
Influencia en el pensamiento, no en la
decis1n de actuar
1 Imperativa tlmposic1n
Influencia en la voluntad o en el
comportamiento del receptor

Cualidad
Regular 1 irregular
Recto 1 redondeado
Simtrico 1 asimtrico

1 Sugest1va 1 Sugerenc1a
Influencia en los sentimientos para que
se acte de un modo particular

Demarcacin
Positivo 1 Negativo 1 Combinacin
positivo y negativo
Forma vaca 1 Parcialmente rellenada
Fragmento
Forma abierta 1 Forma cerrada

El entorno en el que
el signo es percibido
El grado de reconocimiento del
repertorio sgnico
La cultura particular del destinatario
Las circunstancias sociales
las combinaciones
de los signos

ncin. Modo en que el receptor


erpreta el signo

Elementos
Punto. lnea. plano.
efecto de tridimensin

Tamao' Escala
Gran formato
Pequeo formato

Condiciones que influyen en el


significado de un signo:

RAGMTICA

GRADO DE INTERPRETACIN
Facultades de interpretacin
del receptor
Interpretacin abierta (no es posible
con un pictograma}
Interpretacin incuestionable.
Reconoc miento mmediato
e inequvoco
la interpretacin es revelada y se
completa dentro de la serie. Tiene
sentido dentro del sistema

Estructura 1 Sistema 1 Grupo


Retcula 1 Estructura tipo-pictogrfica
Estructura generatriz
Mdulos
Repertorio de elementos
Iluminacin
Color
Formato
Marco
Secuencia
Movimiento
lnteract1vidad

~ p.68

Diagrama que sintetizo las dimensiones semntico, sintctico y pragmtica de los


signos grficos. Basado en Abdullah y Hubner (2006, p.13).

32

1 ICONOS YPll10GAAMAS

Principios bsicos
Durante el proceso de diseo y, sobre todo, antes de comenzar
a disear. tenemos que tener en cuenta varias consideraciones y
principios o fundamentos que se deben aplicar. tanto a cada icono o
pictograma en particular, como a la familia de signos al completo.l'

17 Vanos autore~ como


Costa (2007, p. 95) y Abdullah
y Hubner (2002, pp. 3639),
anotan una seroe de punto~ de
partoda o fundamentos a tener
en cuenta durante el proc~o
de d1sci\o de un s1gno.

Enunciados precisos. Los enunciados deben ser precisos y sig


mficativos. ya que surgen de una necesidad de un gran nmero
de destinatarios. Por ejemplo. el enunciado tiendas abarca un
concepto ms amplio que el de tienda de regalos. Tambin es
Importante defin1r correctamente el enunciado cuando se trata de
mensaes que pueden ser ambiguos, como es el caso de Sala de

Norberto Chaves (2009), a


modo de declogo. enumera
sus Otez pnne~p1os del diseno
grai1Co, algunos de los
cuales. pueden ser aplicados
al diseilo de pictogramas:
convenCIOnalidad. ocurrenc1a.
eficacia, propiedad, respeto.
pertinencia, densidad,
economa. transparencia
y anonul'lato.
httpJiforoaUa.orglarticulos/
dezpnncptos-del d1seno
grahco

ordenadores y espaciO con servicio wifi.


Enuncmdos relevantes. No se debe disear un pictograma para
un mensaje insignificante, ni mezclar pictogramas de mensajes
relevantes con mensajes sin importancia.
Eleccin adecuada del referente. El referente u objeto elegido
para la transmisin del mensaje debe ser el adecuado y tener un
significado preciso. En el caso anterior sala de ordenadores y
espacio con servicio wifi, la eleccin del referente condiciona la
comprensin del mensaje. Para el primer enunciado podemos elegir
un ordenador independientemente de que est conectado o no a
internet. Sin embargo, en el segundo, elegiremos el smbolo que
representa el servicio de conexin inalmbrica, ya que el usuario se
Podr conectar al mismo a travs de cualquier dispositivo. ~ p. 56

3l

OI~EO DE ICONOS Y PICTOCiRAM~

'

Compatibilidad semntica los referentes deben estar elegidos


con similar enfoque y con los mtsmos criterios de seleccin.

Laboratorio

Microscopio

~ 1 Bibltoteca

---

Lo bro

::::>

Compatibilidad semntica l lncompatoboltdad semntica


(un obeto especifico
(mezcla de objetos
de cada entorno)
y conceptos cienttlteos)

Sala de ordenadores

Ordenador

Molcula de agua

Esta nteria
+Ratn de ordenador

Forma fisonmica lgica . El referente debe tener una forma que


se corresponda con su constitucin y estructura lgica, para que el
objeto que representa sea reconocido.

BietcletCL forma
fisonmica lgtca

Bictcleta: desproporcin
en algunos de sus
elementos que podra
generar confusin.

Bicicleta: faltan algunos


rasgos esenciales para

reconocer el referente.

Aprendizaje inmediato. Si el1cono o pictograma es nuevo o no ha


sido difundido antes, debe ser fcil de aprender y reconocer para
el enunciado previsto. Por ejemplo, en la interfaz de las nuevas
tecnologas de comunicacin social. todos reconocemos la estrella
como icono que representa el enunciado favoritos (contactos
favoritos, pginas web favoritas o tuits favoritos, entre otros). De la
misma forma, se ha generalizado el uso del smbolo corazn o el
pulgar hacia arriba para representar el mensaje me gusta en las
redes sociales.

Adaptacin cultural Es imprescindible que cada uno de los motivos


o referentes elegidos se adapte al contexto cultural y temporal del
destinatario. la interpretacin del significado de los pictogramas
debe ser comn para todos los usuarios. Un sistema pictogrfico
ideal debera ser universal y tendra que ser reconocido en todo el
mundo por personas de diversas culturas. pero lograr este cometido es dificil
34

SI

tenemos en cuenta la diversidad cultural existente.

l. ICONO~ 'f PICTOGRAMAS

El mensaje Precaucin,
animales salvaJeS y su
adaptacin a diferentes
zonas geogrficas.

eccin de un modelo vigente. La transcripcin grfica del


mensaje debe realizarse a partir de la eleccin de modelos vigentes. El referente guantes del enunciado objetos perdidos no es
un modelo demasiado actual. Podra proponerse la utilizacin de
unas gafas o un maletn como elemento ms representativo de lo
que las personas perdemos en la actualidad. As mismo, poca gente
compra pipas para regalo, un referente del pictograma Tiendas.
Sera ms adecuado utilizar solo el libro o el regalo, o incluso

Pictograma para Objetos


perdidos .. y Tiendas
propuesto por AlGA

sustituir todos estos elementos por una bolsa de compras.

Au sencia de caracteres alfabticos. Debemos evitar al mximo la


utilizacin de caracteres alfabticos porque son dependientes de
un idioma concreto. Tampoco se aadir un texto explicativo. para
evitar redundancias en el mensaje. Sin embargo, en algunos sistemas de sealizacin, como en las seales de trfico, es inevitable
la utilizacin de nmeros (para limitar la velocidad o establecer

En algunos pases se
util1za la P de Parking,
m1entras que en otros pases
hispanohablantes se emplea la
E de Estacionamiento.

distancias) o de letras para identificar lugares.

t~ t

CC'"lcisin grfica. La forma de cada pictograma tiene que estar


depurada y reducida a lo esencial, con el fin de evitar el exceso
de informacin visual irrelevante. Lograremos abstraer las formas
esenciales de cada referente, mediante un proceso de sntesis y
esquematizacin Adems, deberemos reflejar solo las caractersti-

Paraguas: antes y despus del


proceso de snteSIS.

cas genricas y no las particulares del objeto. El signo debe estar


saturado, o sea. carente de zonas privadas de sentido. Si al eliminar
un elemento nada se pierde, es porque ese elemento sobraba.18

18 Norberto Chaves (2009).

35

Ol~lNO

DE ICON05 Y PICTOGRAMAS

Convencionalidad. Tendremos que disear una forma convencio


nal y comn. que est generalizada en el imaginario colectivo.
Por ejemplo, si decidimos utilizar el referente gafas como parte
del pictograma objetos perdidos. no pensaremos en unas gafas
concretas ni buscaremos un estilo definido por una poca. por
una tendencia (gafas de pasta) o por su funetn (gafas 30 o gafas
de buceo). Tendremos que disear una forma que represente el
concepto general de gafa

Del mismo modo, el pictograma prohibida la entrada de animales.


no estar bien solucionado si muestra una raza particular de perro.

.............
,~
,-'',,

,o

o
\

'

'o

'... ' ..... __ ...... ,'

Coherencia formal. Todos los signos de la familia, sean simples


o compuestos, estarn diseados sobre la base de unos mismos
marcadores de identidad, con una estructura uniforme y un
vocabulario grfico unificado.
Es:uctura un1for1'1

Para que un sistema de pictogramas sea per

cibido como una unidad visual armnica, todos los elementos que
lo forman tendrn una estructura comn o retcula. Si empleamos
una retcula. ser ms fcil sintetizar y unificar los signos, ya que
las proporciones, los ngulos y el grosor del trazo, estarn delimi
tados por la misma. ~ p . 75
Constantes v1sual

En cada sistema de pictogramas observamos

una serie de procedimientos sintcticos de relacin entre sus com


ponentes, que definen su identidad grfica. Este vocabulario visual
unificado debe aplicarse de manera sistematizada a todos los signos,
para garantizar la coherencia formal entre ellos, tanto de manera
individual como en relacin a la familia o serie completa.

36

~ p. 68

1 ICONOS YPICTOC.RAMM

En los p1ctagramas de AlGA


se establece un vocabulano
v1sual reconocible con las
s1gwentes caractensttcas:
stmphi1Cac1on de las imgenes.
numero de detalles reduc1do
al mnimo. elimtnac1on de
rasgos superfluos, linea
del mtsmo grosor, ngulos
suav1zados con curvas, bordes
redondeados. rendenc1a a una
conl1gurac1n s1metrica y a un
ee verttcal Ftnalmente. todos
los piCtogramas se un1ftcan
mediante su tntegracin
dentro de un m1smo formato
un cuadrado con ngulos
redondeados.
(AlGA. 1984. p.l36)

t
Bordes redondeados

111
Angulas suov1zados con curvas

t
Tendenc1a a la s1metra y a un eje vertical

Formara un1l1cado

lompatibilidad cromtica. La referencia al color en relacin con


el mensaje debe ser clara. Los cdigos de color deben ser conoCidos por los destinatarios y decodificados de manera inmediata,
Por medio del autoaprendizaje y la experiencia del usuano en el
Propio entorno de aplicacin. ~ p. 73

37

EL PROCESO DE DISEO

Podemos considerar dos enfoques para abordar el diseo de


un sistema de pictogramas. El primero supone contemplar los
pictogramas como un diseo coherente pero independiente de la
tipografa con la que van a convivir. La segunda opcin consiste en
generar los pictogramas a partir de una tipografa concreta o en
disear los dos grupos de signos de manera simultnea.
En ambos casos, el proceso se desarrolla teniendo en cuenta
una serie de etapas. En una primera etapa, de trabajo conceptual previo, se comprende y se planifica el proyecto; tambin se
definen y organizan los enunciados o mensajes de la familia de
s1gnos. En una segunda etapa, se concreta el vocabulario grfico,
se plantea la retcula o estructura, se realizan los bocetos y se
desarrolla cada uno de los pictogramas. Esta fase finaliza con la
digitalizacin de cada signo y sus ajustes pticos. En una ltima
etapa, se comprueba la solidez semntica, sintctica y funcional
del pictograma para el destinatario. Adems, se verifica que cada
pictograma est integrado en el grupo morfolgico al que pertenece y con la familia completa de pictogramas.
En las siguientes pginas podemos observar dos diagramas que
se corresponden con los procesos de diseo de ambos tipos de
Pictogramas. En estos esquemas apreciamos etapas similares pero
con algunos matices metodolgicos adaptados a cada uno de Los
dos enfoques.

41

Ul.3ti,.\J lll ll..V1"4U) f

t'II...IU~H.AI'1A~

Diagrama del proceso de diseo de un sistema de pictogramas

DEFINICIN

DESARROLLO

PLANTEAMIENTO 1 BRIEF

J
JUSTIFICACIN Es necesano dtsear un nuevo ststema de pictogramas? )
OBJETIVOS ,cual es el propsito de este SIStema'
ENFOQUE CONCEPTUAL ,Cmo ser la famtlta de ptctogramas'
[ LISTA DE ENUNCIADOS ,Cuntos pictogramas tengo que dtsear'

1'-

PLANIFICACIN 1 CRONOGRAMA
Cmo voy a organizar el trabajo a lo largo delttempo?

.)

....... ... ...

DEFINICIN DE CADA TEM


Cul es el referente ms adecuado para cado pictograma'

.)

BOCETOS INICIALES
Exploracin preva

r: ......

'
'

BOCETOS
Bsquedo de las formas ptimas

'-

DEFINICIN DE MARCADORES DE IDENTIDAD

'
1

...

PROCEDIMIENTOS SINTCTICOS
Maso
Lnea
PositiVo
Negaltvo
Combinacin masa 1 lnea
Termtnaciones
Conexiones
Calidad de trazo
Escalo
1

_)

42

ESTRUCTURA 1 RETCULA
Definicin de la estructura

. . .:1
J........

l.

~L ~KOlt~O

llt lll~l NU

VERIFICACION

..
..
....

... >........ ...

DIGITALIZACIN
Vectorizacin mediante curvas de Bz1er

AJUSTES PTICOS

/ r
VERIFICACIN DEL SISTEMA
Relac1n de cada pictograma con el grupo
morfologico al que pertenece y con la familia
de pictogramas completa

Integracin de los signos diseados


como Sintagmas v1suales

..

... ...

< ....

...

PROCESO DE VALORACIN
Dimensin semnt1ca
Dimensin s.ntctica
Dimensin pragmtica

43

l)l~lNU

l)l

ILUNU~

Y I'IL 1UGRAMA5

Diagrama del proceso de diseo de un sistema de pictogramas


de origen tipogrfico

DEFINICIN

DESARROLLO

PLAN 1EAMIENTO 1 BRIEF

JUSTIFICACIN Es necesario disear un nuevo sistema de ptcrogramas?


OBJETIVOS Cul es el propsito de esre stsrema?
ENFOQUE CONCEPTUAl Cmo ser la famiha de picrogramas'
LISTA DE ENUNCIADOS Cunros piCtOgramas rengo que disear?

PLANiriCACIN 1 CRONOGRAMA
Cmo voy a organizar el rrabaJO a lo largo del riempo?
\

( DOCUMENTACIN Qu documentacin relevan re rengo que enconrrar?

DEFINICIN DE CADA TEM


Cul es el referenre ms adecuado para cada p1Ciograma?

ELECCIN DE LA
TIPOGRArA

ANALISIS DE LA TIPOGRAFIA
Cul es el ADN de fa 11pografia?
'l.

DEFINICIN DE LOS MARCADORES DE IDENTIDAD

Proporciones, aflura y peso


Coherencia formal
Afmidad morfolgica
Relacin formas 1 conrraformas
Tensin de fas curvos
Unif1cacin formal caja olla 1 caja boja
Variaciones de ngulo
Aperrura
Conrrasre

44

J
..

ESTRUCTURA RciCULA
Def1ntcin de la esrrucrura

.
BOCETOS INICIALES
Exploracin previo

BOCETOS
Bsqueda de las formas pumos

2. El PROC~O Dl DISEO

VERIFICACIN

VERIFICACIN DEL SISTEMA

Integracin de los signos diseados


como sintagmas visuales

... ....

Relacin de cada pictograma con la familia


pictogrfica completa
Relacin de la fam11ia pictogrfica completa
con la tipografa de referencia
lntegrac1n de los s1gnos diseados
como parte del alfabeto

Func1ona'
V

PROCESO DE VALORACIN

Dimensin semantca
D1mens1n Sintctica
Dimensin pragmtica

HC ITALIZACIN

Vectorizacin mediante curvas de Bz1er

; .... <....... ....


\

AJUSTES OPTICOS

45

I)ISFNO OE ICONOS Y PICTOGRAMA~

Planteamiento del proyecto


Antes de emprender el proceso de diseo de cualquier familia de
iconos o pictogramas debemos responder a una serie de cuestiones que nos permiten obtener una idea clara del proyecto que se
va a desarrollar es necesario disear un nuevo sistema? (justificacin), qu enfoque conceptual le quiero dar al proyecto?, cul
es el props1to de la serie' (objetivos) y de cuntos pictogramas
estar compuesta nuestra familia? (lista de enunciados).
Justificacin. Encontramos opiniones muy diversas sobre la necesidad de disear o no nuevas fam1lias de pictogramas. El nuevo
sistema que vamos a desarrollar puede ser necesario por diversas
razones. Por eemplo, cuando se pretenda informar a usuarios de
diferentes culturas e idiomas sobre sus opc1ones de orientacin y
comportamiento en un entorno determinado. De la misma forma,
sern necesanos en aquellos casos en los que la comunicacin
linguistica no puede usarse o la explicacin con palabras es
demasiado larga. Tambin pueden utilizarse, si los iconos permiten llamar la atencin de manera inmediata hac1a contenidos de
i nformacin sin emplear las palabras.
Sin embargo. debemos tener en cuenta que la eficacia de los iconos
y pictogramas es limitada. El contexto cultural. psicolgico y social
del receptor del signo puede reducir su comprensin. Adems,
la creac1n de nuevos cd1gos que impliquen un aprendizaje por
parte del receptor, puede suponer un problema de comunicacin;
incluso el nuevo sistema puede contribuir a la generacin de ruido
visual o saturacin comunicativa. Frnalmente, es importante saber
que no todos los conceptos comunicables como mensaes pueden
ser correctamente representados por pictogramas.
46

2. EL PRO tESO DE DISENO

Enfoque conceptual. El enfoque es la manera de considerar el


asunto desde unos supuestos, con el fin de anticipar una solucin
y encauzarla con acierto. Enfocar la cuestin es revisar los diferentes puntos de vista con los que podemos abordarla y sopesar su
posible d1reccin para resolverla. Veremos, por ejemplo, que tiene
sentido abordar los pictogramas atendiendo a la normativa del
manual de identidad visual de la entidad, y disear pictogramas
partiendo de la tipografa corporativa o para convivir con ella.
Tambin podemos pensar en la orientacin formal; es decir, en el
aspecto que tendr la familia y en los procedimientos grficos que
utilizaremos. Segn sea el planteamiento y los objetivos, puede ser
aconsejable y viable resolver todos los pictogramas con una lnea
grfica del espesor de la tipografa, en negativo o con un mismo
marco o formato. Estas formulaciones iniciales o hiptesis grficas
ayudan a aclarar el tema y a buscar variables de mayor inters
para asegurar la calidad del trabajo.
Objetivos. El siguiente paso consistir en definir una serie de
premisas que se deben cumplir a lo largo del proyecto. Estos
propsitos pueden ser de distinta ndole y abarcan cuestiones tan
importantes como la finalidad principal, los objetivos secundarios,
el t1po de destinatario, la cantidad de trabajo a desarrollar o la
metodologa a emplear.

Obellvos del proyecto


de diseo de pictogramas
para la ident1dad v1sual
de un ardn botnico.

Objetivo principal
Disear un sistema coard1nado de pictogramas que perm1ta una comprensin
efectiva de las diferentes reas de exposicin de un jardn botnico.
Objetivos secundarios
Proponer un enfoque conceptual que tenga en cuenta los elementos
bsicos del manual de identidad visual de la ent1dad.
Disear los mensajes informatiVOS de localizacin de las zonas especificas
sobre botnica.
Adaptar la serie para ser visualizada tanto en sealtica corporativa,
como en dispositivos electrnicos: 200 mm en seales direccionales e
identificativas de area botnica. 20 mm en el plano sealtico del plano
principal y 40 pxeles en pantalla.
Redactar una normativa de construccin de la sene de iconos y pictogramas
en previsin de posibles remodelaciones o actualizaciones del jardn
botanico. Esta normat1va permitir configurar otros mensaes en un futuro,
que puedan satisfacer nuevas necesidades de comumcacin de la entidad

47

OISHIO DE ICONOS Y PIC:fOGRAMAS

a d

s. Para tener una visin organizada y global del

proyecto y conocer el nmero de s1gnos con los que vamos a


trabajar, es necesario realizar un mventano de enunciados para
los mensajes que deseamos comun1car.

Invernadero

Sala de conferencias

Parkmg

Telfono

..
..

...
Autobs

Aseos
~

Acceso s1lla de ruedas

tnsectario

Embalse

Sala de reun1ones
Plantas autctonas
Proh1b1do fumar

l
+

Jardn de China

Arboretum

Palmeral

Bibll1oteca

Plantas med1cmales

Sala de espera

...
rea merendero

Fuente
Salida

Ejemplo de lista de
enunc1ados entregada por
el cl1ente para el s1stema de
pictogramas de la 1denlldad
v1sual de un jardin botnico.

Plantas carnvoras
Plantas en peligro
de ext1nc1n

_j Respetad las plantas

"""'~"

Plantas tropicales

...

--

rea recreativa
sala de exposiciones

-+-

rea plantada. No pisar


el terreno

Plantas venenosas

Clasificacin de los mensajes. Para facilitar el desarrollo de


nuestra familia, podemos ordenar los s1gnos segn su funcin,
su grado de aprendizaje, su rea de aplicacin o su morfologa.
Clas1f1cacin de los signos de AIG

La Oficina de Apoyo del

Departamento de Transporte y el Com1t de AlGA para Signos y


Smbolos propuso cuatro categoras para ordenar los p1ctogra
mas propios de la sealizacin de transportes:

1 AlGA (1984. p 16).

e tlt

cv

Servic1os pbltcos Mensajes que hacen referencia a los servi-

cios. Algunos ejemplos de este caso seran telfono, aseos de


hombres, aseos de mujeres, informacin o agua potable.
CO"C(''>IOncc; Mensajes relativos a actividades comerciales. Son
eJemplos de esta catE:goria restaurante, cafetera, t1endas o
alquiler de coches.
48

2. El PROCESO OE OISENO

Ar tiv1d ld ~s de p )

ni =>nt ). Mensajes que hacen referencia

a procedimientos relevantes relacionados con los pasajeros.


Como ejemplos podemos enumerar compra de billetes,
aduana o salida de vuelos.

('l ,

ar

nt 1e Jr e Estos mensajes comunican procedimientos

obligatorios. No fumar, estacionamiento prohibido o extintor

de incendios son algunos de los tems de este grupo.

ClclSI 11l 1ei 1 segun

la fu r del si no. Abdullah y Hbner propo-

nen la siguiente divisin de los

mensajes: 2

'"'r lCion l s. Sirven para indicar algo. Por ejemplo, una seal
de la localizacin de los aseos.

r'

2 Abdullah y Hubner
(2002. p. 30).

tlt-+

Jvenencia o peligr'). Su funcin es la de avisar de un

peligro. Por ejemplo, peligro de incendio.


'

Jl1c1tud Empleados para generar un tipo de comportamiento

concreto. Por ejemplo, tira la basura en la papelera.

r proh b1C1r Tienen como objetivo que se cumpla una ley.

Por ejemplo, prohibido aparcar.

Clas

e on

.egun el gr 1d0 de aprendiza,t Para Adrian Frutiger

existen tres tipos de pictogramas segn el grado necesario de


aprendizaje por parte del receptor. 3

3 Frutiger (1981, p. 272).

l Signos que proceden de imgenes figurativas y que son


comprendidos de manera inmediata por el observador. Estas
imgenes no requieren aprendizaje. Es decir, cualquier receptor reconocer el elemento representado, independientemente
de su idioma, cultura o costumbres. Son ejemplos, telfono,
zona de fumadores o cafetera.

49

DI S! NO OE ICONOS Y PICTO<;RAMAS

2 Signos que derivan de esquemas cuyo mensaje no es com


prensible a pnmera v1sta smo con c1erto grado de reflexin. En
este caso el grado de reconocimiento es menor y el receptor
deber hacer un esfuerzo intelectual para comprender el
significado. Entre otros. podemos incluir en este grupo. punto de
encuentro. paso preferente. pendiente o salida.

l Signos abstractos. que requieren de un proceso de apren


dizaje. Tanto la seal de proh1b1do como los semforos son
ejemplos de este grupo

Clas1ficac1n segun .a sealtica corpo~ativa. Del mismo modo.


podramos clasificar nuestra lista de mensajes en funcin del
entorno de aplicacin y el tema al que hacen referencia. En la
pgma anterior veamos un listado de enunciados para un jardn
botnico. El sgu1ente esquema muestra la pos1ble organ1zacin de
las aplicaciones y del conjunto de mensajes sealticos ordenados
segn su localizacin y segn su funcin.

so

..

.,
,.

t;'

..

Papel de cartas
Sobres
TarJetas
Carpetas
Impresos
Sellos de goma

:l.

cr

...
le.

.,e

cr

e:

;
,."

..

lmagotipo

:E

Dptico mformativo
Gula de educadores
Gula de estudiantes
Fichas didctiCas
Recorndos didacticos

:l.
~

...ii:
...a.

'

"o

Folleto general
Itinerario
lndex seminum
Memorias anuales
Libros
Revista (Guineana)

:E

;
:l.

...:e t
e
!!.
"e t
~

Web corporativa
Apl1cac1ones (Apps)
Carteles
Anuncios en prensa
Camisetas
Calendarios
Separador de libros

Color

,.

..,.....o
....c.

Dpticos

Publtcidad
Banderolas

li'

..n<
..o

;r

.....
"'

)>

'1>!!!

Furgonetas
Maquanaria

..,..
.."
~

Directono pnncipal

;:

::.

<
r.

"

~-

o -Q.

;:

~ ~

.. e.

'<e
~.

;:

-o...
o

8 :;g
n

o o

::<

..r:a

......

;:

..
"'
...

Ir

a
...

Direccionales

~
~

......e

Parking

Salida
Autobs
Acceso silla de ruedas
Area recreativa
Audttono

:J)

le

...o
Qj'

...

Btbltoteca
Despacho
Aseos
Sala de reuniones
Sala de espera

:Ct
;;

...e;
...

..,.

~-

2
...
2.

"'
...ii'

"::-;e:>
~"
O

1)

...a

Respetad las plantas


rea plantada. No pisar el terreno
Prohibtdo fumar

o
~
o

..

Restaurantebar
Fuente
Aseos
Telfono

Logotipo
Tipografa

Panel dentficativo entrada tn situ


Directorio Usted est aqu
ldentificativo de cada planta
Paneles explcattvD-dtdcticos

Buzos
Chaqueta de monttores
\

g>
Qj.
::>

'
Qj

j
1

lnvestgacin
Conservacin de especies
Aula de didcttca
Sala de exposiciones
Micologa
Herbano
Banco de semtllas

.."

1
1
1

Arboretum
Flora autctona
Jardn de Chtna
Plantas acutttas
Jardn de rocalla
Plantas medicinales
Plantas carnivoras
Plantas tropicales
Frut1cetum
Jardn de bulbos
Jardn sistemtico
Plantas en peligro de exttnci6n
Gramneas
Palmeral
lnsectano
Huerto escolar

....

,~
o"'
::;
o
"'
Q

OISlNO DE ltONOS Y PICTOGRAMAS

Clastftc.actn segun la morfologa de los stgn1 Otra manera


de ordenar nuestra lista podra consistir en organizar los stgnos
basndonos en su morfologa. una vez que hayamos realizado
la primera fase de bocetos. Para explicar esta opcin podemos
buscar su paralelismo en el diseo de tipos. Polhen plantea una
clasificacin de los caracteres alfabticos en funcin de su forma y
su estructura, tal y como podemos ver en las siguientes tablas.

4 Pohlen (2011, p. 95).

CAJA ALTA
maysculas

FORMA
Redonda

Angulosa

T Redonda
angulosa

rD~aonal

D1agonal /
angulosa

En p1sos

GS

Lados abiertos

t
:J

Ancha

lii
w

Med1a

:J

.. EFH
LT

..

a::

OQGS

EFLHT

Estrecha

CAJA BAJA
minsculas

:J

Con descendente
Ancha

lii
w

Med1a

a::

t
BPROU

X
X

KY
KZY

VAX

NKZY

1J

FORMA
Redonda

Redonda /
vertical

Con ascendente

t
:J

BPR

bdft
g

1jpq

ceog

bdpq

Estrecha

Jft

52

Redonda 1
diagonal

---

rD~agonal
k

hl

--+-

as

vyxkz

nhu
1

ilr

2. EL PROCESO OE DISEO

FORMA

PICTOGRAMAS
AlGA

Redonda

Redonda 1 recta [Redonda 1 diagonal 1 recta

CtTI

1 ""

Diagonal 1 recta

~ 6.d~A'1tlo

Recta

~+

(1)
Altura mxima

~ "!! $ii9 ~ ~

J?J! r
~

JEII

;:) Altura mnima


;:)

a::
t;

Ancha

--~...e-

/+

-+~

~ d 6. lo "".,

~+

IIIJE

$ii9~~~"!!

=n

~~

...e-

~~

yf ~

"'

~-+

/+

im

CtTI

Estrecha

Organizacin de los
pictogramas de AlGA sobre la
base de cntenos morfolgicos
aplicable a cualquier familia
de signos.

P1c.

l nd

b'3s

Si optamos por esta ltima opcin podremos

seleccionar, definir y disear un pictograma de cada grupo y


convertirlo en la base o modelo sobre el que generar el resto de
Pictogramas de su grupo. Podramos denominar a estos signos,
Pictogramas base.
Las opciones de clasificacin expuestas nos permiten visualizar
grupos de signos que facilitan el anlisis. el desarrollo de la familia
de Pictogramas y la organizacin de nuestro trabajo.

53

DISfNO 0[ ICONOS Y PICTOGRAMAS

Pl~nlficuin . Una vez que hemos especificado los objetivos y

hemos elaborado la lista de items con los que trabajar, podemos


organizar el flujo temporal de trabajo y dividir el proyecto por
etapas~ definicin, desarrollo y verificacin.

ENTREGAS

ENTREGA 1

ENTREGA 4

ENTREGA FINAL

Es una tarea compleja prever los tiempos para cada fase. cuando

Eemplo de cronograma
realizado para el sistema de
ptctogramas asoctado a la
t1pografa Asop.

nos enfrentamos a un proyecto de estas caractersticas. Aunque

~ p . 127

cronograma durante el desarrollo de nuestra familia de pictogra

tengamos fecha de entrega, tenemos que ser flexibles y adaptar el


mas. Estas variaciones pueden deberse a distintos factores como
que no hayamos previsto la complejidad del proyecto o que se
ample la extensin del juego de signos a medida que descubrimos
nuevas necesidades de comunicacin.
54

~.

tl

t"'t'liV\..t.~V

Ut Ul)tNV

Documentacin. No debemos olvidar que cada proyecto est


s1empre acompaado de un proceso paralelo de recopilacin
y anlisis de la documentacin relacionada con los temas que
tratamos en el trabajo o con otros de naturaleza similar que nos
puedan resultar de utilidad.

Documentacin para el
proyecto de d1seo de
pictogramas para la identidad
visual de un ardin botn1co.

Informacin sobre conceptos esenciales de botn1ca, tipos y div1sin del


remo vegetal. as como de la flora representativa de la corn1sa cantbnca
y del Pais Vasco.
Informacin y documentacin sobre los conceptos especficos que definen las
diferentes reas de un jardn botn1co.
Documentacin grfica de representaciones vegetales asociada a diferentes
reas geogrficas, en especial de la flora que puede servir como referente de
cada pictograma
Documentacin Significativa sobre series de pictogramas que aborden un
enfoque conceptual similar o cercano al tema tratado.
Observacin de modelos con procedimientos sintcticos de solucin formal
que ayuden en el proyecto.
Informacin sobre matenales, empresas, sistemas y soportes de sealizacin
interior y exterior.
Informacin y estudio sobre la visualizacin y la adaptacin de los iconos a las
diferentes pantallas de los dispositivos electrnicos.
Documentacin grfica y fotogrfica de otros jardines botnicos

SS

Ul>tNU Ut II..UNU> Y PI(. 1UuHAMA>

Definicin del referente


Una de las decisiones ms relevantes en el diseo de un pictograma es la eleccin de un referente adecuado para cada
enunciado. El referente es el vehculo necesario para que la
interpretacin del mensaje sea ptima. Algunos pictogramas
Eleccin de un punto de vista
favorable: la eleccin del punto
de vista del referente tambin
influir en la identificacin
de sus rasgos. No es lo mismo
representar un paraguas abierto
que cerrado, una vista lateral
de una flor o la misma flor vista
desde arriba. o un animal de
lado o en escorzo. Un punto
de vista en escorzo impedir
posiblemente la decodificaCin
inmediata del referente.

podrn solucionarse con un solo referente elegido expresamente


para representar grficamente el concepto. Otros, de manera
excepcional, podrn articular varios referentes, segn lo requiera
la complejidad del mensaje. ~ p. 30 y p. 33

EJEMPLO l UN SOLO REFERENTE


Enunciado

Referente

Aseos de
mujeres

Mujer

Pictograma

MensaJe

Contexto

Aqu est el
aseo para
mujeres

'

EJEMPLO 2 VARIOS REFERENTES


Enunciado

Referentes

Objetos
perdidos

Signo de
interrogacin
Un paraguas
Un guante

56

Pictograma

j'>

Mensaje

~exto

Si usted ha
perdido algo,
dirjase aqu

.:!:J

2. EL PROCESO 0( DISENO

1. pas conceptuales. En ocasiones, la eleccin del referente es


evidente. Sin embargo, para otros mensajes es necesario asegurarnos un buen punto de partida que evite la ambigedad o el
equvoco. Antes de dar forma a un icono o pictograma podemos
aplicar tcnicas de asociacin de ideas, como los mapas concepUn mapa conceptual se

tuales. Estas tcnicas nos permiten visualizar el mayor nmero


posible de soluciones potenciales antes de tomar la decisin final.
Por ejemplo, en el siguiente mapa conceptual podemos observar
el despliegue de soluciones para elegir el referente del enunciado
Jardn de China, dentro de un jardn botnico.

elabora desplegando
conceptos e 1mgenes en
relactn con el tema tratado,
consultando al cl1ente o
a un experto en la matena

y estudiando el tema en
fuentes especialtzadas.

En esta etapa, podemos realizar una primera fase exploratoria con


bocetos para definir las formas bsicas. Esta opcin nos permitir
visualizar el concepto a t ravs del dibujo.

PARASO EN EL MUNDO

NATURALEZA IDEALIZADA

CARCTER MGICO O MSTICO <

QUIOSCOS

~
'

PAGODAS ~

1l
ARCOS ~

AGUA

JARDN
DE CHINA

ARQUITECTURA

MONTAA

ELEMENTOS FUNDAMENTALES

' SAUCE LLORN

ELEMENTOS DECORATIVOS

ESTANQUES

PUENTES

ICONOGRAFA
ANIMAL Y VEGETAL

> LOTO

:>PLANTAS

__j
ANIMALES

BAMB

"

MITOLGICOS

~;1

ACUTICOS
CARPA

-1
TORTUGA

___,...

4f&~

FNIX

t1

"
DRAGN
CHINO

~
,
,'1'

'~~
.L''~
!('"~

57

Otro modo de extender las posibilidades para encontrar un


referente consiste en partir de las palabras o trminos lingusticos
clave del enunciado Con estos conceptos podemos elaborar listas
conductoras. de modo que un trmino puede extenderse en otro

y este conducir a otro hasta localizar el referente adecuado.5


S Umberto Eco expl1ca las
vana bies para la construccin
de campos semnticos
en La estructura ausente
(1989, pp 83 y 101-104):
connotacin como stgn111c.ado
defimc.ional (s1gnificados
de defmic1ones comunes en
dtCCionanos), connotactn
de las un1dades semnticas
que componen el signtftcado
(de sol a masculino. de luna
a femenmo), deftniCiones
ideolgicas, connotaciones
emotivas, connotaciones de
h1pomma (de tulipn a hor),
hiperontmia (de flor a tulipn) y
antommta (de muer a marido).
connotactones por traduccin
a otro sistema semtttCo
(de perro a piCtograma de
perro). connotaciones por
art1f CtO retnco (metfora),
connotaciones ret6ricoesttlisticas y connotactones
axtologtcas globales (valores
postltvos o nega!tvos en una
cadena de connotaciones).

Tamb1n podemos indagar buscando en el d1ccionano las definiciones y anotando sinnimos. As mismo, podemos focalizar la bsqueda de la iconografa teniendo en cuenta las tres dimensiones
del s1gno enumeradas en el apartado cSem1t1ca y pictogramas;
de esta manera localizaremos signos como iconos que representen el concepto, signos como indicios que sugieran el tema y
signos como smbolos que pud1eran asociarse con el enunc1ado.
La mayora de los iconos que utilizamos en la mterfaz de nuestros
dispositivos electrnicos pertenecen en mayor o menor medida
a estas tres categoras del signo. Por ejemplo, la papelera en el
escritorio virtual la lupa para realizar bsquedas o la casa de
inicio son signos icnicos encontrados por analoga, ampliamente
difundidos y asimilados por la cultura de las nuevas tecnologas.
Otra forma de ampliar el repertorio iconogrfico puede ser dirigir
nuestra atencin hacia algunas figuras retricas como la metfora.
en la que existe una traslacin de sentido por comparacin (la
estrella de favoritos), la metonimia, en la que se reemplazan referentes por sustitucin (el engranaje para el mensaje de configuraCin) o la sincdoque, en la que se representa el todo por la parte
o lo importante por lo accesorio (la cabeza de un animal).

58

2. EL PROCESO Df DISlNO

Buscar nuevos enfoques. En el ejemplo que vemos a continuacin,


se estudian las diferentes alternativas que podran emplearse
como referente a la hora de crear los items Aseo masculino
y Aseo femenino. Podemos examinar cada opcin a partir del
concepto y a su representacin visual. valorando la viabilidad
0

Ftgura publicada en fa
revtsra EME n 3 SMBOLOS.
como parte del artculo
Una cuestin de anatoma
el dtseno del ptcrograma
asoCiado al gnero lemenmo
(Elena GonzlezMtranda y
Tanta Qumds. 2015).

la adecuacin de los mismos al proyecto en el que estamos

trabajando. De este modo, podremos determinar cul es el


referente idneo para el contexto de aplicacin; no es lo m1smo
d 1sear estos signos para una peluquera que para una tienda de
deportes, un museo o un bar.

CONCEPTO

Stgno lmgufsttco

Stgro 1simbolo

Color

Cuerpo
(anatoma)

Parte del cuerpo:


cabeza 1 pelo

Parte del cuerpo


rganos ~exuales

Ve~tuano

Vt$tuano
zapatos

REFERENTE MUJER
ML.JERE!.

SE:iiOR<\l>
CIIICAS

<>
ROSA

REFERENTE HOMBRE
II0\1RIIES
C\8!\IU.ROS
CIIICO!>

cJ
AZUL

t t
o
\7
n
r-\

CONSIDERACIONES

Cmo decodtftcan el mensaje las personas


que na hablan este idioma?
Son smbolos de cultura occidental Smbolos
btol6gtcos para mujer (espejo de Venus) y
hombre (~udo y lanza de Marre)

Es un c<hgo cromttco universal?


Bebs /lnfanttl Clich

La desnudez es un tema tab


en muchas culturas
(Afrodtta de Cntdo de Praxteles
y Oorforo de Policleto)

,Qu petnado?

V;i

F\

Soctal y culturalmente poco aceptado


Irreverente
Escntura ptctogrftca sumena
Stgnos de mujer (vulva) y hombre (pene)

Cltch 1 Estereottpo

Depende del contexto de aplicacin


Oemastado especifico
Qu topo de zapatos?

59

Ul:)fNU Ut II,.. UNU) T t"l\..lvtJKAMA:)

CONCEPTO

Vestuaroo sombreros

Vestuar1o ropa interior

Reaccin del cuerpo


sal1r cornendo
Accon 1mov1miento
Reaccin del cuerpo
persona con necesidad
f1siolg1ca Inminente

REFERENTE MUJER

REFERENTE HOMBRE

y;?

CD

Accin dentro del bano:


direccin de la orina

~
~

Mitologa

Biologta (genetoca)

Geometrla
(formas geomtricas)

Persona vest1da
sintetozada

Depende del contexto de aplicacin


Demas1ado especifiCO
Culturalmente poco aceptado

Podra ser as1gnado para otros mensaes

El rasgo formal de la falda


no puede suprom1rse
(pictogramas de The Ltghthouse}

ft

Mobiliario

Religin/
H1storia del arte

Depende del contexto de aplicacin


Demasoado especifoco Qu tipo de sombrero?

Social y culturalmente poco aceptado


~)

POSICin real dentro


delbal'lo

CONSIDERACIONES

XX
e

XY
o

1
60

No en todos los aseos hay este topo de


mobiliaroo especifico

1 t
~

Social y culturalmente poco aceptado


Lo que se hace dentro pertenece al
mb1t0 de la ont1m1dad

Este referente no sera respetuoso con


otras rel1giones
Adn y Eva son cultura lmen te aceptados
a pesar de su desnudez
(grabado de Durero)
Depende del contexto de aplicacin
Demas1ado especifoco
Los signos variaran segun
la m1tologa local

Campo de conocimiento
demasiado especifico
Requiere capacidad de abstraccin
(pictogramas del Copernicus
Science Center)
Los referentes elegidos para los
poctogramas estandarozados por AlGA
permanecen v1gentes en la actualidad
para cualquoer entorno

DESARROLLO DE ICONOS Y PICTOGRAMAS


Tal y como hemos descrito en las pginas anteriores. para mmimi
zar los posibles errores y poder simplificar al mximo cada signo,
es necesario haber planteado correctamente cada pictograma
dentro de la serie.
Una vez desarrollada la fase conceptual, podemos emprender
el diseo del nuevo sistema de signos. Para ello, tendremos en
cuenta aspectos como el formato y el soporte, el tamao, el
proceso de bocetado, la retcula, la metodologa de vectorizacin,
los ajustes pticos, el grosor de la lnea o la manera adecuada de
aplicar el color.

rn

Abdulllth, R. y Hibner, R. (2002). P1c rograms lcons & s1gns. A gu1de ro


.'1tormat1on graphcs. Londres. Ed. Thames & Hudson ltd
Esta pubhcac1n cont1ene una introduccin sobre histona, sem16tica y
construccin de los piCtogramas. as como varios captulos con una amplia
documentacin grfica y casos de estudio como los s1gnos para ERCO, el
sistema para el Servicio de Transportes de Berln, la serie de pictogramas
para Sw1ss Post, o los aeropuertos de Dusseldorf y de ColoniaBonn.

63

DISlNO DliCONOS Y PICTOGRAMAS

los bocetos. En esta fase definiremos la personalidad de nuestra


familia de pictogramas. Es decir, buscaremos y concretaremos
aquellos elementos comunes que darn coherencia al sistema.
Recomendamos realizar esta etapa de dibujo en dos fases.
Fase l . la primera puede iniciarse a mano alzada, sin estructura
constructiva, mediante una primera aproximacin intuitiva.

Algunos bocetos de la prrmera


fase para los enunciados:
l . Flora aurcrona del Pas Vasco
2 Jardn de bulbos
J Plantas acuricas

'1.

,..,

,...

4 lnsectaro
l

,.lt

'f

DE~RROLtO

DE ICONOS YPICTOGRAMAS

Fase 2 La segunda fase de bocetos se realizar despus de haber


generado La retcula y de haber definido el vocabulario grfico.
Partimos de Los bocetos anteriores, adaptando La estructura a Las
Lneas y proporciones configuradas en La retcula. y Las formas al
LenguaJe grfico especificado. ~ p. 75

w-.~0o .Wi

-~-

~-~

.J

l..

..,

~
~

,...

.,

"
1

G1

r-

.~

e_-;~

....

.J

tj

dJ

{[! fJJ

65

l..

-'

Segunda fase de los bocetos


a mano alzada sobre la
retcula impresa

OI~E NO

OE ICONO~ Y PICTOGRAMAS

Podemos part11 de una o


vanas forografias elegtdas
expresamente para faethrar la
snteSIS del referente

Boceras para fa seal cPrecaucton. antmales domesltCOS con dferenres


procedtmtenlos stnlcflcos en masa. en linea. combtnondo formas postltvas y
negaltvas o buscando una estructura generatnz

66

J DESARROLLO DE ICONOS Y PICTOGRAMAS

:o:etos sobre distintas retculas para el referente corzo, asociado al mensaje de la


enal Precaucin. animales salvajes.
p. 81

-+

67

OISI NO DE ICONOS Y PICTOGRAMAS

Procedimientos sintcticos

Para configurar la familia de iconos o pictogramas podemos con


siderar uno o varios procedimientos sintcticos de relacin, que
emplearemos de manera sistemtica en toda la serie.

ELEMENTOS
Punto

!1.

lfnea

1..

.u

a :a

Plano

CUAUDAD
Regular

Irregular

Trd1mens16n

J LJ

l
Recto

Redondeado

Simtnco

lil X

W
1

68

Asimtrico

'~
'

1 '

DESARROLLO DE ICONOS Y PICTOGRAMAS

DEMARCACIN
POSitiVO

Forma vaca

Negativo

Combinacin pos1t1vo 1 negativo

Forma parcialmente rellenada

Fragmento

Forma abierta

Forma cerrada

FORMATO

MARCO

69

ESTRUClURA 1 SISTEMA 1 GRUPO


Retlcuta

Estructura t1po-pictogrhca

~~

Cuadricula 1 retcula de pixetes

Algunos de los IConos d1sel1ados por


Susan Kare poro Apple. sobre una
ret1cufa de pixeles

Mdulos

Repenoro de elementos

...
l
i.
-

\.

~
\.

'"'
rf
\S

..J

\._

Ergu1do formal

Balido por el v1ento

Yl l

Bosque

COLOR

70

Lilerotl

SECUENCIA

Fabricac1n

_n_

_.....1 ~

llenado

Re<:lciDdO

Comercialtzacin

...:J

'rll)

Distribucin

(. ............... .

El mismo referente se rep1te


en las c1nco fases para
s1gnificar el ciclo de vida del
mismo embalaJe de cartn

MOVM ENTO

tt'!:.

Jir.

H-

.It!.
..
.r

...
:.at

._a: .1

.-

,.:

.~-s ~

..
PICtograma en movtmtento
utilizado en algunos
semforos para descnbir la
acCin de andar

NTERACTIVIDAO

D
71

OISLNO OliCONOS Y PICTOGRAMAS

TAMANO 1 ESCALA
Grande
(sistemas de sei\alllca corporatva)

/
Pequeo formato
(soportes 1m presos)

Americiln lnstituU
Barcelona: Gustav
Publicacin que e
pictogramas do"
dimensones o/
recogea/

....,__

------------- -

- ------

Pequeo formato
(pantallas)
Ouit iiiJtas wm vtlltns lt\ffftU1.1n re pe;urnN.m
hll tn01t, vet nll dt et ul actull.t< ptC

IINttnoltU!t ...
Qu s tu tal 1um v.tltntlatllmU1. In lt pe'uNm
htt ITt0\1. veL lftfl dt tt utettull~t<lptC

72

0[5ARI10ll0 OliCONOS Y PIL 1Ut.KIIMA)

El color en los pictogramas. El color se puede utilizar con di fe


rentes criterios relacionados con la percepcin. la psicologa. la
arquitectura o con critenos de codificacin sealtica. En primer
lugar hay que tener en cuenta el contraste entre figura y fondo.
AlGA recomienda utilizar sus pictogramas en negro sobre un fondo
blanco para mantener el mximo contraste de claro y oscuro. As
mismo. es imprescindible mantener un determinado color si sirve
de tdentificacin de un cdigo que todos conocemos. como el
color sealtico en los smbolos de prohibiCin o de advertenCia.
Otro ejemplo es la codificacin cromtica para informar sobre el
comportamiento de los individuos. como el verde para zonas de
l1bre circulacin. rojo para estancias prohibidas y azul para zonas
de personal sanitario en un hospital Tambin podemos utilizar
criterios de adecuacin a los colores corporativos de la identidad
visual de la entidad, siempre que los pictogramas se mantengan
visibles y se perciban con claridad.
Naciones Unidas. para crear un sistema estandarizado en el
ststema de seales de trfico, organiz una comisin especial para
revisar los sistemas existentes en todo el mundo y unificarlos bajo
los m1smos estndares de forma y color.1

1 Abdullah y Hubner

(2006. p 35).

FORMAS
CUADRADO
Rescate o signo
de proteccin
contra fuego
Rojo

RECTANGULO
Rescate.
indacador o signo
adicional

CiRCULO

ProhibiCIn
Amarillo

TRINGULO

Proh1b1cin 1 Seal de
o s1gno
obligacin o
mdcador
de advertencaa

Obl1gacaon

Advertencia,
precaucin

Verde

Azul

Indicador

lnd1cador

73

Ul) tNU Ut ILUNU) l

t"lt,.. IU\JAAM~

Criterios de legib'lidad. Hay dos aspectos que influyen en la legibilidad de los pictogramas en un sistema de sealizacin, el tamao
y el ngulo de visin. Por una parte, tendremos que calcular el
tamao adecuado para los pictogramas segn la distancia a la que
vayan a ser visualizados. Tambin consideraremos el ngulo de
visin. que cser meJor cuanto ms se acerque a la linea natural
2 AlGA (1984. p 196).

de la visin humana.2
Tamao y d1t --

El siguiente esquema muestra los resultados

de una prueba realizada por AlGA para calcular las relac1ones


entre el tamao y la distanc1a para sus pictogramas.

DISTANCIA

lacm

l l3cm

118cm

9 metros

lS metros

24 metros

Ar""'

A continuacin podemos ver un esquema sobre

la efect1v1dad del ngulo de v1s1n:

1
10 '

t
D1stanc1a electiva de visin. entre 6 y 47 metros

74

30 cm

Ut~AHHOLLO

Ut ILONU~ Y "IL 1U<> RAMA)

La retcula
Las familias de pictogramas se construyen sobre una retcula o
pauta modular que ayuda a que los signos se perciban como un
sistema forma l coordinado. Esta estructura unitaria facilita la
sistematizacin y el desarrollo de toda la serie.
Para crear una retcula, debemos considerar las necesidades
formales y expresivas de nuestra familia de pictogramas. Una
retcula puede dividirse en unidades y subunidades que ayudan
al diseador a establecer un equilibrio visual. 3

., X j(~ ~1'\
I/ R~

'/

<'*
'-.1
/i

i'

/ '\.I/ ['-.,1/ "\. / 1'-./ '\J/


'l'\. /1'-.
1/
/'. / l'

/'!"-.

X~
~ )K "'"'

rY

~/
/ 1
'

Reticul, pnmaria . lneas

horizontales y verticales
que son el elemento

)t(

principal de referencia.

~ ~ >K r{( X X >K


V
.- ' ) >K >K ~ ~ /~ / ~
S /\, X f" X )( X )K ~ 7
/

1'-.

._

>K _ ,ll\ X .>K '


"' ' X )f(
f)t(
/
'

/
.\ /
/~

--,

IX 1'\.. /
/

1'

l' / l'-1
r V

/ "\ /

[/

V
V

>K """ X A v '

rt

'\_ /

'*'

J : divide

elementos ms pequeos y
equilibrio visuaL
diagonales
que dividen cada unidad en
cuatro fragmentos iguales.
establecen el ngulo de

---

*X

referencia y aseguran un

., X

)\

un

ayuda al diseador a crear

l'-

la retcula prtmaria en

'\_

f--

~/
/ ~

diseo ms preciso .

3 Abdullah y Hubner
(2002, p. 33).

75

4 Costa (1987, p. 145}.

La retcula de la pgina anterior fue diseada por Otl Aicher en


1972 para los pictogramas de los Juegos Olmpicos de Mnich.
Permite la representacin sintetizada del movimiento del ser
humano. Segn Joan Costa. debemos desarrollar una retcula o
pauta modular especfica para la temtica a la que harn referencia los pictogramas (funcin de adecuacin de los pictogramas).
Adems, debemos conformar el menor nmero de infrasignos,
simplificando y abstrayendo al mximo sus rasgos para tener la
garanta de que todos los pictogramas del sistema que diseamos
guardan una coherencia formal y expresiva (funcin normativa

Retcula para los iconos de 10S 7

para la construccin de las figuras). 4

Ajuste a la retcula de
los bocetos para flora
autctona del Pas Vasco.
jardn de bulbos. plantas
acuticas e insectario
de un jardn botnico.

''

'

En la f1gura se puede
observar que se han buscado
intencionadamente, en
la medida de lo posible,
parmetros Similares en altura,
anchura o ngulo.

'

''

''

''

''

C.._____y__L_.-_-_-_,-.
'

76

3 DESARROLLO DE ICONOS Y PICTOGRAMAS

Grosor de la lnea. La coherencia entre el grosor de las lneas con


las que configuraremos el pictograma, garantiza una uniformidad
de su estructura formal. Los grosores de la lnea deben aplicarse
sistemticamente a partir de las unidades que forman la retcula
en el caso de los pictogramas independientes. o sobre la base
del grosor de las astas si trabajamos con pictogramas de origen
tipogrfico. ~ p. lOO
Por ejemplo, si empleamos la retcula citada anteriormente.

S Abd ullah y Hubner

podramos trabajar con los siguientes grosores:5

(2002. p. 35).

Media unidad

Una unidad

Dos unidades

A1

de proteccin. Adems de las unidades y subunidades.

tambin marcaremos un rea de proteccin. Esta rea delimitar


el espacio entre pictogramas cuando se encuentren en grupo. De
la misma forma, el rea de proteccin marcar la distancia que
se deber respetar cuando aparezcan sobre cualquier soporte, de
manera individual o acompaados de elementos tipogrficos.

r----------------,

----------------

________ rea de proteccin

77

Ol~lNO

OE ICONOS YPICTOGRAMAS

______ ...

~-------,

-------

'

\0

r---1

_______ ,

Cb

-v--7
..

________

...

--,

r-----------,

~------------~

~
_ ...

.. -

<

.. -

Ejemplo de aplicacin del


rea de proteccrn en rconos 1
pictogramas;
1 Area de proteccin respecto
al fragmento de retcula que
ocupa el signo dig1taltZado
2. Signo con grosor de lnea
corporativo y reas de
proteccin.
3. O5tancia entre piCtogramas
respetando el rea de proteCCrfl
y ausre de manera manual.

78

3 DESARROllO OE ICONOS Y PICTOGRAMAS

La retcula puede construirse con un mayor o menor nmero de


subdivisiones. Esta variable determinar tambin las posibilidades
de construccin del pictograma.

Aunque la retcula constructiva de Otl Aicher es muy flexible y


funcional, en algunos casos podemos proponer otras variaciones.

Angula de 45

Cuadricula

ngulo de60

Angula de 30'

Propuestas de adaptacin o
la retcula del referente corzo
para la seal Precaucin.
animales salvajes.

79

DISEO DE ICONOS YPICTOGRAMAS

Algunos elementos pueden liberarse de la retcula para aportar


mayor coherencia o dinamismo al pictograma o para representar
correctamente su morfologa. Joan Costa nos advierte del peligro
de caer en excesos intelectuales o estticos cuando se crea una
pauta pretendida mente universal[...]. La pauta debe ser "un
esquema abierto" a las potencialidades de diseo y no una crcel
en la que el propio grafista se encierra. En este sentido, y conforme
al criterio sealtico de una economa generalizada, es preferible
no pedirle a una pauta modular ms funciones de las que real6 Costa (1987, p. 146).

mente puede asumir con eficacia.6

Dos posibilidades del proceso


del trazado del stgno,

Por lo tanto, para cada proyecto debemos elegir o disear una

adaptacin a la retcula y

localizacin y correccin
de errores. En el segundo

retcula especfica que ser determinante para organizar Las


partes en un todo coherente.

eemplo, se dibujan las dos


patas delanteras para aportar
dinamismo a la f1gura.

80

3 OESARROll O 0( ICONOS Y PICTOGRAMA~

caso prctico: Precaucin, animales salvajes


Ob<'tiVO. Disear tres pictogramas para la seal Precaucin,
animales salvajes para diferentes entornos geogrficos.

o.. sarrc lo

Otro sistema para crear pictogramas es el desarrollo

de una estructura generatriz. La familia de pictogramas que


estudiaremos en esta ocasin ser la formada por los animales
canguro. camello y corzo.
Los tres pictogramas se han creado a partir de dos variables clave,
una cuadrcula y una serie de cuatro circunferencias de distintos
tamaos que encajaremos en la retcula. Bajo la retcula podemos
colocar. en otra capa, una imagen o fotografa del animal o un
boceto realizado a mano alzada. Si observamos la forma prelimi
nar, las proporciones se corresponden con los animales que se van
a representar. (1 y 2)
Sm embargo, algunos detalles como las orejas, el grosor de las
patas. las pezuas o la forma de la cabeza no pueden configurarse
con esta estructura generatriz. Por esta razn, podemos aadir y
adaptar estos detalles al margen de la retcula, hasta que cada
animal adquiera sus rasgos caractersticos. (3)
El ltimo paso consiste en reajustar algunos detalles para que el
conjunto tenga coherencia formal Nos aseguramos de que los
elementos pequeos, como las orejas, o de poco grosor. como las
Patas. tengan el tamao y grosor suficiente para que sean visibles
Y reconocibles por el receptor. desde largas distancias. (4)

81

DISENO DE ICONOS YPICTOGRAMAS

VARIABLES
cuadricula
y wcunferenc1as

Bocetos a escala reducida


Recordamos que cada
pictograma debe ser diseado
en su tamao real y ser
valorado en su enromo de
aplcacon. En este caso sera
necesano colocar las seales
en la carretera y realzar m
Sltu pruebas de vsbhdad y
reconocmenro del sgno.

82

Generacin de las formas sobre la base de la estructura generatnz

1
Vanac1n en las formas y austes

1
Ampliacin del tamao de algunos rasgos de los animales

3 OfSARROLLO OliCONOS Y PICTQ(,RAMAS

AphcaCtn del mtsmo vocabulono


grftco a roda fa famfo y
conlexrualizacn en fa seal

83

DISENO DE ICONOS YPICTOGRAMAS

Caso de estudio: los pictogramas de los Juegos Olmpicos

los proyectos de identidad visual y sus sistemas de pictogramas,


diseados cada cuatro aos para los Juegos Olmpicos, son modelos
de gran potencial didctico. Su anlisis nos permite comprender
diversos mecanismos de unificacin sintctica, as como comprobar
7 En Smitshuijzen {2007.
pp. 331-337) y en Abdullah y
Hbner (2006, pp. 64-87) se
muestran varias familias de
pictogramas de los Juegos
Olmpicos. As m1smo. en el
artculo Todos los deportes,
todos los pictogramas. en
El Pas. se pueden comparar
los sistemas de signos
completos: http://elpais.
com/elpaiS/2012/08/02/
media/1343913155 333915.
htmV (Silva y Alonso. 2012).

la calidad grfica y la eficacia comunicativa de los mismos.' El


inters de estos sistemas de signos puede radicar en el enfoque, en
la eleccin y encuadre del referente. en la retcula, en el recurso
utilizado, en el repertorio de rasgos morfolgicos, en la normativa
de construccin o en las connotaciones con respecto a la identidad
geogrfica. As mismo, el anlisis evidencia que los diseadores
vamos asimilando las enseanzas de los buenos profesionales,
a veces convertidas en innovaciones grficas.
Admiramos por ejemplo la eficacia y la versatilidad de la retcula modular diseada por Otl Aicher para Mnich en 1972, con

8 En 1933, Henry C. Beck


emple este ngulo para el
plano sealtico del Metro de
Londres. Meggs y Purvis
(2009, pp. 326328}.

un nico ngulo de 45 grados;8 sus lneas invisibles se deducen


claramente en varios de los sistemas posteriores, como el de Los
ngeles (1984), el de Sel (1988) o el de Barcelona (1992).
Tambin es de destacar la ingeniosa aplicacin de la ley de cierre
de la Gestalt en los signos de Tokio (1964). En estos pictogramas,
el vestuario se adivina y se reconoce al completarse la figura
mediante los huecos visibles, aunque en realidad estos espacios
forman parte del fondo. Este juego figura-fondo funciona de
manera ptima gracias a las armnicas proporciones de todo el
sistema. En los pictogramas diseados para Mosc (1980) llaman la
atencin las slidas figuras de los atletas en negativo, en contraste

84

3. DESARROLLO O~ ICONOS Y PICTOGRAMAS

con el trazo que dibuja el equipamiento deportivo. As mismo, el


hecho de que determinados elementos salgan del marco aporta
dinamismo e inters visual al conjunto.
El enfoque identitario se reconoce de forma clara en el color
emblemtico de los de Mxico (1968), en la referencia cultural
a Las vasijas de la Grecia Antigua de los de Atenas (2004) y en el
empleo recurrente del boomerang en los de Sdney (2000).
Los pictogramas de Pekn (2008) evocan los caracteres chinos,
haciendo referencia al origen figurativo de los mismos. No
obstante. la linea uniforme de estos signos aleja este concepto de
La caligrafa china tradicional. planteando una imagen contempornea del evento. En 2016, encontramos de nuevo una simbiosis
formal y conceptual entre pictogramas y caracteres alfabticos.
aunque en este caso, ambos han sido diseados de manera
especifica para los Juegos.
Los pictogramas de los juegos tambin se diferencian en la
eleccin del referente y su encuandre. Mientras que en algunos
casos, como en Berln (1936). Londres (1948) y Mxico {1968) se
escoge el equipamiento deportivo como referente, en el resto
se sintetizar el atleta o una imagen parcial del mismo. Este
estar acompaado en la mayora de los casos. del equipamiento
necesario para la comprensin del mensaje.
Estas diecisis propuestas a lo largo de ochenta aos, difieren en
enfoques formales tan dispares como el trazo caracterstico de los
de Barcelona (1992), el alto grado de iconicidad cercano a la silueta
de los de Atlanta {1996) o los fundamentos geomtricos de Mnich
(1972). No obstante, la mayora tienen en comn que presentan un
proceso constructivo normalizado y un conjunto limitado de formas
esenciales que configuran cada signo sobre la retcula.
En conclusin, podemos afirmar que estos proyectos. de diferente
complejidad, naturaleza y calidad grfica, son una muestra de la
Prolfica cultura visual de cada lugar y de cada poca; es decir,
reflejan la historia del diseo grfico y el talento de sus autores.

85

DISlNO Dl ICONOS YPICTOGRAMAS

BERLN, l936

LONDRES, l948

TOKI0, 1964

Yoshiro Yamashita

86

3 DESARROLLO DE ICONOS Y PICTOGRAMAS

'1XICO, l968
Lance Wyman y Eduardo Terrazas

MNICH Y MONTREAL, l972 y 1976

Otl Aicher (adaptaciones para Montreal: Georges Huel y Pierre-Yves Pelletier)

11 . _

MC'SC, l980
Nikolai Belkov

87

Ol~lNO

Ol ICONOS YPICTOGRAMAS

lOS NGELES, 1984


Keth Brght and Assocates

11111._
... o .....

1\
SEL, l988

Cho Young Jea, Hwang Bu-Yong y Kim Seung-Jin

011.

BARCELONA. l992
Josep Maria Trias

...

.. .. ~:;,.
~.....

l .:

~:.:

BB

J Ul '>AKI<Ull U Ul

ILUNU~

T I"ILI U\ot<AMA)

ATLANTA. 1996

SDNEY, 2000

Malcolm Grear Des1gners

Paul Saunders Design

ATE NA~. 2004

PEKN, 2008

Theodora Mantzaris

Mm Wang

LONDRES, 2012

RO DE JANEIRO, 2016

SomeOne Design Agency

Comit Organizador Ro 2016

89

ICONOS Y PICTOGRAMAS DE ORIGEN TIPOGRFICO


En el apartado anterior hemos profundizado en el proceso de
diseo de los iconos y pictogramas en generat en este apartado nos
centraremos en los sistemas de pictogramas de origen tipogrfico.
Denominamos icono o pictograma de origen tipogrfico a aquel
diseado para convivir con una tipografa concreta y que surge del
anlisis de sus signos alfabticos. La coordinacin entre pictogramas y tipografa puede darse en distintos grados de afinidad morfolgica y puede percibirse en aspectos tales como la estructura.
la proporciones, las relaciones entre formas y contraformas
o en el contraste.
Hemos observado que la construccin de los pictogramas presenta ciertos paralelismos con el diseo de tipos. Esta relacin se
intensifica cuando hablamos de fam ilias de pictogramas que han
s1cto diseadas a partir de tipografas concretas. En este apartado
aplicaremos aspectos sintcticos y metodolgicos propios del
d1s .... 1o t ipogrfico, pero adaptados al desarrollo de los sistemas
de pictogramas.
Como ejemplos de este proceso vamos a mostrar varios proyectos.
El primero tiene su origen en la tipografa Avemr Light (Adrian
Frutiger, 1988), seguido del diseo de pictogramas para Helvetica
Regular (Max Miedinger, 1957). Finalmente, veremos los resultados
de la fami lia de pictogramas para Asap (Pablo Cosgaya, 2012).

93

DISfND DE ICONOS Y PICTOGRAMAS

Eleccin de la tipografa
El primer paso de este proceso consiste en elegir la fuente con la
que vamos a trabajar. La personalidad de una tipografa puede estar
definida por diferentes variables como el contraste entre astas, la
forma de los remates o los ejes de las letras circulares Disponer de
una tipologa en la que aparezcan todas las tipografas ordenadas
por grupos nos ayuda a comprender la complejidad y cantidad
de fuentes que existen en la actualidad. La ms conocida de estas
clasificaciones es la que realiz Maximilien Vox en 19541955.

Diagrama basado en Pohlen


(2011. p 56)

94

4 ICONOS Y PICTOGRAMAS OE ORIGEN TIPOGRFICO

Los pictogramas tienen una finalidad sealtica y por lo tanto


acompaarn a familias tipogrficas, por lo general lineales, optimizadas para este tipo de entornos. En los aos 1960, el tipgrafo
Matthew Carter dise Airport para una terminal del aeropuerto
de Heathrow. Carter modific la tipografa Standard para adaptarla a las necesidades de un proyecto de sealizacin ampliando
la altura de x, haciendo los ngulos de los terminales horizontales
0 verticales, diseando los nmeros para coordinarse de manera

uniforme con el texto, y redibujando algunas letras y nmeros


concretos, tales como la j, la y, la ro ell, para incrementar el
recon ocimiento de los caracteres y aumentar la legibilidad.1

1 Re (2011, n.' 60: 27 28).

Ralf Herrmann: Wayfinding & Typography


http://opentype.info/blog/2012/04!19/ wayfindingsans-pro-released/

En lntroducing the pictogram font Waylinding Sans Symbols, Ralf Herrmann


defme las cualidades y caractersticas que hacen de su tipografa Wayfinding
Sans una fuente idnea y especialmente diseada para proyectos de sealtica.
Una tipografa para sealtica estar diseada para aumentar al mximo la
distancia de visin.
Sus caracteres deben poseer la diferencia estructural necesaria para facilitar
su reconocimiento y distincin en entornos de sealtica. Por ejemplo, se
acentuar la diferencia morfolgica entre pares de caracteres que pueden ser
confundidos. como la C y la G, la O y la Q, o la g y la p.
Teniendo en cuenta que los signos diacrticos son muy importantes en algunos
idiomas. debemos considerar que las formas separadas de las letras son lo
primero que se vuelve ilegtble desde la distancia, por lo que estos elementos
debern tener un tamao considerable.
Es interesante que la fuente incluya un sistema de flechas que podamos
integrar con la tipografa de manera sencilla.
Resulta de gran utilidad. sobre todo si pensamos en sistemas de sealizacin
bilinges o incluso tri lingues. que la familia sea versati l y tenga varios pesos
que nos permitan organizar la info rmacin.
En esta web tambin se recoge el proceso de documentacin, invest igacin y
anlisis previo que realiz Ralf Herrmann.

Si nuestro proyecto incluye el diseo de una familia de iconos para


dtspositivos electrnicos, tomaremos como referencia aquellas
tipografas optimizadas para la pantalla. Algunas de las cualidades
de estas tipografas son las siguientes: poseen grandes alturas de x,
amplios blancos internos y formas abiertas. y el grosor es uniforme.
Finalmente, estas tipografas han tenido que ser adaptadas mediante
un proceso de hinting para su correcta visin en pantalla.2
95

2 Klanten, Mischler y Bilz Ed.


(2008, pp. 93-9S).

DISENO OE ICONOS Y PICTOGRAMAS

Anlisis de la tipografa de origen


Una vez que hemos seleccionado la tipografa de origen, realizaremos un anlisis de la misma para definir sus marcadores de
identidad. Este anlisis nos permite comprender aquellas caractersticas estructurales y estilsticas que la definen y que aplicaremos
al diseo de sus iconos o pictogramas.
Clasificacin tipogrfica. Dentro del grupo de las tipografas
lineales, tendremos que apreciar las diferencias entre humanistas,
3 Pohlen (2011, pp. 64-67).

neogrotescas, grotescas de Benton y geomtricas.3

TIPOGRAFAS LINEALES
HUMANISTAS

NEOGROTESCAS

GROTESCAS DE BENTON

GEOMTRICAS

Sin remates

Sin remates

Sin remates

Sin remates

Tendencia al contraste
clsico

Uniformidad casi total del


grosor de los trazos, con
un ligero contraste

Contraste fcilmente
reconocible
Eje de las curvas vertical

Eje de las curvas vertical

Blancos internos grandes

Grosor de los trazos


uniforme (mnimas
correcciones, meramente
pticas)

En muchos casos la altura


de las ascendentes y la de
las maysculas coincide

Caracteres estrechos

La letra 9 minscula
suele tener dos ojos
(forma clsica)

La letra 9 minscula tiene


un arco abierto apuntando
hacia arriba

abcdefghijklmno
pqrstuvwxyz ABC
DEFGHIJKLMN
OPQRSTVWXYZ

abcdefghijklmno
pqrstuvwxyz ABC
DEFGHIJKLMN

1234567890

OPQRSTVWXYZ
1234567890

[(&?!!,.;:''/ -'"')]

[(&?.-11.. ,.,.--''/'"')]

Gll Sans, Frutiger. Myriad,


Syntax o Meta.

Helvetica, Univers o
Akzidenz Grotesk.

96

abcdefghijklmno

Eje de las curvas vertical


Estructuras que parten
de figuras geomtricas
simples

abcdefghijklmno

pqrstuvwxyz ABC

pqrstuvwxyz ABC

DEFG HIJKLMN
OPQRSTVWXYZ

DEFGHIJKLMN
OPORSTVWXYl

1234567890
[(&? ! !,.;:''/"")]
Bell Gothc, Franklin Gothic
u Ofhcina Sans.

1234567890
[(&?!!,.;:"/" ")]
Avenir, Futura, Avant Garde 0
Eurostile.

4 ICONOS Y I'IC fOGRAMA.S OE ORIGfN TIPO<.RIICO

Estructura. Una familia tipogrfica se construye en funcin de


cmco lneas principales base. altura de x, altura de descendentes,
altura de ascendentes y altura de maysculas. Estas lneas marca
rn las proporciones en altura de los futuros signos.

DIAC'RITICOS
ALTURA ASCENDENTES

Avenir. Anlisis estructura l;


lneas honzontoles

ALTU RA CAJA ALTA


ALTURA OE x

LINEA BASE
ALTU RA DESCENDENTES

Altura de x. Altura de la letra x en caa baa de una fuente. Esta altura determrna,
en gran medrda, la percepcin del tamao de un tipo de letra
Ascendentes. Cada uno de los trazos de un carcter que sobresalen por encima de la
altura de x (b. d. f. h. k, l. t). Por lo tanto, entendemos como linea de ascendentes la
linea rmagmarta a la que llegan los extremos supenores de los rasgos ascendentes de
las letras minsculas.
Descendentes. Cada uno de los trazos que sobresale por debajo de la lnea de base (p,
q, g, y). De este modo, entendemos como lfnea de descendentes la linea rmaginaria a la
que llegan los extremos inferiores de los rasgos descendentes de las letras en caja baja
Lnea base. Linea horizontalrmagmaria sobre la que se apoyan las letras; se
corresponde con el borde inferior de la altura de x de una fuente.
Unea de mayusculas. Unea horizontalrmagrnarra a la que llega la parte superior
de las letras en caa alta.

Famrlia ti pogrfica. Las variantes son opciones que nos ofrece


una misma familia para jerarquizar la informacin y responder a
las drferentes necesidades de comunicacin visual. En el caso de
la sealtica, nos posibilitarn, por ejemplo. trabajar con textos
bilingues (asignando un peso diferente para cada idioma).
97

DISENO DE ICONOS Y PICTOGRAMAS

Si anticipamos que los pictogramas van a resolverse en lnea o


trazo. podremos elegir una variante de la familia tipogrfica que
nos facilite la elaboracin de los mismos.

..,. Avenir Light

ABCDEFGHIJKLMNOPORST
UVWXYZ abcdefghijklmnopqr

stuvwxyz 1234567890
-](? ! ! 1\) {ao%&$*}

[.

:; 1 / _ _

11 11

Avenir Roman

ABCDEFGHIJKLMNOPORST
UVWXYZ abcdefghijklmnopqr

stuvwxyz 1234567890
_-](?!!""A) eo%&$*}
(.

Avenir Med ium

:;'/-

ABCDEFGHIJKLMNOPQRST
UVWXYZ abcdefghijklmnopqr

stuvwxyz 1234567890
[.,:;' / __ -]( ?!! "" 1\) {ao%&$*}

Otra alternativa es desarrollar una propuesta de sistema de picto


gramas que conviva con todas o algunas de las variantes
de la familia tipogrfica, como en el caso de Asap. ~ p.l27

98

4 ICONOS Y PICTOGRAMAS OE ORIGEN TIPOGRFICO

coherencia formal y afin'-';d morfolgica. Por medio de la


repeticin de elementos o partes comunes de los signos y el tipo
de contraste. se logra una relacin armnica entre todos los
caracteres de la misma fuente.

4 Henestrosa. Meseguer y
Scaglione (2012, p. 36).

al

La forma de los punros de la


ripograla puede sugem la
forma de la cabeza.

jklmn

r,'t U\ \\X\ Z
TERMINALES

Avenir. Esrud10 de los elemenlos


que aporran coherencia formal

OIAGONALRECTA

DuQ)
CAlA ALTA

CAJA BAJA

CAJA ALTA

INTERSECCIONES

CAJA BAJA

CURVAS

S S
CAJA ALTA

CAJA BAJA

CAJA ALTA

Avenrr Ancilts~ de algunos


de los rasgos unificadores
exisrenres enrre la caJa alta
y la caja baja

CAJA BAJA

99

DISENO O~ ICONOS Y PICTOGRAMAS

Tensin de las curvas. Conviene analizar tambin la relacin entre


las curvas. la entrega o unin entre ellas y su dinamismo. En la
imagen anterior podemos observar las formas de las curvas (c. e.
o) y cmo estas se unen con las astas verticales (b. d, h, m. n. , u).
Contraste. Aunque en las tipografas ms adecuadas para sealtica, el contraste suele ser total o casi uniforme, es importante
estudiar este aspecto para comprender la lgica de diseo de la
tipografa y los espesores de trazo que podemos emplear en el
diseo de los pictogramas.
Grosor de las astas. El anlisis del grosor de las astas (verticales

y horizontales de la caja alta y la caja baja) de la tipografa de


referencia es imprescindible si vamos a desarrollar un sistema de
pictogramas con lnea grfica. Pero, a la hora de aplicarlo a los picS Henestrosa, Meseguer
y Scaglione (2012, p. 56).

togramas. deberemos revisarlo y adaptarlo, ya que las figuras ms


complejas deben dibujarse ms livianas que las figuras simples. 5

Avenir. Estudio de fas


relaciones de grosor entre fas
lneas horizontales y verticales
en caja alta y caja baja y

aplicacin a los pictogramas.

100

4 ICONOS Y PIC 1OC..f\AMAS OE ORIGEN TIPO<.HIICO

Numerales s'mbo' os. signos de puntuacin y sign1 s dtacriticos.


como es lgico, debemos estudiar las estructuras de aquellos signos
elaborados a part1r de nuevas necesidades comunicativas como la
flecha. los signos ampersand y arroba o los smbolos monetarios.

1234567890 ! ?%&([

0*+\/.,:; <<=~:t:>>

fa}{l" #$' /\ , 1,..... cca-, -o+23'fl. , o Y4Y234BP+0",........01

11 ~

'

"O ~n-~',"" ,t ... %o< >!'toea~ni -/~oo IO


Aunque en este caso situamos el anlisis en la primera etapa de
desarrollo. debemos tener en cuenta que el estudio y la observacin

Avenir Numerales. smbolos,


signos de puntuacin y
signos d1acrit1cos

de la tipografa de referencia deben ser continuos durante todo el


proceso de diseo de los pictogramas. De esta manera se perciben
ms detalles para aplicar en cada tem concreto.
Es importante tomar conciencia de que, aunque es necesario com
prender y asimilar las formas de la tipografa de referencia. llegar
un momento en que debamos liberarnos de las mismas para dar
paso a formas nuevas en los pictogramas. Aunque los pictogramas
y la tipografa estn vinculados morfolg1camente, a medida que
diseemos la serie de s1gnos, nacern nuevos rasgos que atende
rn a las nuevas exigencias producidas por la necesidad de que
cada s1gno se adapte a su referente. Si recurrimos a una analoga.
podramos decir que los pictogramas y los caracteres alfabticos
serian 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.

Hnslrosa. c. Meseguer,l. y Scaglion. J. (2012). Cmo crear tipografas.


Del boceto a la pantalla. Madnd Topo e Edotorial
Este libro explica de una manera clara y precisa el proceso de creacin
de una fuente. El contenodo engloba prem1sas y proncopoos metodolgiCos.
correcciones ptocas, dog1talizac16n de caracteres. auste del espacoado.
diseo de las variantes de una famolia y el papel de la tecnologa digotal
en el dise~o de topos. entre otros apartados.

101

IJIStNO Ol I(.QNOS Y t'I(.IORAMAS

Bocetos

Una vez analizada la tipografa de origen, podemos realizar dos


fases de bocetos. Una primera fase a mano alzada y otra serie de
bocetos sobre la estructura constructiva.
Por dnde empezamos? No es fcil seleccionar el punto de partida.
Sin embargo, recomendamos comenzar por los signos que representan al hombre y a la mujer. Estos pictogramas poseen las formas
ms complejas, ya que es difcil mantener las proporciones y la
esencia del cuerpo humano cuando buscamos la mxima sntesis
Avenir. (Parte inferior
de la doble pgma)
Secuencia de bocetos para
aseos de hombre. aseos
de mujer y aseos 1 acceso
para minusvlidos.

posible. Adems, una vez diseados o bocetados los pictogramas


para aseos de hombre y aseos de mujer, tendremos una serie de
parmetros (proporciones, altura, anchura, grosor del trazo, valor
de masa o grado de esquematizacin) que nos ayudarn a crear el
resto de la familia

111

102

4 I(.UNU!) T t'U.. IUUKAMA!) Ut UKitN IIPUKAt-ltO

Estudio del tronco de la mujer


a partcr del tronco invertcdo
del hombre.

Estudio de los dos pictogramas

Estudio de una posible versin

en masa.

con cuello (cabeza uncda al tronco)


y de la forma de esta conexin
(recta o curva) .

103

DISENO 0[ ICONOS Y PICTOGRAMAS

...

\,)

11

-X:-

.,_, ...

Una vez definidos los rasgos generales. tambin podemos dibujar


La mayora de los bocetos
fueron realizados con una
dimensin de 8 a 12 cm de
altura. ya que de esta manera
nos acercbamos al tamao real
que tendran los pictogramas

directamente en la pantalla, con un programa de dibujo vectorial.


En el caso de los pictogramas. as como en el de muchas t1pogra
fas. el dibujo a mano alzada. el dibuJO en pantalla y sus variacio
nes. conv1ven y se combinan a lo largo del proceso de diseo.

104

4 ICONOS YPIClO<.RAMAS 0( ORIGEN TIPO<.RAfiCO

La estructura tipopictogrfica

una fase paralela a la realizacin de los bocetos consiste en la


configuracin de la estructura sobre la que generar los pictogramas.
Altura de los pictogramas. Para establecer los lmites horizontales retomamos el anlisis de la estructura de la tipografa.
As podremos coordinar las alturas de los diferentes s1gnos que
formen el sistema de pictogramas con la tipografa.

ALTURA MAXIMA DE PICTOGRAMAS DIACRTICOS


ASCENDENTES

ALTURA
MEDIA

CAJA ALTA
V

ALTURA MNIMA CAJA BAJA

LNEA BASE

DESCENDENTES
Avemr. Aplicacin de lineas

estructurales horizontales
para concretar las 3 o 4
altura) de los piCtogramas

Anchura de los pictogramas. Para establecer las lneas verticales que completarn la retcula, nos servimos de la anchura de
algunas letras.

lOS

Ul)tNU Ut I<.. UNU)

1'1<.. 1UIJAAMA:>

ANCHURA MXIMA

Avenir Seleccin de anchuras


para confeccionar la estructura
de los pictogramas.

ANCHURAS MEDIAS

ANCHURA MINIMA

6 Aun as, algunos


pictogramas rompen la
norma para poder ofrecer una
representacin fisonmica
lgica y natural del objeto o
accin al que hace referencia

Con estos parmetros obtenemos tres alturas y tres anchuras


entre las que se desarrollar la familia pictogrfica completa,
coord inada estructuralmente con su tipografia.6

ALTURA MXIMA DIACRTICOS


ALTURAS
MEDIAS

ASCENDENTES
CAJA ALTA
RETCULA 1 ESTRUCTURA

ALTURA MNIMA CAJA BAJA

LNEA BASE

ANCHURA MXIMA

r
~
~

l .,
Avenir. Creacin de la estructura
y ejemplos de adecuacin a la
estructura base.

.........

~
...:...;,..

_:..r :::"'! ~ - ~--

106

ILUNU~

Y f'lliUlJIIAMA~ Ul

UKilJ~N

III'UlJK/IfllU

F1guras humanas. Para resolver las figuras humanas. realizamos


un proceso paralelo de ajuste de las proporciones al mximo. En
primer lugar, tomamos la lnea de diacrticos como altura mxima
y la linea base como lugar donde se apoyan los pies. En segundo
lugar. observamos algunos cnones estt1cos de proporciones a lo
largo de la historia; entre estas referencias, podemos tomar como
modelo el hombre de Vitruvio (Leonardo da Vinci). A conti nuacin.
analizamos las relaciones entre esta obra y las lneas estructurales
de la tipografa. Finalmente, de la combmacin de ambas, generamos un esqueleto o cursus pictogrfico a partir del cual se pueden
crear las figuras humanas en cualquier posicin anatm1ca.

TIPOGRAFA
AVENIR

PROPORCIONES HUMANAS
Cursus piclogrfico
Altura humana
Cuello
Hombros

r7

Cadera
Rod11las
Lnea base
r'ROPORCIONES HUMANAS
Hombre de Vitruvio

~
Avenir Generac1n del
cursus pictogrfico y su
aplicacin en diferentes
POSICIOnes anatmiCOS

107

OISE NO DE ICONO~ Y I'ICTOGRAMAS

TIPOGRAFA
ASAP

PROPORCIONES HUMANAS

PROPORCIONES HUMANAS

Hombre de V1truv1o

Cursus PctogrcifiCO

Ejemplo realizado con la


11pografia Asap Generac16n
del cursus p1Ciografco y
su aplicacn en d1ferentes
pos1ciones anatmicas.

1
El pictograma femenino
El pictograma que representa a la mujer para indicar los aseos

femeninos es un tema objeto de polmica, que induce a la formulacin de diversas cuestiones en relacin a la vigencia y al diseo
del signo. Podemos enumerar como elementos diferenciadores de
gnero, aspectos culturales, cl1chs sociales, roles tradicionales
y, sobre todo, diferencias anatmicas. No obstante, en los pictogramas estandarizados de AlGA. y en gran parte de las propuestas
actuales, la identidad femenina se construye a part1r a una versin
sintetizada del hombre, a la que se aade un vestido o una falda.

PICtogramas de AlGA para los


mensaJes aseo de caballeros
y aseo de seoras.

A contrnuacin comentamos una serie de aspectos que podran


contribuir a la actualizactn de este signo.

108

4 ICONOS Y PICTOGRAMAS DE ORIGEN TIPOGRAFICO

c ursus pictogrfico femenmo. Tal y cornos hemos citado anteriormente. las teodas de las proporciones o cnones estticos
que han surgido en momentos histricos concretos nos muestran
otra perspectiva interesante para el diseo de pictogramas con
personas. As mismo, nos sugieren alternativas contemporneas
recuperando las proporciones humanas. Diferentes artistas han
intentado racionalizar las formas de los cuerpos femeninos y
masculinos en la bsqueda de un ideal de belleza. fundamentando
sus planteamientos en conceptos como la simetra o la geometra.

Modelos de proporcin femenina en distintos pocas histricos: Venus de Lespugue


(30000-25000 a.C.); cuadrcula egipcia y figuro femenina; detalle del cuerpo del
relieve La diosa Lilith (2025-1763 a.c.); Afrodita de Cnido (Praxireles, hacia el 350
a.c.) y figura femenina de la Tabla antropomtrica en De la simetra en los cuerpos
humanos (Alberto Ourero,1528).

El cursus pictogrfico femenino se diferencia del cursus masculino


en la cintura. as como en la anchura de los hombros y de las
ca deras. Este esqueleto o estructura lgica de la representacin
grfica de las mujeres debe componerse de cabeza. cuello unido a
la cabeza y al tronco, torso y extremidades superiores e inferiores.

109

Este rema es tratado en


profundidad en el artculo
titulado Una cuestin de
anatomla: el diseo del
pictograma asociado al gnero
femenmo (Elena GonzlezMirando y Tania Quinds. 2015.
EME magozme n" 3 SMBOLOS).

DIS~O OE ICONOS YPICTOGRAMAS

Actualizacin del signo. A partir de esta estructura hemos planteado


dos hiptesis grficas. La primera alternativa podra ser la utilizacin
de la lnea grfica como va de cambio para solucionar los problemas recurrentes que encontramos en la estructura de la representa
cin del cuerpo de la mujer. La segunda plantea la opcin de marcar
una prenda que est por encima de la cadera, pero que no necesariamente tiene que ser una falda. No obstante, tambin podramos
limitarnos a resaltar la cadera y el torso de la mujer, sin aludir a una
prenda de vestuario concreta. En las siguientes imgenes podemos
ver algunos bocetos a mano alzada y varias propuestas digitalizadas.

110

4 ICONOS Y PICTOGRAMAS OE ORIGEN TIPOGRFICO

Caso prctico: pictogramas de origen tipogrfico


para Avenir y Helvetica
')bjetivo. Estudiar la posible simbiosis entre los signos alfabticos

y los pictogramas a partir del anlisis de las tipografas Avenir


(Adrian Frutiger,1988) en su variante de peso light y Helvetica
(Max Miedinger,1957) en su versin regular. Estos nuevos
pictogramas corporativos podran ser un elemento esencial de
emisin de la identidad de una empresa en la que los mensajes
sealticos fueran muy relevantes. Sobre todo en contextos
de sealizacin donde necesariamente tienen que convivir el
lenguaje verbal y el lenguaje icnico.
-,esarrollo. En las siguientes pginas podemos observar un
esquema del proceso de diseo de los pictogramas para Avenir.
En el caso de la Helvetica este esquema se completa con las
sucesivas etapas de anlisis morfolgico, bsqueda de la estructura y bocetos a mano alzada. En ambos casos, mostramos los
nuevos signos introducidos como parte de la fuente para verificar
su afinidad morfolgica y valorar su posible aplicacin en los
paneles de sealtica corporativa.

Los resultados preliminares


de estos ensayos se
presentaron y publicaron en
fas actas del 111 Encontro de
Tipografa (0506 de octubre de
2012) en Oporto.

111

DIStNO Dt ICONOS Y PICTOGRAMAS

AVENIR
Proceso de diseno de los

ELECCIN DE LA TIPOGRAFA
AVENIR light
Adrian Fruttger.1988

pictogramas para Avenir

ANLISIS DE LA TIPOGRAFA
Cul es el ADN de la tipografa?

ABCDEFGHIJKLMNOPORSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890 (.,:;'/---] (?!!""/\) {ao%&$*}
Caractersticas
de las lineales geomtricas

Altura de ascendentes
Altura de maysculas

Sin remates

Altura de x

Grosor de los trazos uniforme


(minimas correcciones
meramente pticas)
Eje de las curvas vertical

Lnea base

Estructuras que parten de


figuras geomtricas simples

PROCESO DE BOCETAOO

9~
~

RETCULA
Altura de pictogramas 1
Altura de pictogramas 2
Altura de pictogramas 3

Lnea base

112

4 ICONOS Y PICTOGRAMAS DL ORIGEN liPOGRAFICO

Q)

DIGITALIZACIN

Versin en masa

Versin en lnea

''~

Pictogramas
comunes

) VERIFICACIN

ABCDEFG HIJ KLM N


OPORSTUVWXYZ
abcdefghijklmnopqrst
uvwxyz 1234567890 [.,:;'/-- -]
(?! ! J\) {ao%&$*}
11 11

~ Q~m

O'B

it~ ~ ~

113

OISfNO OE ICONOS Y PICTOGRAMAS

114

4 ICONOS YPICTOGRAMAS OE ORIGEN TtPOGRArtCO


____ ,

"-- - - -

DISENO Dl ICONOS YPICTOGRAMAS

ABCDEFG
HIJ KLM N
,...,
N O PORSTUVWXYZ
abcdefghijklmnopq
rstuvwxyz 1234567890
](. ?...
1 1 11 1\)
[ ... 11- {ao%&$*}
11

1 1

~Q~C!JQ12]

~ ~ ~

116

4, ICONOS Y PICTOGRAMAS OE ORIGEN TIPOC.RAIICO

Secretara
Secretariat

flf

Biblioteca
Library

Papelera
Stationery

CP

Decanato
Deanery
Conrexrualtzacin de
los piCtogramas como
stnlagmas vosuale$ en
un panel dorecroroo de la
seafllca corporarova.

117

HELVETICA

ELECCIN DE LA TIPOGRAFA

Procesa de d1se,o de los

HELVETICA regular

picrogramas parn Helvelica

Max Miedinger, l957


V

ANLISIS DE LA TIPOGRAFA
Cucil es el ADN de la tipografa?

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz 1234567890
[.,:;'/- _ - ]( ? !!'"'"){aoo/o&$*}
Caractersticas
de las lineales neogrotescas

Altura de ascendentes
Altura de maysculas
Altura de x

Sin remates
Uniformidad casi total
del grosor de los trazos,
con un ligero contraste
EJe de las curvas vertical

En muchos casos la altura de


las ascendentes y la de las
maysculas coincide

Lnea base

"

PROCESO DE BOCETADO

RETCULA
Altura prctogramas 1
Altura p1ctogramas 2 H-+4.-~~H+-+t-H
Altura prctogramas 3

Lnea base
118

~ ICONOS y PICIOLAAMA~ Ul UKI(,I N IWlJl>KAHllJ

) DIGITALIZACIN

) VERIFICACIN

ABCDEFGHIJKLMN
OPQRSTUVWXYZ

abcdefg hij kl mnopq rst


uvwxyz 1234567890 [.,:;'/-- -]
( ?!!""") {aoo/o&$*}
o ~~ Of)l

O'

[l]

119

fn las pagmas Stguirnres


sr mursrra rl anhsis dr la
rtpogralta Hrlvr!tca. boceras.
generoctn y aplicactn de la
estructuro y resuUados.

DIACRiTICOS
ALTURA ASCENDENTES
AlTURACAJAALTA
AlTURA DEX

LINEA BASE
ALTURA DESCENDENTES

Anhsts estructural.
lineas horizontales.

TERMINALES

al
(1). (1
- 1 1
jklm n
rstu\ wx\ z
CAJAALTA

CAJABAJA

INTERSECCIONES

CAJA ALTA

fstudto de los elementos que


aportan coherencta formol
y de los rasgos untftcadores
extstenres entre la COJO alta
Y

la COJO bOjO

120

CAJA BAJA

OIAGONALRECTA

CAJA ALTA

CAJA BAJA

CURVAS

~ \ ...... ~
\.,.
/
\ _
CAJA ALTA

CAJA BAJA

q I\..UNV:"l T t"IL 1 U

,..

ALTURA MXIMA DIACRTICOS

ALTURAS
MEDIAS

ASCENDENTES
CAJA ALTA

UKAMA~

Ut: Ut"'I\JtN llt"VI.Jt<At-U.. U

ALTURANOMA CAJA I!AJ'

LiNEA BASE

DESCENDENTES

e-

Estudio de las relaciones


de grosor entre las lineas
horizontales y verticales en
la caJa alla Y la caja baJO Y
.. a 1as PKtogramas.
aplicac1on

121

Bocetos

ANCHURA MAXIMA

Seleccion de anchuras para


confeccionar la estructura de
los pictogramas .

122

ANCHURAS MEDIAS

ANCHURA MiNIMA

4 ICONOS Y PICIOGilAMAS DE ORIGlN TIPOGRHCO

ALTURA MXIMA DIACRTICOS


ALTURAS
ASCENDENTES
MEDIAS
CAJA AlTA
ALTURA MINIMA CAJA BAJA

RETCULA / ESTRUCTURA

11.

LINEA BASE

ANCHURA MNIMA

ANCHURA MAXIMA

Creacin de la estructuro
y ejemplos de adecuacin
ola misma

PROPORCIONES HUMANAS

TIPOGRAFIA
HELVETICA

Altura humana
Cuello
Hombros
Cadera
Rodillas
Linea base

PROPORCIONES HUMANAS
Hombre de V1 truvio

Helvettca Generacin del


cursus ptctoqrftco y su
aplicac1n en dderenres
posiciOnes anatmtcas.

123

Ut.JCI'fV UC

124

I~V1'4V:l

1 f"l\,.1 VUI"\AMA:>

4 ICONOS T PICTOGRAMAS DE ORIGlN liPOGRAflCO

DISENO DE ICONOS Y PICTOGRAMAS

AABCDEFGHIJKLMN
-NOPQRSTUVWXYZ

abcdefghijklmnopqrst
uvwxyz 1234567890
... '/- - - ] ( 6. ?. ..
11""A)
[ .,.,
{aoo/o&$*}
o~~oeoQ~CQ

Secretara
Secretariat
Biblioteca
Library
Decanato
Deanery

Pictogramas introducidos
como parte de la fuente,
para verifccar su afinidad
morfolgica y valorar su
posible aplicaccn en entornos
de sealtica corporativa.

126

Papelera
Stationery

ICONOS YPICTOGRAMAS DE ORIGEN TIPOGRAfiCO

Caso prctico: Asap Symbol

Objetivo. Disear una familia de pictogramas a partir de la tipogra


fa Asap (Pablo Cosgaya, 2012). para su aplicacin en contextos de
sealtica corporativa en las reas de transportes y educac1n.
Desarrollo. En los casos anteriores se ha elaborado un pequeo
grupo de signos a partir de una sola variante de la familia tipo
grfica. En esta ocasin hemos diseado un sistema de signos ms
extenso para convivir con Asap en sus versiones regular y bold. El
resultado es Asap symbol una familia de ms de ciento cincuenta
signos. que cubren un amplio rango de aplicaciones para contextos
de educacin, espacios pblicos. sanidad, turismo y transportes.
La fuente se divide en seis grupos estilsticos: people. transport,
elevators, objects, signa! y arrows. Dentro del grupo People.
podemos observar una peculiaridad del sistema: cada signo tiene
dos versiones. una femenina y otra masculina.

AsapSrmbol
Ocseno orig1nal; Tomo Qwnds
(UPV 1 EHU); diseo: Elena
Gonzalez-Mcranda (UPV 1 EHU).
Marcela Romero (FADU 1 USA)
y Pablo Cosgaya (FADU 1 UBA);
produccin; Pablo Cosgaya;
programae~on. Nicols Silva
(Ommbus-Type. 2015).

En los pginas
scgwentes: ses temo
completo de pcctogramas

y tipogralia Asap.

Ol~r NO OE ICONOS Y PIClOGHAMAS

Asap Symbol People

Asap Symbol Objects

tttt~t~&iwtw msoo~la+(~[J

t.rt.r* *1l1l d d

QftJf _5

i1i1~~itttti
hhff-~~-~~rat <D<V
Asap Symbol Signal

@ ~

Asap Symhol Transport

Asap Symbol Arrows

~"tJI~~~It

@@
OGGGOOOO

Asap Symi"l"'1 Elevator

128

Asap Regular

1\..UNU~

T I'IL 1ULKAMA~ Ul U Kit. l. N IIPU<..KA>It:O

ABCDEFG H IJ KLM N NOPQRSTU


VWXYZa bcd eefgh iij klm noo
pqrsstuvwxyz<tiJ$1234567890
[- - - ~ ~ -71']{( !?)}

ABCDEFGHIJKLMNNOPQRSTU
Asap Bold

VWXYZabcdeefghiijklmnoo
pqrsstuvwxyz(p$1234567890
[--- ~ ~ ~ 1']{(<<!?>>)}

,
129

\~ ..... 1__6A____s_A_
r

lltl

SB

6A

PLANTA

..

~
Aula 2 aos

,.

___ --- --Aula 3 aos

Aula 4 aos

Aula S aos

2
[()

PLANTA BAJA

Direccin

ti

lil

Direccin

Aulas 2, 3, 4 y S aos

Aulas de 1, 2 y 3
Saln de actos

130

Saln de actos

"

'ti il.UNU;:, Y t'"IL 1UlJKAi"IA) Ut: UKIUtN IIPOURAH(.O

1 1'
~

+-

lO -15

~~~~~as

EJemplos de contextualizacin:
sealizacin de centros
educaltvos (plano sealtrco
y directorio); sealizacin de
aeropuertos (directorro)
y sealtzacin de

A Facturaci~
1 1 Departure~Jd\

tlt ~ ~!~~~~~
ti\ Informacin

\!.1

'""~'"'"

transportes pblicos.

1\

131

~9~QJO'~

tt~ ~ ~

PICtogramas de ongen
tcpogrtcco para A~encr,
Helvetcca y Asap.

132

DIGITALIZACIN Y AJUSTES PTICOS


Durante la etapa de bocetado habremos definido las caractersticas fundamentales de la familia de pictogramas y tendremos una
idea clara de la misma. reflejada en un grupo de signos base. Por

lo tanto, podemos comenzar la fase de digitalizacin.


Hoy da, cada vez se disean ms iconos y pictogramas que se
presentan en forma de fuente (tipogrfica) y no como un conjunto
de imgenes individuales. Esto facilita su uso y mejora su calidad
de reproduccin.

El primer paso antes de comenzar el proceso de trazado o vectorizacin consistir en seleccionar los bocetos ms adecuados para
cada pictograma y escanearlos para calcarlos en programas de
dibujo vectorial o especificos para el diseo de tipos.

Cmo se crea una ttpogralia dtgtlal Tulorial de Fontlab. Unos tipos duros
http //www sltdeshare.nevunosttposduros/ tutorial-lontlab

Trazados de Bzier Tal y como se explica en la publicacin Cmo


crear tipografas. Del boceto a la pantalla, la digitalizacin es el
proceso de reconstruccin digital mediante lneas y curvas previamente dibujadas. la forma ms habitual de digitalizar cualqu1er
elemento grfico es a travs de los trazados de Bzier. Podemos
dividir estos trazados en dos tipos de puntos: puntos en curva

Del boceto a la pantalla

(tambin llamados nodos o puntos de anclaje) y puntos fuera de


curva (tambin denominados BCP. Bezier Control Point. puntos de
control manejadores o manecillas), que son invisibles y que influyen en el progreso de la curva pero que no forman parte de ella.1
135

1 Henestrosa. Meseguer
y Scaglione (2012. pp. 63 66)

OI~ENO

DE ICONOS Y PIC fOGRAMAS

Colocaremos el menor nmero de puntos de anclaje; solo los

PUNTOS FUERA OE CURVA


(manejadores)

imprescindibles. Esto es, emplearemos los necesarios para no


perder la esencia del dibujo. Salvo excepciones. estos nodos se colocarn respetando la ortogonalidad, en los puntos en los extremos

(points in extrema). Es decir, en los puntos de tangencia verticales y


horizontales del trazado. Tambin se colocarn nodos en aquellos

trazado

puntos en los que el trazado cambia de trayectoria. Por norma

PUNTO EN CURVA
(punto de anclae
o nodo)

general. los manejadores de cada punto tambin debern estar


colocados de manera ortogonal. paralelos a la lnea base (extremos
verticales) y perpendiculares a la misma (extremos horizontales).
Cuando el trazado es uniforme y est compuesto por contorno
exterior e interior, los puntos se colocarn enfrentados, tal y como
vemos en las imgenes inferiores. en la letra o de Avenir y en el
pictograma de la persona.

-----~---

--.__.._

- --

r~
1

1
1

Letra o de la tipografa Avenir.


8 puntos de control situados

en los extremos (ambo,


abajo, derecha e izquierda)
y maneadores totalmente
horizontales o verticales.

S. DIGITALIZACIN YAJUSTES PTICOS

En este ejemplo se puede


observar que la mayora de
los puntos del trazado
coinctden con los puntos de
Interseccin de las lineas
de la reticula. Asimismo,
la ortogonalidad de los
maneadores se corresponde
con las lneas verucales.
horizontales y diagonales
de la misma los maneadores
mantendrn una posicin ms
o menos equidistante del punto
en el extremo"

o
Puntos de anclaje.
puntos enfrentados y
ortogonalidad de los
manejadores en el
pictograma Aseo de
hombres para la
tipografia Avenir.

1 7

DISENO DE ICONOS YPICTOGRAMAS

Mdulos y denvacin de formas. A medida que avanza el proceso


de digitalizacin, veremos que algunos elementos se repiten
en varios signos. Estos mdulos, nos ayudarn a dar coherencia
formal al sistema pictogrfico. Del mismo modo, de unas formas
podremos derivar otras realizando pequeos cambios que mantengan la esencia pero que se adapten a cada necesidad grfica .

Mdulos y elementos que


se repiten, con pequeos
vonac1ones, en los ptctogramas
para Helveuca

Formas y contraformas. Tambin es imprescindible valorar el


espacio interno del signo y su relacin con el signo completo.
Tan importantes son las formas positivas como los espacios que
contienen. Cuando los pictogramas encierran un espacio en su
interior, debemos asegurarnos de que el contraste entre blancos

y negros est equilibrado.

QQ
1 1
1

Formas y contraformas de los


signos diseados para conv1vir
con la tipografa HelvetiCa.

138

5. DIGITAlllACIN Y AJUSTES 0PTICOS

Ajustes pticos. En los iconos y pictogramas, aunque la retcula


nos aporta coherencia formal. al seguir unas normas geomtricas

y matemticas. encontraremos una serie de formas que no sern


percibidas como equilibradas por el ojo humano. Por esta razn.
en todo proceso de diseo, incluido el de los signos no verbales,
es importante tener en cuenta una serie de adaptaciones formales,
denominadas correcciones o ajustes pticos.
Si analizamos las formas geomtricas bsicas (cuadrado, tringulo
equiltero y crculo) encontramos una serie de aspectos estructurales que debemos modificar para que se perciban como formas del
mismo tamao. 7

Aunque las tres figuras tienen la misma altura,


el cuadrado se percibe ms alto que el crculo
y el tringulo.

2 De Buen (2011. p. 137).

Solucin. este electo se compensa haciendo que


los crculos y los tringulos rebasen los lmites
estructurales lijados por las lneas rectas

139

DISENO DE ICONOS Y PICTOGRAMAS

As mismo, sabemos que una linea horizontal parece ms corta


que la misma barra colocada de manera vertical. Del mismo
modo, una linea diagonal tambin es percibida como ms corta
3 y 4 Abdullah y Hubner
(2006, p. 34}.

que una vertical o una horizontal.3

Estudio de un mismo
trazo colocado de manera
horizontal. vertical y diagonal.

Adems, en la interseccin de varias lineas se crea un punto en el


que se genera demasiado peso visual por lo que debe ser manipulado para restablecer el equilibrio visual entre el espacio blanco
y el negro. 4

Cuando se cruzan dos o ms


trazos, se genera demasiado peso
visual en el punto de interseccin

Solucin: manipulacin de
los trazos para restablecer el
equilibrio visual.

140

S OIGITAlllACIN Y AJUSTES PTICOS

Una de las cosas ms sorprendentes en el de por s


sorprendente diseo tipogrfiCO es que gran parte de
la regularidad geomtrica de las letras es aparente. En
realidad, los d1seadores tipogrficos se valen de una
variedad de engaifas para hacer creer al observador
en la uniformidad de los rasgos y las dimensiones.~

De Buen (2011. p. 136)

Aprendiendo de la tipografa Si estudiamos esta cuestin dentro


del proceso de diseo de t1pos. podemos enumerar una sen e
de reglas t1les que nos ayudarn a que los trazos de los pic-

6 De Buen (2011, pp.

136143) y Henewosa.
Meseguer, y 5caglione
(2012, pp. 56 y 6971)

togramas del sistema sean percibidos de manera equilibrada.


Dichos ajustes pueden estar relacionados con la alineacin, con
la percepcin del espesor de los trazos o con la percepcin de la
simetra vertical:
l. los crculos y los tringulos siempre parecen mas pequeos
que los cuadrados. Por esta razn, las curvas, los pices y los
vrtices rebasarn los lmites horizontales definidos por los

Los austes piiCOs presetllados


o contmuacn formanporte
de la comumcacon Asap
la lam1lia crece. Relac1ones
s1nrgicas entre t1pograla y
pictogramas (Tana Q01nds.
Elena Gonzlez-Miranda.
Maree/a Romero y Pablo

Cosgaya.2014,VICongreso

elementos rectos honzontales.

de Tipograf1a, Valencia).

2 Para que parezcan del mismo espesor, los trazos curvos deben
ser ms gruesos que los rectos.

141

Ul)tNU U t. !l... UN V) l 1""1\,.,l UUKAM~

3. Modificaremos el trazado para evitar zonas con demasiado


peso visual. en la interseccin de varios trazos.

4. Si queremos que los trazos verticales y horizontales parezcan


del mismo espesor, los horizontales deben ser menos gruesos
que los verticales. Los trazos diagonales debern ser ms delgados a medida que se acerquen a la horizontalidad.
100%

90%

S. El ojo humano percibe las mitades superiores de las letras


como ms grandes que las inferiores. Si nuestra intencin es que
un trazo parezca estar en el centro geomtrico del signo, este se
colocar un poco ms elevado.

H
En el signo de primeros aux11ios
ha sido necesario hacer varios
ajustes pticos para que las astas
parezcan del m1smo grosor y
para que el asta honzontal se
vea centrada.

142

~.DIGITAliZACIN YAJUSI~S PTICO~

6. Los trazos deben hacerse ms delgados al aproxtmarse


a una conexin.

7. Las figuras ms complejas deben dibujarse ms livianas que


las figuras simples.

Esta lista se puede ampliar en cualquier momento del proceso


de diseo. ya que podemos detectar incongruencias morfolgt
cas nuevas. a medida que trabajamos o en relactn al tamao
en el que diseemos los signos. En el caso de Asap Symbol.
podemos enumerar. entre otras. las siguientes circunstancias:

l. Cuando encontramos dos trazos verticales juntos con la


separacin mnima de blanco entre ambos. debemos hacer estos
trazos ms finos que cuando encontramos uno solo.

143

2. Los blancos internos entre trazos o formas en masa sern


mayores o menores en funcin de la altura y anchura de las
formas entre las que se encuentren.

3. En los signos circulares apreciamos que el punto en el que se


situarn los signos inscritos en el crculo no se corresponde con
el centro geomtrico, sino con el centro ptico. Este centro vara
segn la forma de la letra o el pictograma, sus contraformas y el
espacio blanco que encontramos a su alrededor.

144

CENTRO
GEOMETRICO

CENTRO
PTICO

~ DIGITAliZACIN Y AJUSTES PTICOS

4. En cuanto a los signos de prohibicin, podemos observar


cmo la barra diagonal que designa la prohibicin distorsiona
las astas verticales de las letras tachadas. Para solucionar este
problema ptico, modificaremos los trazos verticales tal y como
se observa en la s1guiente 1magen.

Es un trabajo complicado y exhaustivo pero, como dice Jorge


de Buen, clas letras son as, y los diseadores les tenemos tanto
apego, que simplemente sonremos y nos sometemos de buen
grado a sus volubilidades y extravagancias.7 Partiendo de la

7 De Buen (2011. p 143)

premisa de que los diseadores de pictogramas e iconos mostramos la m1sma pasin y entus1asmo por nuestros signos, tengamos
paciencia, observemos cada pequeo detalle y seamos rigurosos
en el diseo de los mismos.
La ltima fase es la de verificacin de nuestros signos. Antes de
profundizar en este tema y para anticiparnos al mismo, podemos
establecer una lt1ma analoga con el mundo del diseo tipogrfico. El diseador de tipos debe hacer una cant1dad enorme de
pruebas que han de ser rev1sadas y verificadas sucesivamente,
hasta que, en palabras de Matthew Carter, ca veces, mtsteno
samente, haces estos cambios, sale una prueba de la tmpresora
lser, la miras y dices, "Hola. tipografa"' En la creactn de
pictogramas observamos el mismo proceso cicltco de creacin,
revisin y modificacin para solucionar todos y cada uno de los
aspectos sintcticos de la serie.

8 En Re (2011. p 23).

VALORACIN
Durante todo el proceso de diseo, y para hacer una ltima
revisin de la serie de iconos y pictogramas, podemos elaborar
listados con criterios y preguntas de comprobacin, que nos
ayudarn a validar el proyecto.
En este apartado mostramos una propuesta con tres tablas que se
corresponden con cuestiones sobre aspectos formales, funcionales
y semnticos. Para su elaboracin, hemos tomado como base el
modelo semitico y la investigacin de AlGA para su sistema de
pictogramas estandarizados. En esta investigacin se presentaban
los signos a un nmero de personas en una ficha con 21 preguntas.
La evaluacin consista en la asignacin de una calificacin para
las tres dimensiones interrelacionadas: semntica, sintctica y
pragmtica. Los participantes tenan que valorar cada pictograma
marcando en una escala del1 al S, siendo 1 el mnimo grado de
efectividad (debilidad) y S el mayor (vigor).l

1 Estas preguntas se pueden


consultar en la publicacin:
Pterce, T. (1996, p. 208) y en

En estas tres tablas hemos extendido el nmero de cuestiones

AlGA (1984, p. 27).

anotando criterios y sus formulaciones en forma de pregunta.


Estas preguntas se pueden adaptar a cada caso especfico,
atendiendo a los objetivos del proyecto. Tambin se debe
comprobar la eficacia comunicativa del sistema, realizando
chequeos con las personas a las que van dirigidos los mensajes.

149

U l ~t: N VUt- 1 '-VN U)

Y YI \,.

I U\JM M ~

DIMENSIN SEMNTICA
Criterio

Pregunta

Transmisin del mensaje

Comprendern los destinatarios fcilmente y sin error


el significado del icono 1 pictograma?
Se asocia correctamente el signo al mensaje propuesto o
puede confundirse con otro mensaje?
Puede ser entendido por personas de distintas culturas?
Llegarn a comprenderlo las personas de edad avanzada.
con menor agudeza visual o menor rapidez de reflejos?

Vigencia formal

Ser perdurable en el tiempo?

Codificacin y adecuacin

La referencia al color en relacin con el mensaje es clara?

cromtica

Se utilizan cdigos de color conocidos por todos


o de fcil aprendizaje?

Eleccin adecuada y com-

Es adecuado el referente elegido para la transmisin

patibilidad semntica del

del mensaje?

referente

Estn elegidos los referentes de los signos del sistema con el


mismo enfoque?

Jerarqua de los referentes

Los elementos ms importantes son percibidos en primer lugar?

Elementos o rasgos esenciales

Contiene el icono 1 pictograma elementos que no estn directamente relacionados con el mensaje?

Nivel de aprendizaje

El signo es fcil de aprender y de memorizar?


Ha sido difundido con anterioridad?
Ha sido aceptado previamente por los destinatarios?

Convenciones

Este signo contradice seriamente las convenciones


ya existentes?

150

1>. VALUHALION

DIMENSIN SINTCTICA
Criterio

~----t-~P_r-'egunta

Forma lgica de los


referentes

lT1enen los 1conos 1 pictogramas una forma f1sonom1ca log1ca para


ser reconocido el objeto que representan?
Ha perdido el signo la configuracin caracterstica
de su referente?

Selecc1n de rasgos

Tiene el pictograma demasiados o escasos rasgos


de reconocimiento?
Tiene los rasgos bsicos para que la forma sea reconocible?

Coordinacin grfica

Tienen el mismo tratamiento grfico'

y coherencia formal del

En que medida los elementos compos1t1vos de ese signo se rela

sistema (compatibilidad

clonan con los dems iconos 1 pictogramas de la serie?

Sintctica)

Estn los elementos integrantes (morfemas y rasgos


morfolgicos) en relacin los unos con los otros?
Configuran una unidad estilist1ca?
Estn formalmente coordinados dentro del sistema?
Se utiliza el mismo vocabulario grfico en todos o casi todos los
elementos de la serie?

Cualidad del t razo

~s el trazo similar en todos los iconos 1 pictograma~?


Los pesos grficos de las lneas o trazos de las figuras
son los adecuados?

Color

El cdigo de color es el adecuado?


Est su ficientement e contrastado el efecto figura-fondo?

Proporciones

Estn proporcionados sus elementos compositivos?

Sistematizacin

Podrn aplicarse los wterios de s1stemat1zacin a nuevas necesidades de comunicacin? Es decir, podr ampliarse la familia
de signos en un futuro?

151

DIMENSIN PRAGMTICA
Criterio

+- Pregunta

Visibilidad

El signo puede ser visualizado con facilidad?


+-

Distancia de visibilidad

Este signo permanece visible en las distancias normalizadas


de visin? o con la velocidad?
--t

Condiciones de percepcin

Hay alguna interferencia en la percepcin del signo?


+-

Vinculacin entre la pieza

Este icono 1 pictograma puede estar seriamente afectado

y el entorno

por ngulos de visin oblicuos o por cualquier otra


perturbacin visual?

- ---+-

Condiciones de iluminacin

Puede estar este p1ctograma seriamente afectado por malas


condiciones de luz (directa 1 indirecta 1natural/ artificial)?

Colocacin

El signo est colocado en el lugar adecuado?

Vandalismo

Es este pictograma especialmente vulnerable al vandalismo?

Reproduccin

Puede ser fcilmente ampliado o reducido sin que se deforme?


Es difcil de reproducir?
Es la tecnologa de reproduccin adecuada?
En tos casos de 1conos para interfaz en tos dispositivos electrnicos, se ha realizado el proceso de adaptacin necesario
para la pantalla?

Saturacin visual

Hay demasiados iconos 1 pictogramas untos en el contexto


de aplicacin?
Existe sobrecarga visual?

Material

Es el material adecuado?

152

REFERENCIAS BIBLIOGRFICAS
Abdullah. R y R Hubner Picrograms, lcons & Sgns. A
guide ro rnformarion Groplucs. Londres Ed Thames &
Hudson Ud. 2002.
Abnl G ~ AnliSIS Cfi!ICO de teXtOS VISuales.
M~rar lo que nos mra. Madnd: Editonal Sin tesis SL. 2007.
Aicher. O T1pografa Valencia Campgraf1c
Edtors SL. 2004
Aicher. O y M. Krampen. Sistemas de s1gnos en la
comuniCaCin visual Barcelona Gustavo Gili SA.l979
Amerocan lnsutute of Graphic Arts (AlGA): Smbolos de
sealizacin. Barcelona. Ed1torial Gustavo Gih SA.1984
Cheng. K.: Designmg rype. Londres: Laurence King
Publ1sh~ng Ltd, 2005.
Costa, J.: Sealt1ca. Barcelona: Edciones Ceac.l987.
- Serialllca corporativa Barcelona Costa Punto Com
Editor, 2007
Crow. D.: No te creas una palabra. Una introduccin a la
sem1t1Co Barcelona Promopress, 2008
De Buen. J~ Manual de diseo editorial..Gijn: Ediciones
Trea SL. 2008
-Introduccin al estudiO de la tipografa. Gijn: Ed1ciones
Trea SL. 2011 (con la colaboraCin de Jose Scaglione)
De La Torre, J El lenguaje de los smbolos grficos.
Mxico Ed1torialllmusa SA.1992.
Eco, U: la estructura ausente. Introduccin a la
semitiCo. Barcelona. Edtorial Lumen SA.l989.
Frutger, A: Signos. Smbolos Marcas. Seales. Barcelona:
Editonal Gustavo G1li SA.l981.
Gonzlez-Mnanda, E~ El proceso de creacin y la
evoluCin de tos proyectos de d1s!!o grfiCo. B1lbao
Umversidad del Pas Vasco 1 Euskal Herriko Uniberts1tatea.
Servicio Editorial / Argitalpen Zerbllzua.1994
-Senderos de mvestgacin en diseo grfico. Barcelona:

Elsevier. 2010
Groupe 1J (1993). Tratado del signo visual Madrid:
Ediciones Ctedra SA
Hall S Esto s1gmf1CO esto. Esto sgmfica aquello
SemtoiiCa. guia de los stgnos y su s1gn1ftcado. Barcelona.
Art Blume SL. 2007.

155

Henestrosa, C. L Me~eguer y J. Scaglione. Cmo crear


11pogrolos. Del boceto a la pantalla. Madnd Tipo e
Editorial, 2012.
Hora. M. omcial Signs & lcons 2. Nueva York: Ultimare
Symbollnc. 2005.
Kane, J; Manual de t1pografia. Barcelona Ed1tonal
Gustavo Gl SA. 2005.
Klanten. R , M Mischler y s BilZ. El pequeno sabelotodo.
Barcelona. lndex Book SL. 2008.
liungman, C Symbols. Encyc/oped1abof Western Signs and
ldeograrm. Estocolmo: HME Publishmg. 2004
Lupton. L: Pensar con llpos. Barcelona: Eduonal Gustavo
Gih SL. 2011.
Meggs. P y A. Purvis H1stora del d1seno grf!Co
Barcelona: RM Verlag. 2009.
Moles, A. y L Janiszewski: Gralismo funcional. Barcelona:
Edicones Ceac SA.l990.
Morns. C.: Fundamentos de la teora de los signos.
Barcelona: Pads Comunicacin.l985.
Pierce, T The lnternolional PiCiograms Standard EE UU;
Oesign Pacilica lnternationalLLC, 1996.
Pohlen, J.: Fuente de letras. Colonia: Taschen GmbH. 2011.
Re. M; Mauhew Correr; Tens1on and Typography;
Baselme lnternallonal Typographcs Magazne,
nm. 60 20-29, 2011.
Robmson. A; Historio de la escntura Barcelona
Ediciones Oestino.l995.
SmitshuJzen. E.: Signage Design Manual Baden Lars
Muller Pubhshers. 2007
Uebele. A.: S1gnage Systerm + lnformaton GraphiCs
A professional sourcebook. Londres Tames & Hudson
Ud., 2007.
Unger, G: Qu ocurre mientras lees? Tipografa y
legibilidad. Valencia Campgrafic Editors SL. 2009.
Villa lae, J.: IntroduCCin a la teora de la magen
Madrid. EdiCIOnes P~ramide SA.l985.

156

1 REfERENCIAS BIBLIOvRAHCAS

REFERENCIAS DE INTERNET
Chaves, N (2009) Dtez pnnctptos del dtser\o grftco
http//foroalla org/artlculos/dtez-princtplos-del-diseno- graf1co
Publicado el 3/08.'2009
ERCO. Ptctogramas de Otl AICher
http//www p1ktogramm de/pictoserver/
homepage/homepage/start'de 'de_ startphp
Famil1a de AlGA 1 DOT (SO pictogramas)
http//www a1ga.org/symbol-s1gnsf
Gonzlez-Miranda, E: Set\altica corporattva para un centro
de formacin. una propuesta de normativo para el manual de
identidad vtsual
http/i7ssuu.comtelenaganzalezmiranda/docstsenaletica
corporauva elena_gonzalez_m1randa
lcon-language
httpl/www.ICon-language.cam
lnternat1onal Standard Organizaton (ISO)
http//www iso.org/iso/home.html
lsotype
http//WWw gerdarntz.org/isotype
Japan S1gn Oesign AssoCtation (lSO s1gnos)
http 'WWW s1gn.or p/englisMndex.html
Rall Herrmann. Wayftndtng & Typography
http//opentype.info/blog/
S1lva, R y Alonso. A. (2012): Todos los deportes, todos
los p1ctogromas http//elpascom/elpaisf2012/08/02/
medla!13439131SS _333915 htmV
Publ1cado el 2/08/2012
Unos u pos duros, Cmo se crea uno ttpografia dtgital Tutorial
de Fonttob.
http//www.shdeshare nevunostiposduro\ltutorial-fontlab
Zimmermann, Y.: El dtseo de un pictograma
http//foroalfa.org/articulos/eldisenode-un-pictograma
Publicado el27/01!2010

Los iconos y Los pictogramas tienen una presencia intensa en


nuestro da a da. Son signos que informan sin palabras. Gracias a
ellos accedemos al instante a grupos de contenidos en La interfaz
de nuestros dispositivos electrnicos. Tambin nos ayudan a
orientarnos en espacios sealizados, por encima de cualquier
barrera idiomtica y cultural.
Diseo de iconos y pictogramas es una gua para el estudio y diseo
de estos sistemas de signos. Propone un modelo o metodologa para
disear una familia de iconos y pictogramas desde dos enfoques
diferentes. El primero supone contemplar los pictogramas como
un diseo coherente pero independiente de La tipografa con la
que van a convivir. EL segundo consiste en generar Los pictogramas
a partir de una tipografa concreta o en disear Los dos grupos de
signos de manera simultnea.
Es un Libro prctico que incluye casos de estudio, esquemas,
diagramas y ejemplos didcticos enmarcados en diferentes
contextos, desarrollados expresamente para explicar conceptos,
como los que ilustran la aplicacin de La retcula, La digitalizacin
de un pictograma, la aplicacin de Los ajustes pticos, o el
diseo de iconos y pictogramas a partir Las tipografas Avenir,
Helvetica y Asa p.
Diseo de iconos y pictogramas pretende acompaar al estudiante
como gua docente

y ser de utilidad al diseador profesional como

material de consulta, en ese proceso de indagacin grfica, donde


es necesario concebir signos de forma depurada y sobria, cuya
funcin informativa es primordial para su destinatario.