PROCESO CREATIVO DEL

DISEÑO ICONOGRÁFICO.
agosto 3, 2015

Hablar de las cosas que amo no es una tarea sencilla. Son cosas a las cuales les tengo un
profundo cariño y respeto, por lo tanto les presto la debida atención y las trato con mucha
delicadeza, ya que expresan en gran parte mis pensamientos y la forma que tengo de ver la
vida. Escribir para mis lectores conlleva una gran responsabilidad, puesto que es preciso
fundamentar el origen de mis palabras. Me gustaría reiterar que el material que expongo
aquí es un reflejo de mi formación profesional y la práctica constante en mi quehacer
como diseñador gráfico, y claro, de mis experiencias de vida.

El diseñador es un amante empedernido del detalle; es por ello que voy a hablarles esta vez
sobre la ejecución gráfica de estos recursos de diseño que son parte de la atmósfera en la
cuales estamos envueltos las personas día con día y difícilmente podemos darnos cuenta de
su existencia: el diseño de íconos.

Es importante que estemos muy contextualizados sobre el tema, para poder entender los
pasos del “proceso creativo” que les presento, que como tal, no es un proceso formal, es
simplemente el título de esta entrada. Es fundamental saber que estos temas tienen sus
principios basados en el pensamiento humano, en la interpretación de TODO lo que les
rodea. Ese “Todo” está compuesto por objetos, acciones, elementos del entorno y formas de
actuar; y cada una de ellas tiene una razón de ser, nos comunica algo y nosotros le
atribuimos una interpretación, con base en nuestras experiencias de vida. Lo complejo del
diseño se encuentra en el estudio de todo lo que acabamos de mencionar: La semiótica,
siendo esta una rama del conocimiento (del cual no me atrevo a hablar mucho porque mas
que respeto, le tengo miedo y no estoy tan familiarizado con la disciplina como quisiera)
que estudia la interpretación de los símbolos y signos con los cuales interactúa el ser
humano en el seno de la vida diaria.
Para entender el concepto de ícono, como tal, es necesario saber distinguir las diferencias
que existen entre un símbolo y un signo, las explicamos brevemente:
El signo es un elemento (tangible o intangible) que puede ser representado por un objeto,
acción, entidad, dibujo o gráfico, sonido, etc… que tiene un comportamiento natural y que
es percibido con el mismo significado a nivel universal.

Por ejemplo: Un relámpago es signo de que va a llover.

El símbolo es al revés: es una elemento que es creado por una comunidad, cuyo objetivo es
representar un significado.

Una cruz roja que simboliza atención médica. Una cruz de color rojo natualmente no tiene
nada que ver con la salud, sin embargo fue creada por los humanos en la necesidad de
 optimizar los procesos de comunicación y actualmente representa eso que se propusieron
que significara al crearla como símbolo.
Espero no haberlos confundido mucho con estos temas tan complejos de semiótica, pero
son importantes comprender para poder entender con facilidad de que vamos a hablar a
continuación: la definición de ícono.

Un  ícono (gráfico)  es la representación gráfica de un signo o símbolo que permite

optimizar la asimilación de un mensaje en un proceso comunicativo, mediante un elemento
gráfico simplificado.
Diseñar un ícono atiende a los principios básicos de abstracción, que en el diseño, es algo
que debemos tener bajo total control quienes nos dedicamos al diseño de identidad gráfica.
También se vale del lenguaje retórico, y como todo diseño, depende también contexto
donde se va a desenvolver. A continuación vamos a resumir el proceso, en el cual hay
muchos caminos a tomar, ya que diseñar es una actividad que no deberia ser sistematizada,
ya que cada problema necesita un solución única, sin embargo, una guía puede ser un punto
de partida para que cada quien tenga su propio proceso:

1.- PROCESO Y ANÁLISIS DE LA INFORMACIÓN:

Este paso es imprescindible siempre que vamos a diseñar, me atrevería a decir que está de
más decir que necesitamos saber lo que estamos trabajando, pero increíblemente existe
quien diseña sin analizar el problema y las consecuencias de ello es la solución carente de
funcionalidad. Vamos a separar por puntos los aspectos que necesitamos para analizar la
información:

 ¿Para qué van a ser los íconos? Es la primera respuesta que debemos tener en mente,
ya que los íconos sirven para asociar un hecho/acción (un significado) con un gráfico,
representarlo visualmente; sin embargo, los íconos pueden también funcionar como un
complemento para reforzar una identidad gráfica, ya sea en sus aplicaciones de marca o
simplemente como un elemento decorativo que ayude a proyectar los atributos
principales.
 ¿Cuántos íconos se van a necesitar? Enlistar los íconos que vas a necesitar es una manera
de hacer mas eficiente el proceso de diseño, ya que nos establemos una meta, y las ideas
que tengamos respecto a su ejecución gráfica podemos efectuarla en función a los íconos
que tengamos planeados dibujar.
 ¿Cuál es la relación que tendrán entre ellos? Aquí es importante saber cómo van a
interactuar en un plano gráfico, es decir, cómo podemos asociar el nivel de jerarquía que
tienen en un diseño.
 Marco de referencia: Saber el entorno y el contexto donde los íconos van a trabajar. Es
importante saber que, por ejemplo, un ícono de un «foco», en un contexto de
“electricidad” puede significar literalmente una bombilla, en cambio en un contexto de
“creatividad” un foco puede representar “una idea”. A esto me refiero con conocer el
impacto semántico que va a tener tu ícono.
 Lo de siempre: analizar el público objetivo, y los niveles de intepretación de las personas
a las que necesitamos impactar, para que el sentido de nuestros mensajes sean percibidos
como queremos.
2.- REPRESENTACIÓN GRÁFICA DEL SIGNIFICADO
 Cuando tomamos en cuenta todos los aspectos previamente señalados, se procede a trazar
las primeras ideas. Elegir el gráfico que va a representar el «significado» es una de las
tareas más dificiles, porque será la forma clave de nuestro ícono. Para ello, podemos
valernos de signos o símbolos existentes. Aspectos a considerar:
 Lenguaje retórico: Es representar el lenguaje con sentido figurado: Metáforas,
sinécdoque, hipérbole, metonimia… (consúltense en sus fuentes más cercanas) y otras
figuras retóricas nos van a ayudar a representar algunos íconos. Algunos ejemplos por
ejemplo de lenguaje retórico en nuestro entorno:
 El  «Disquete» en la opción de guardar en los programas informáticos, es una
metonimia.
 El  «foco» que representa una idea, es una metáfora.
 La abstracción de la torre Eiffel representando París (O Francia inclusive), es un
ejemplo de sinécdoque. Asi como también el ícono de un engrane, puede tanto
representar a una máquina, como a un «Proceso industrial» y si nos ponemos más
retóricos y llegamos a una metáfora, puede significar un «Proceso» en general. Se me
ocurre que para el título de la entrada de este blog, podemos diseñar un ícono con la
abstracción de un rostro de perfil, un engrane en la parte del cerebro, y arriba una
bombilla que represente una idea…. Esperen, terminemos de escribir, luego

diseñamos.   
 Asociaciones entre el ícono y su significado: Es también lenguaje retórico que permite
hacer una asociación entre el significado y el ícono. Uno es complemento del otro. De
hecho en casi todos los casos, los íconos son carentes de significado si están solos, casi
siempre debe haber otros íconos a su alrededor, o debe haber una signatura verbal, ya sea
un título, un descriptivo, un texto, etcétera.
 Lenguaje literal: Cuando expresamos en nuestro ícono una idea que se asocia
directamente con lo que significa. Aquí no hay lenguaje figurado.
3.- DISEÑO Y EJECUCIÓN GRÁFICA:
Esta es la parte que mas me gusta, la mas difícil de hacer, pero la mas satisfactoria. Es aquí
donde se lleva a cabo la ejecución gráfica del ícono, en la etapa anterior estábamos
decidiendo la composición de los elementos conceptuales y visuales que iban a
conformarlo, aquí ya los vamos a dibujar, pero antes debemos de considerar todo esto:

 ¿Vamos a hablar de aspectos técnicos?, si; pero antes quisiera considerar que los íconos
pueden ser diseñados de dos maneras: atendiendo a lineamientos de identidad
establecidas en una marca, o por el contrario: diseñados para establecer los lineamientos
de una identidad. En el primer caso, el ícono es el que debe adecuarse al sistema gráfico
de una identidad, y tener congruencia con el mercado que atiende dicha marca
(considerar su lenguaje y su voz de marca para realizar la conceptualización de los
íconos según su significado), y coherencia entre los rasgos del ícono con los signos de la
identidad (tipografía y colores).
 Soporte de reproducción: No vamos a buscarle más pies al gato: o tu icono se imprime, o
se reproduce en pantalla. No es lo mismo diseñar un ícono en vectores, a diseñar un
ícono pixel por pixel. Aquí vamos a decidir cómo ejecutar nuestros gráficos, porque no
todos los íconos funcionan para todo, pues podemos muchas veces tener el ícono
perfecto, pero si no consideramos que quizás va a estar en un soporte muy pequeño,
 quizás se pierdan los detalles que lo hacen funcional, si no está suficientemente
abstracto. Este punto es para decidir los siguientes.
 Grado de abstracción: Es la capacidad que tenemos de restar elementos innecesarios a
nuestro material gráfico para representar nuestras ideas de manera clara y precisa. Una
primicia es que entre mas pequeño un ícono, mas abstracto y directo debe ser. Entre mas
grande, podemos hacer uso de mas detalles, pero también corremos el riesgo de tener
íconos difíciles de digerir visualmente. Recordemos que los íconos no están para ser
apreciados, sino que están para complementar el mensaje y generar una
comunicación más efectiva. No por ello debe hacerse mal, por el contrario, un ícono
perfecto está presente, lo vemos, entendemos el mensaje, y nos olvidamos
completamente de su aspecto gráfico, mas no nos olvidamos de los procesos
cognitivos de asociación entre el gráfico y el significado.Sean sinceros y díganme si
recuerdan como es específicamente el Disquet de “Guardar como…” la verdad nadie
recuerda su aspecto gráfico, pero jamás vamos a olvidar que el Disquet es para guardar
un archivo. 
 Cuando estemos dibujando nuestros íconos, es importante establecer los parámetros
visuales, que exista coherencia entre ellos. Dichos parámetros tienen que ver con el nivel
de profundidad visual de nuestros íconos: la perspectiva del dibujo. Si nuestros íconos
van a tener volumen, todos deben tener el mismo volumen y dirección. Si son planos,
todos deben serlo también. Existen muchos rasgos que van a permitir tener una serie de
íconos con las mismas características visuales que nos van a hacer obtener lo que
denominaremos Familia iconográfica.
 Unificación de rasgos: Aquí tenemos que tener en cuenta la perspectiva, las
proporciones, y sus características menores como lo es: el peso visual, equilibrio, ancho
del trazado, ancho de los contornos, suavidad de los vértices (que tan redondeado o que
tan angulares van a ser los vértices de nuestros íconos).
 El estilo del trazo: si va a simular mano alzada, si va a simular la punta de un pincel, si
va a ser realizado bajo una retícula con figuras geométricas. Todos esos detalles, que
deben ser los mismos en todos los íconos, para lograr la conformación de un todo, y que
sus partes individuales se asocien con las demás.
 Relación forma-fondo: Nos va a permitir delimitar nuestro nivel de abstracción en
cuestiones técnicas. Muchas veces el ícono resulta difícil de leer dependiendo del fondo.
Como recomendación personal, los íconos -para mí- tienen mayor impacto cuando el
fondo es oscuro y el ícono claro (en ambos soportes, tanto el digital como el impreso).
 Unificación de rasgos secundarios a la forma: Elegir una paleta de colores que permita
armonizar a toda la familia iconográfica, los efectos, esos detallitos, que
independientemente los tengan o no, deben ser iguales en todos los íconos para atender al
principio de la repetición, donde a nivel personal, se encuentra la belleza absoluta
#ThingsThatILove.
 Ajustes ópticos: Cuando unificamos nuestros rasgos, habrá ocasiones muy especiales
donde tengamos que alterar nuestros aspectos técnicos para generar un impacto visual
favorable. Este es el último paso que se realiza, puesto que sucede cuando el ícono está
implementado y el diseñador detecta anomalías o fallas técnicas, y necesita hacer ajustes
que permitan obtener un gráfico perfecto.
4.- IMPLEMENTACIÓN:
 Todos los íconos son carentes de significado si no tienen un complemento verbal. Ya sea
oral o escrito, los íconos van a entenderse si los acompaña una acción. Ya sea un título y
 una serie de íconos, ya nos damos una idea del contexto al leerlo, o lo que es mas obvio,
un complemento verbal directo de cada ícono, que por lo general, es lo que mas vemos
en sistemas de señalización, manuales de instructivos, o inclusive, en los programas
informáticos, al pasar el cursor del ratón sobre un ícono, aparece un pequeño texto de lo
que significa para saber la acción que vamos a efectuar.
 Reproducción: La implementación correcta del ícono y su correcto funcionamiento:
Donde vamos a ver la perfección nuestro trabajo plasmado. En todos nuestros medios de
comuncación nos vamos a encontrar los íconos. Es la omnipresencia del diseño.

Espero que esta pequeña entrada les sea útil en sus procesos de diseño, los invito a revisar
todos los íconos que nos rodean en la vida diaria, y también una invitación especial a
diseñar ustedes mismos los íconos que necesiten, ya que en la red hay muchos recursos de
diseño donde nos regalan íconos gratuitos, o con algún costo, sin embargo, como opinión
personal, el hacer esto por tí mismo, te mantiene en la batalla como un diseñador
competente, y le das un plus de singularidad a tu marca. El diseñar un ícono conlleva un
proceso creativo complejo, aunque se resuma en un gráfico aparentemente insignificante,
tiene una carga semántica increíble y un impacto mayor a lo que imaginamos. Los íconos,
se convierten en símbolos con el paso del tiempo (como el ícono de ubicación que es una
forma abstracta que actualmente ya es un símbolo universal, y nos parece tan natural que
pareciera que ha existido siempre).
A eso debemos aspirar los diseñadores: a que los detalles mas insignificantes, rebasen las
fronteras. Y si lo aspiras, seguro lo puedes lograr. Un abrazo a todos mis lectores y
visitantes. Espero sus comentarios con gusto.
Les presento material de iconografía que he realizado en mi trayectoria profesional: