Síntesis gráfica.

Septiembre 2, 2007 (repost)
En el siguiente ejercicio trataré de explicar como simplificar imágenes, sin que pierdan su concepto. Cuanto mejor sea la simplificación, mas fácilmente se reconocerá en la distancia nuestro trabajo. Como por ejemplo, si buscamos el WC con prisa, no podemos estar dando tumbos, buscando la puerta que nos toca. En esa situación queremos algo que se entienda, cuanto más facilmente lo reconozcamos, mejor. Y puedo asegurar que no siempre el tamaño del pictograma será el que ayude a que ese tiempo se acorte.
El resultado será una serie de 4 objetos, que sigan una dinámica y estilo. Ya que cuando nos hagan hacer un pictograma o señal, todos los trabajos tendrán que tener un estilo unánime, además es muy poco probable que solo nos pidan uno, ya que incluso solo con los WC’s siempre o casi siempre, nos pedirán 3.
Para empezar, busqué y leí sobre el pictograma, la marca, el signo, la señal y el símbolo. Ya que algunos pueden llevar a confusión. Con la lectura y su siguiente comprensión, acabé con las siguientes conclusiones:
Los Pictogramas son una serie de signos tratados con una síntesis en la forma, de tal manera que nos transmiten el concepto de forma rápida; los pictogramas tienen la particularidad de actuar en sistema.
Los símbolos a diferencia de los signos, que son un hecho físico y estético, son un echo psicológico que conectan al hombre con su significado. Los símbolos son signos artificiales que dependen de alguna convención construida por el hombre y pertenecen al plano de la imaginación y del inconsciente (por ejemplo la cruz, para el cristianismo o los alfabetos, etc.).

Una marca es un signo gráfico que hace referencia a quien emite el mensaje. Su función es la de identificar al emisor, la marca es el principio mismo de la identidad visual, la forma primaria de expresión de la identidad.

Los signos son representaciones visuales, auditivas o gestuales que dependen de aspectos culturales, sociales y religiosos. Cada signo se caracteriza por la presencia de un elemento perceptible, que está en lugar del objeto y lo evoca. El signo se puede dividir en dos partes : Una, el significante, que es la forma, el aspecto sintético, el elemento perceptible; la otra parte es el significado, que hace referencia al nivel semántico, o sea, al concepto, el mensaje que quiere transmitir.

Una señal es un símbolo, un gesto u otro tipo de signo que informa o avisa de algo. La señal sustituye por lo tanto a la palabra escrita o al lenguaje. Ellas obedecen a convenciones, por lo que son fácilmente interpretadas.


Seguidamente pensé en 4 objetos o cosas que uso cada día. Un croissant, un cd/dvd, una cremallera y unos pantalones tejanos. Al tener elegidos los objetos empecé a buscar toda la información gráfica habída y por haber de cada uno de ellos. Busqué por la sección imágenes de Google, busqué pictogramas de otra gente, dibujos, fotos, todo aquello que pudiese ayudarme. Recopilando al final en una hoja ( por objeto ) unas 21 imágenes bien diferenciadas entre ellas. Así tendremos ya una buena cantidad de información para estudiar cada objeto.
Pero aun falta lo más importante, lo que haré que se comprenda el pictograma allá donde lo hagamos. Me explico. Un pictograma también tiene un factor que es el “dónde irá expuesto”. Tenemos el entorno más directo, la habitación o el edificio hasta el país, o la cultura visual de la gente que lo tendría que comprender, ya que no es lo mismo hacer un pictograma para Nigeria, que para Japón o España.
Haciéndonos la pregunta de “Como ve la gente cada objeto ?” Llegamos al punto de tener que dedicar una sesión a comprender como la gente de mi clase, veía mayoritariamente las cosas en su cabeza. Recorté 10 papeles A4 en 16 piezas cada uno y las repartí por todos los componentes de la clase acabando cada alumno con 4 piezas de papel. Seguidamente fui cantando cada uno de los objetos, amontonando cada uno en una pila diferenciada. En cada papel se encontraba, un dibujo simplificado al máximo y una linea debajo de este para marcar la base, y no sea girado sin querer.
Al tener todos los papeles dibujados, me dediqué a escanearlos todos y a incluirlos en un A4, ordenando por similitud los dibujos y vigilando mucho las rallas incluidas, no fuese que pusiera alguno del revés.
Seguidamente hice el primer estudio de la hoja. Encontrándome dibujos, rarísimos, que no entendía que eran, ni por asomo. Así pues me dediqué ha hablar con los colegas de clase, para ir descubriendo de quien eran esos dibujos, a mi vista incomprensibles. Al final descubrí que esos trabajos eran de los chicos de Sud de América y el colega de Finlandia, que tenían una visión distinta a la nuestra de esos objetos. Aunque es un buen ejemplo del porqué se tiene que hacer este paso, para mi trabajo no puede usar sus ideas, ya que nuestro “target” o cliente ficticio era un barcelonés o a la máxima un español.
Después de esa curiosidad, empecé a hacer un estudio más técnico. Mirando en que direcciones la gente dibujaba cada objeto, en que grosor, con que estilo de linea y lo mas importante, que detalles usaban para escenificar el objeto. Así pues, los dibujos menos genéricos y diferenciados de los otros, fui apartándolos en favor, de los dibujos que llegaban a ser clones entre ellos y que más similitudes tenían con todos los otros. Haciendo al final un dibujo propio con las cualidades y detalles que me había marcado el estudio anterior. Llegando a un dibujo que todo el mundo podía entender, con más o menos facilidad, pero que en ningún caso perdía su significado.
Ya tenía los 4 dibujos hechos a mano ( muy guarramente, todo se tiene que decir ). Ya solo faltaba escanearlos y vectorizarlos. Freehand para mi gusto tiene una plumilla mejor que la de Illustrator, pero cada uno como quiera, eso si, por DIOX, no se os ocurra tocar el calco interactivo, solo nos daría puntos innecesarios y problemas a la larga.
Pensaba que el paso de vectorización a trabajo final, sería mas rápido. Pero no podía estar mas equivocado. Aun faltaban un buen número de pasos.
Ya lo tenía todo vectorizado, siempre tratando de construir el dibujo con pocos puntos y formas geométricas. A partir de ahí, hice muchos estilos diferentes en los que variaba el tamaño, grosor de las lineas, posición en un cuadrado imaginario, con fondo invertido, entre otras ideas, eligiendo cuatro.
Escanee las cuatro ideas y las reducí hasta que midiesen entre 0′5 – 1 cm para luego presentarlas en un folio, que fotocopiaría y repartiría a los compañeros de clase para que indicaran que conjunto de piezas les era más claro y comprensible. Al devolverme-los con los apuntes de cada alumno hice un estudio de las respuestas. Escogí las dos propuestas que más gente había indicado. Seguidamente leí los comentarios de los compañeros e hice 4 ideas más según las indicaciones de estos. Tratando de reunir las ideas que consideraba mejores para crear las 4 finales. Volví a repetir este paso, con las nuevas propuestas indicándoles que eligieran únicamente una. Entonces hice el recuento de votos y elegí el conjunto final.

Ahora ya tenía definida la línia gráfica que dispondré a mi trabajo. Línea gruesa, negra con el interior blanco. A partir de aquí me dediqué a hacer pequeñas evoluciones del trabajo, dando a las esquinas redondeces, gruesos, colores, etc… Pero en todos los casos encontraba que el trabajo se hacia complejo y perdía síntesis. Así, que todo y las múltiples pruebas que hice me quedé con la que encontraba las líneas mas sencillas y claras.
Como dato curioso, vi que mucha gente de la clase, se dedicaba a dar colores, distintos gruesos, detalles al objeto etc… Ellos siempre aludían, que al llegar a una síntesis alta, sin detalles, ni nada, les daba la impresión que su trabajo tenía pocas horas de estudio, y temían una represalia con la nota final. Me parecía una perdida de tiempo ya que era exactamente el resultado que buscábamos, aunque acepto que hay un momento que miras tu trabajo desde fuera de tu posición de diseñador y piensas -”Pero que mierda es esta. Me tendrían que pagar cientos de euros por algo así?”- Pero luego recuerdas, que hacer una buena síntesis, no es un trabajo de 10 min, y no tanta gente sabe hacer una de perfecta o como mínimo más buena.
Bueno, después de este “kit-kat”, vuelvo al tajo jejeje.
Para continuar, cojí las cuatro piezas y les dí el tamaño adecuado para cada una. Es un poco mas complejo de lo que parece, ya que se une nuestra percepción con la técnica. Haremos 4 redondas iguales una al lado de la otra y pondremos cada pieza en una de estas, ordenadas por tamaño del objeto en la vida real. Es el momento que hagamos que en el interior de cada redonda está el objeto ocupándola por completo, logrando así que todos están en el mismo espacio mecánico. Cuando esto esté hecho será el momento que entre nuestra percepción visual. Tendremos que variar el tamaño de cada pieza ( siempre en muy pequeñas cantidades ) sin olvidar el real del objeto. Yo lo que hice, es coger el objeto de tamaño medio e hice que ocupase la redonda por completo, y los otros fuí ampliando o disminuyendo su tamaño sensiblemente para darles el tamaño perfecto. No tiene que notarse que su tamaño es distinto entre las piezas, simplemente tienen que ser visualmente compactas, no podemos permitir que se note que una pieza es grande y otra pequeña, creando un malestar visual. Es más, creo que más que visualmente, la variación tiene que ser para nuestra sensibilidad. Un milímetro de más puede darnos la sensación que un clip es mas grande que una mesa. En cuanto tengamos los objetos con sus medidas tendremos que darle a las piezas de nuevo los gruesos de líneas ya que al ampliar o disminuir, estas variarán y se tendrán que nivelar de nuevo. Ya igualados los gruesos, tendremos este punto finalizado.
Tenemos cuatro objetos, sintetizados, con sus detalles y gruesos definidos. Pero, nos encontramos que aun no siguen una línea visual entre ellos. Y aun podemos hacer que nuestras piezas se sinteticen un poco mas, y mejoren su visualización.
Primero llevaremos los objetos a la forma geométrica que los compone, logrando que las piezas geométricas y los objetos sintetizados, se puedan aparejar. Como por ejemplo el cd lo llevaremos a un circulo, la cremallera a una “Y”, el cruasán a un medio cálculo y los pantalones a un triangulo. Estas formas geométricas las llevaremos a unos cuadrados cada uno con su retícula. Esta puede ser de cuadrados, de triángulos, más cerrada o más abierta, según la conveniencia de cada trabajo. Recomiendo que en un mismo trabajo no usemos retículas muy diferenciadas porque luego en el resultado final se notará, ya que habrán iconos mas detallados, otros de líneas más gruesas con ángulos mas cerrados o más abiertos.

A partir de aquí empezamos a ir dándoles forma aproximandolas al objeto final. Siempre siguiendo la cuadrícula, claro. Trataremos de perder poco o nada del proceso de síntesis. Así pues, guardaremos todos y cada uno de los cambios que sufra cada una de ellas. Es importante este ultimo punto, ya que puede que nos encontremos que en un momento dado una de las piezas no vaya por el mejor camino de síntesis, y tengamos que volver atrás. Sin los pasos bien ordenados tendremos que volver a empezar todo el trabajo, con una gran pérdida de tiempo.


Aquí podemos ver como el cruasán está siendo llevado por mal camino, ya que la retícula está siendo usada muy poco eficientemente. Teniendo que volver atrás.



Habrán objetos que valdrá más centrarse en la sintetización de solo una zona. Como por ejemplo, la cremallera. Que si nos fijamos, no vale la pena que la hagáis toda, simplemente haced la parte que puede daros problemas, y el restante lo acabáis ya sin retícula.
Daremos todos los pasos posibles sin salir de retícula, hasta que lleguemos a un momento que veamos que esta se nos queda corta, o simplemente está para hacer bonito. En ese momento empezaremos a dar los últimos toques visuales manualmente. En mi caso tendría que haber hecho una cuadrícula enana para poder dar los detalles al cruasán, pero era un engorro, y directamente, un poco a ojo y sin retícula, se los dá. Eso si, hice la mitad del cruasán y luego la dupliqué para que los dos lados fueran iguales. En la cremallera le alargué las 3 puntas y le puse el tope de bajada para esta.

Si nos fijamos estos últimos cambios dan un aspecto más refinado y menos mecánicos al trabajo, no obstante, aun se ven raros. El cruasán con unas puntas demasiado ariscas y la cremallera se ve almidonada. Pues, repetimos la jugada. Manualmente y sin retícula damos los 2 últimos toques al trabajo.

Ya para finalizar repetimos el proceso de adaptación del tamaño de cada una de las piezas, con las redondas usadas anteriormente.

Y ya casi está, solo falta poner los gruesos que nos agraden. Pero cuidado, no pongáis exactamente los que usasteis en la primera parte de este trabajo, ya que ahora los espacios son probablemente más similares, y no tendremos tantos puntos problemáticos.
Fijaos que grácias a esta síntesis por retícula he podido quitar 1 grueso en la cremallera, lo cual daré una sensación aun mayor de compenetración entre los 4 objetos.

Y ya está. Espero no haberme olvidado ningún paso. Como siempre, disculpad las faltas ortográticas y alguna que otra frase mal redactada. Ahora me lo volveré a releer 2 veces. Pero al ser tan largo, la verdad, me da un poco de palo jejejeje.
Espero que sea útil ! Saludos.



[...] Síntesis gráfica [...]
[...] Excelente para los que están empezando en esto del diseño vectorial e interesante para todos los diseñadores: Síntesis gráfica por Axel Durana. [...]
muy interesante..
la verdad que esto me apasiona demasiado..
actualmente estoy empezando 4to semestre de Licenciatura en Artes Mencion Diseño Grafico y la verdad que esto me parece fascinante…
muchas gracias por esta informacion.