Category Archives for "diseño"

Detalle de la portada del libro El arte de medir
Nov 25

¿Cuánto “pesa” la portada de un libro en una venta?

By admin | analítica web , comunicación , digital , diseño , formación , publicidad , recomendado , redes sociales

Hay un dicho inglés que aconseja literalmente no juzgar un libro por su portada (Don’t judge a book by its cover), pero a menudo eso es precisamente lo que hacemos, observar la portada y preguntarnos si nos va a gustar o no el libro y experimentar una respuesta emocional positiva o negativa. Así que la pregunta es ¿cuánto importa el diseño de la cubierta de un libro?, ¿hasta qué punto influye en nuestra decisión de comprarlo o no?

En este post me voy a centrar sobre todo en mi propia experiencia con un libro en concreto. En cualquier caso, supongo que cuanto más visual sea la persona que observa la portada y cuanto más impulsiva sea, mayor impacto tendrá la portada en su decisión, por no mencionar el tipo de libro que sea, ya que por ejemplo si se trata de un libro de texto para un estudio reglado el peso del diseño será menor, por el carácter obligatorio del libro.

El otro día compré el libro “El arte de medir” de Gemma Muñoz y Tristán Elósegui. Lo había visto varias veces en los anaqueles de las librerías, cerca de otros libros de temática parecida que terminaba comprando, pero curiosamente este libro siempre lo dejaba a un lado.

 

Portada del libro El arte de medir

Creatividad e imagen cubierta Pilar de Terán y Raúl Guitián / Diseño de cubierta XicArt

 

 

¿Qué te parece esta portada? ¿Te parece atractiva? ¿Basándote sólo en el diseño, de qué crees que va el libro?

A mí no me parece atractiva. De hecho, desde la primera vez que vi el libro, me pareció que la elección y disposición de sus elementos se deslizaba peligrosamente hacia el terreno de lo kitsch. La referencia a lo japonés era evidente, pero me parecía que aquello representaba la cultura y la estética niponas con el mismo rigor y sutileza que el toro de plástico encima de un televisor sobre un mantelito de ganchillo sintético representa lo español.

La tipografía empleada en el título, de inspiración japonesa, y creada para la ocasión a mí me resulta naif y desafortunada, porque no se parece a los ideogramas chinos, que constituyen la base de la escritura japonesa y tampoco reproduce la gestualidad de la caligrafía japonesa, ni juega con la transparencia e irregularidad de la tinta y del pincel empleado en esta técnica de escritura, sino que utiliza una tinta densa de trazo regular y letras de perfiles predominantemente rectos, impropios del universo que se trata de recrear.

Muestra de escritura japonesa

Muestra de escritura japonesa con su trazo fluido y su acumulación de tinta característicos

 

Además de la (para mí) desafortunada elección de la tipografía y el color del título, la cubierta del libro mezcla una serie de tópicos “japonoides”, la katana y el paisaje, cuya relación con el tema del texto no queda clara hasta que vemos que la katana en realidad es una cinta métrica, cosa que aporta claridad a costa de zambullirse en el terreno del pastiche.

 

"La gran ola de Kanagawa", grabado de Hokusai

“La gran ola de Kanagawa” de Hokusai, con su característico juego de curvas, diagonales y repeticiones y su cuidadosa composición

 

En resumen, en términos de diseño, aquella portada me recordaba más a la carátula de un videojuego de artes marciales del “top manta” que a un libro interesante de analítica web escrito por expertos.

Meses después, buscando bibliografía sobre analítica web, descubrí que los libros en castellano más citados sobre esta materia son los de Gemma Muñoz y Tristán Elósegui y concretamente este. Hasta entonces, como comentaba, el aspecto naif y amateur de la portada me habían llevado a pensar que el contenido del libro también lo sería.

El libro no era como la portada

Me equivocaba. Por lo que he podido ver en mi primera “cata” una vez comprado el libro, el contenido está muy bien, el índice es completo y progresivo y el texto desprende un entusiasmo contagioso. Sin embargo, en lo que se refiere a la maquetación y edición el libro es bastante mejorable. Los epígrafes van destacados sobre un fondo gris (elección poco estética y que dificulta la legibilidad porque la letra es negra), en los destacados se usa demasiado la letra cursiva, en un cuerpo pequeño y sobre un fondo gris (factores que de nuevo disminuyen la legibilidad) y hay párrafos enteros en negrita (cosa que arruina el énfasis que se pretende dar a una parte y “carga” demasiado la página). Faltan bastantes tildes y se nota que el texto no ha tenido una edición profunda.

En resumen, un contenido muy prometedor, con una edición y una maquetación francamente mejorables, como desgraciadamente le sucede a muchos libros de los últimos tiempos.

Conclusiones

Aunque es evidente que mi percepción de los errores estéticos de la cubierta es muy subjetiva y que mucha gente no la compartirá, creo que se pueden extraer dos conclusiones de lo expuesto hasta aquí.

La primera es la importancia de la cubierta a la hora de generar una emoción positiva o negativa respecto a un libro. Los diseñadores y editores tendrán que analizar quién es su público objetivo y esforzarse por determinar si los diseños elegidos resultarán  atractivos o no para estos compradores potenciales.

La segunda conclusión es que el tono “espontáneo” y desenfadado de la estética bloguer no tiene por qué funcionar en la portada ni en los interiores de un libro. En concreto, las tipografías, destacados y espaciados que funcionan razonablemente bien en los textos de un blog no tienen por qué encajar en un libro, y además el aspecto “cuaderno de notas” de un diseño tipo página de Word (los epígrafes sobre fondo gris, los recuadros de texto tan primitivos) no es necesariamente una buena elección para un libro “profesional” de 186 páginas que cuesta 18 euros y que podría (y en mi opinión debería) beneficiarse de las múltiples opciones que ofrecen programas de maquetación como InDesign.

Escena de comecocos con dos envolturas de queso minibabybel
Nov 19

Cómo saber si estás obsesionado con el diseño gráfico (I)

By admin | comunicación , digital , diseño , humor , psicología , publicidad , recomendado

Algunas profesiones o actividades, sobre todo si son vocacionales, marcan de forma muy visible a quienes se dedican a ellas. Ilustradores, maquetadores, fotógrafos, diseñadores gráficos, creativos y dibujantes suelen desarrollar algunos hábitos muy concretos respecto a lo que ven, a su manera de percibir y respecto a la forma en que interactúan con lo que observan.

Los siguientes diez síntomas te ayudarán a determinar si es este es tu caso y estás obsesionado con el diseño gráfico.

 

1 Ves histogramas por todas partes.

 

Logo de Teatros El Canal en puerta de cristal

Logo de Teatros El Canal en la puerta de acceso

 

2 Cuando ves nubarrones grises, en lugar de coger un paraguas, piensas “qué degradado más chulo”.

 

Atardecer rosado con nubes grises

Atardecer rosado con nubes grises

3 A menudo te dices a ti mismo que la vida sería más sencilla si los comandos de copiar y pegar se pudieran usar en el mundo real.

4 Cuando ves un fondo de escritorio bitmap te preguntas de qué banco de imágenes lo habrán sacado y qué filtros lleva.

5 Si ves una taza de leche lo primero que piensas es “ese balance de blancos…”.

Tazas con líquidos blanquecinos

Foto tomada con flash de tazas con líquidos blanquecinos

 

6 Ves destellos por todas partes, como los de Illustrator.

7 Para ti edredones y cojines son simplemente superficies cubiertas de diseños geométricos más o menos acertados.

 

Detalle de motivos geométricos de color en un cojín

Detalle de motivos geométricos de color en un cojín

8 Cuando ves algunas fotos tuyas, de familiares o amigos piensas “lástima de desenfoque gaussiano”.

 

9 Una simple mancha de café se convierte en una circunferencia con gotitas casi fractales o incluso en una célula bajo un microscopio.

Mancha de café con efecto viñeta

Manchas de café con efecto viñeta

 

10 Sabes que cualquier situación cotidiana esconde personajes del mundo del diseño gráfico deseosos de que los liberes.

 

Escena de comecocos con dos envolturas de queso minibabybel

Escena de comecocos con dos envolturas de queso minibabybel

Nov 04

Apuntes de tipografía II: ironías y anacronismos

By admin | comunicación , digital , diseño , economía , humor , psicología , publicidad , recomendado , tipografía

Hace unos días os proponía un experimento con seis tipografías distintas para observar cómo la elección de cada una de ellas influía en la imagen de seriedad y flexibilidad que proyectamos en el observador. Hoy me gustaría ir un poco más allá y proponer un juego que requiere una observación detenida y sutil.

Observa los siguientes gráficos y señala a cuáles de ellos les ves cierto punto irónico por la relación entre el diseño y el contenido y cuál o cuáles presentan cierta incoherencia histórica.

Gráfico 1

Términos de estadística del siglo XX con letra gótica

Términos de estadística contemporánea con tipografía JSL Blackletter (creada con Wordle.net)

Esta letra de caligrafía gótica es atractiva y elegante, aunque no demasiado legible. Además, hay algo extraño en el conjunto, ¿no te parece?

Gráfico 2

Gráfico con tipografía Kenyan Coffee. Fíjate sobre todo en el "pilar" del gráfico

Gráfico con tipografía Kenyan Coffee (creada con Wordle.net)

 

Pista para este gráfico: Fíjate sobre todo en la parte inferior.

 

Gráfico 3

 

Observa la parte superior del gráfico, la especie de torre

Gráfico con tipografía Kenyan Coffee (creada con Wordle.net)

Pista: Observa la parte superior del gráfico, la “torre” central.

 Soluciones

Veamos las soluciones. La gráfica nº 1 resulta bonita pero irónica porque representar en letra gótica conceptos estadísticos que se acuñaron siglos después tiene su punto anacrónico. Además, la letra caligráfica de este tipo hace pensar en amanuenses, en una tarea que se realiza a escala individual y no en los grupos y los grandes números que suele emplear la estadística.

La gráfica 2, que casualmente utiliza la misma tipografía que la 3, presenta el rasgo irónico de que si la contemplamos como un edificio, su pilar, la base sobre la que se sustenta y que le permite elevarse es el “Error Probable“. Es irónico y al mismo tiempo no lo es, porque conocer e informar del error probable de un estudio estadístico es  importante y constituye un buen punto de partida para evaluar la validez de los datos.

A la gráfica 3 le pasa algo parecido a lo que ocurría con el anterior. Si consideramos el diseño como una infografía y nos fijamos en la parte superior observaremos que lo que hace ganar altura a nuestro gráfico es de nuevo el “Error Probable”. A primera vista disponer de un mirador elevado gracias a algo llamado “Error Probable” no parece muy prometedor. Sin embargo, como ocurría en la gráfica anterior, esta disposición no resulta tan irónica porque conocer e indicar cuál es el error probable de un análisis estadístico es un buen punto de partida que nos puede dar amplitud de miras.

Los gráficos de este post los he creado con la aplicación online gratuita Wordle.net

También te puede interesar:

Nov 02

Apuntes de tipografía: serio y flexible

By admin | comunicación , digital , diseño , escritura , psicología , publicidad , recomendado , tipografía , usabilidad

Cuando eliges una portada para tu informe, un tipo de letra para tu presentación o un diseño concreto para tu blog estás enviando un mensaje gráfico a tus lectores. La tipografía, el diseño y la maquetación tienen mucho peso en nuestra percepción de los contenidos a los que somos expuestos, porque el medio visual elegido establece un marco desde el cual interpretamos el mensaje. Pero, ¿sabes de qué manera ocurre?

Te propongo un experimento para verlo de forma muy directa. Observa los dos siguientes gráficos creados con términos de estadística y dime cuál te parece más fiable.

Gráfico 1

Glosario letras movidas editado

Nube de términos con tipografía tipo imán de nevera (Alpha Fridge Magnet All Caps de Worle.net)

 

Gráfico 2

 

Los mismos términos con otra tipografía

Los mismos términos con otra tipografía (Vigo- Wordle.net)

La irregularidad y el movimiento de las letras del gráfico 1, que representan los imanes típicos de la nevera les da cierto atractivo visual pero al mismo tiempo hace que no sean adecuadas para un mensaje técnico como el de este caso (da la sensación de que  que las medias fueran a estar mal calculadas, por ejemplo). La tipografía del gráfico 2 con letras bien definidas y disposición recta y ordenada es mucho más acorde con el tema estadístico del mensaje y le da mayor credibilidad.

 

Veamos el siguiente par de gráficos. ¿Cuál de los dos te parece más serio y fiable?

 

Gráfico 3

Mismos términos con letra de tipo manuscrito

Mismos términos con letra de tipo manuscrito (Enamel Brush- Wordle.net)

Gráfico 4

 

mismos términos con letra de palo muy limpia

Los mismos términos con letra “de palo” muy limpia (Expressway Free-Wordle.net)

 

Al comparar estos dos gráficos, encontramos que el gráfico 3 emplea una tipografía más irregular, parecida a la letra manuscrita, que le resta credibilidad al mensaje ya que incluso en algunas palabras cuesta distinguir la “a” de la “o”. La irregularidad del trazo hace que la maquetación también sea necesariamente irregular.

Por su parte, el gráfico 4 resulta claro, limpio y transmite una gran sensación de credibilidad y profesionalidad. Los colores de ambos gráficos están en la misma gama, por lo que el color aquí no contribuye a la diferencia.

Demos un paso más allá con el siguiente par y juguemos un poco a la “adivinación” tipográfica. ¿Con quién preferirías negociar, con el autor del gráfico 5 o con quien ha diseñado el gráfico 6?

Gráfico 5

Tipografía rotunda y  contundente

Tipografía rotunda y contundente (Tank Like de Wordle.net)

Gráfico 6

Mismos términos con tipografía Mail Ray Stuff

Mismos términos con tipografía Mail Ray Stuff de Wordle.net

 

Esta pregunta tiene un mayor grado de subjetividad y la respuesta se puede ver influida por factores personales extratipográficos. En mi caso, yo preferiría negociar cualquier cosa con la persona del gráfico 6, ya que los trazos redondos, las pequeñas asimetrías e inclinaciones de las letras unidos a los espacios en blanco dan la sensación de que la persona que lo ha dibujado es más flexible, abierta e imaginativa que el autor del “aplastante” gráfico número 5. El número 6 es un gráfico orgánico, con margen para otras personas e ideas y con aire para respirar.

Sin embargo, las letras de bloque con gruesos perfiles del gráfico 5, el diseño lineal y recto, la densidad, el tamaño de letra y la falta de espacios en blanco me hacen pensar en alguien recio, muy contundente y poco abierto a lo nuevo. Los gruesos bloques de las letras parecen más piezas de un Tetris que verdaderas letras. En resumen, parece que el objetivo fuera ocupar todo el espacio y no dejar resquicio para nada más…

Los gráficos de nube de tags de este artículo recogen los términos del glosario del libro “Cómo mentir con estadísticas” de Darrell Huff y los he creado con la aplicación online gratuita Wordle.net. Este programa permite elegir la disposición de las palabras (Layout), la paleta de colores y el fondo (Color) y la tipografía (Font). Para aumentar el tamaño de letra de los términos que se quieran destacar hay que repetir el concepto en cuestión (a mayor número de repeticiones mayor tamaño). Hay que emplear términos de una sola palabra para que no aparezcan por separado (de ahí que yo haya escrito “MediaAritmética” y no “Media aritmética”).

Si te interesa el diseño gráfico y la tipografía te recomiendo que entres en la aplicación y trastees porque se pueden hacer cosas muy curiosas y aprender sobre la marcha.

Oct 14

Apuntes de diseño: And all that (design) CRAP

By admin | comunicación , digital , diseño , formación , publicidad , recomendado , tipografía , usabilidad

Querido diseñador en ciernes, apúntate la palabra “CRAP”. Yo ya la he anotado con formas circulares de distintos colores como recomienda Tony Buzan para sus mapas mentales.

El término CRAP procede del inglés, pero en este contexto (y sobre todo sin la palabra “holy” delante) no significa lo que indica Wordreference. En realidad, se trata de una expresión mnemotécnica creada para recordar los cuatro factores fundamentales de todo buen diseño: Contraste, Repetición, Alineación y Proximidad.

La norteamericana Robin Williams dice ser la creadora de estas siglas que se han vuelto tan populares en el ámbito del diseño (haz la prueba, busca en Google “CRAP diseño” o “CRAP design”). Creadora o no de este término (estas cuestiones son muy difíciles de rastrear y verificar), Williams ha escrito dos libros magníficos, uno sobre diseño para no diseñadores y otro de Illustrator para no diseñadores.

Tanto el de diseño como el de Illustrator son libros claros, completos y muy amenos, que han sido éxito de ventas y recibido premios. Yo los tengo en inglés, pero Anaya ha publicado versión española de Diseño Gráfico: Principios y tipografía así como de un libro de la autora sobre Illustrator y este otro de Photoshop.

Diseño gráfico de Robin Williams, un libro muy recomendable

Un libro muy recomendable, sobre todo para principiantes

 

Volvamos a nuestro CRAP. Si te fijas, en las siglas para Contraste, Repetición, Alineación y Proximidad hay un primer par de opuestos,  lo distinto y lo igual (contraste-repetición) y después pasamos a lo que empieza en igual punto y a aquello que está cerca de otros elementos (alineación y proximidad).

El contraste puede ser de color, de tipografía y de tamaño, posición o estilo, mientras que la repetición puede consistir en reiteración de elementos, tipografías, colores o estilos.
Ejemplo de diseño basado en contraste y repetición (fuente: Monstreh vía Pixabay) https://pixabay.com/es/sumi-e-total-de-tinta-negra-east-711491/

Ejemplo de diseño basado en contraste, repetición, alineación y proximidad (ilustración de Monstreh vía Pixabay)

Por su parte, la alineación y la proximidad pueden aplicarse a todos los elementos o a parte de ellos, lo que a su vez produciría contraste entre los elementos alineados entre sí y los que no lo están, o entre los próximos, que se percibirían como relacionados entre sí, y los alejados, que se verían como ajenos o distintos.

Diseñar consiste en algo más que saber manejar las herramientas y ser capaz de entender las necesidades del cliente. También requiere tener nociones de composición, de uso del color, de la tipografía y conocer las líneas maestras de la historia del diseño y las artes plásticas, además de conocer los distintos soportes, técnicas de impresión y sus características.

Para internarse en este complejo mundo conviene empezar por analizar los diseños en términos de CRAP. Las cosas empezarán  a cuadrar y podrás argumentar por qué te parece que un diseño funciona o no y abandonar el resbaladizo terreno del “me gusta”/”no me gusta”.

 

Oct 09

Cuánto sabes de artes gráficas (IV): Soluciones

By admin | comunicación , digital , diseño , publicidad , recomendado

Como lo prometido es deuda, aquí van las soluciones correctas al test sobre artes gráficas publicado el miércoles pasado.

 

1 “Encapsulado” es…

b) Una forma de acabado mediante plastificado en sandwich.

 

2 Los elementos visualizadores son…
c) Los elementos que permiten que una tinta sea visible, como el pigmento en polvo, el aditivo y el vehículo.
3 “Flushing fluid” es…
b) El solvente de una impresora o de una prensa.
4 pH…
b) Se refiere al Potencial de Hidrógeno de una sustancia y es un factor importante del comportamiento del agua con las tintas.
5 “Menos fondo” es…
c) Una manera habitual de crear formas en Illustrator.
Impresora de cuatricromía

Impresora de cuatricromía

6 El término “banding” se refiere a…
e) Un defecto de impresión que consiste en la creación de bandas blancas o de color.
7 El “mojado” es…
c) Un paso del proceso de impresión.
8 El término “pasada”… 
a) Corresponde al recorrido de izquierda a derecha de un cabezal de impresión de una impresora digital.
9 “Cola de impresión” es…
b) El sistema de gestión de los archivos pendientes de ser impresos.
10 La pila de salida es…
b) El lugar por donde salen los impresos.
Oct 07

Cuánto sabes de artes gráficas (IV)

By admin | comunicación , digital , diseño , humor , recomendado

Recuperamos hoy nuestros “famosos” cuestionarios sobre artes gráficas con esta nueva entrega. Como siempre, el ejercicio consiste en averiguar la respuesta correcta.

1 “Encapsulado” es…

a) La palabra empleada en la famosa canción de Radio Futura: “Y lo que pasa es que estás encapsulada y eso que dices que ya no tomas nada, pero me dicen por ahí que sí, que sí y dicen, dicen”.

b) Una forma de acabado mediante plastificado en sandwich.

c) El adjetivo que se emplea para describir a gente poco espontánea o encorsetada.
d) El acabado de las famosas “megapearls”.
e) El estado en que se te quedan las piernas cuando te tiras cuatro horas sentado/a diseñando una infografía compleja en una mesa diseñada para pitufos.
2 Los elementos visualizadores son…
a) Esos cacharros vintage que permiten ver dispositivas de la Torre Eiffel al presionar un botón.
b) Un software para edición de imágenes.
c) Los elementos que permiten que una tinta sea visible, como el pigmento en polvo, el aditivo y el vehículo.
d) Un filtro de pantalla que facilita la visión al mejorar el contraste.
3 “Flushing fluid” es…
a) El agua de la cisterna.
b) El solvente de una impresora o de una prensa.
c) El Harpic cloromatic de toda la vida.
d) Un fluido corporal de Míster Proper, Don Limpio, o como se llame ahora…
4 pH…
a) Significa Pequeño Hermano, un experimento sociológico televisivo que consiste en elegir a una docena de personas cultas y equilibradas y observar cómo interactúan de forma civilizada y bastante aburrida.
b) Se refiere al Potencial de Hidrógeno de una sustancia y es un factor importante del comportamiento del agua con las tintas.
c) Alude al Perenne Hastío que genera cualquier materia.
d) Se refiere al Porcentaje de Hirsutismo de alguien, es decir, cuán peludo es, porcentaje que suele ser insatisfactorio por exceso o por defecto.
5 “Menos fondo” es…
a) Lo que te recrimina tu monitor de spinning a la vuelta del verano.
b) Lo que tienen tus hijos cuando hay lentejas en lugar de pasta.
c) Una manera habitual de crear formas en Illustrator.
d) Lo que exclamas desesperado cuando por fin encuentras en Ikea un armario que te gusta pero resulta que tiene poca capacidad…
Impresora de cuatricromía

Impresora digital de cuatricromía (Fuente: Pixabay)

6 El término “banding” se refiere a…
a) Una práctica parecida al “balconing” pero realizada con una cinta elástica.
b) Una formación musical especializada en desfiles que cuenta con instrumentos de viento y percusión.
c) Una palabra que describe la tendencia de los “malotes” a asociarse en bandas.
d) Una técnica de gamificación empleada en colegios religiosos que emplea bandas en lugar de “badges”.
e) Un defecto de impresión que consiste en la creación de bandas blancas o de color.
7 El “mojado” es…
a) Una práctica de la que no se debe hablar en horario infantil.
b) El inefable placer de introducir un churro en una taza de humeante café con leche.
c) Un paso del proceso de impresión.
d) Un error que a veces se produce en el proceso de impresión.
8 El término “pasada”… 
a) Corresponde al recorrido de izquierda a derecha de un cabezal de impresión de una impresora digital.
b) Es una forma de referirse al último dispositivo de Apple.
c) Es una manera de comentar el precio del último dispositivo de Apple.
d) Es una expresión para calificar enfáticamente la última medida del gobierno local o estatal sin dejar claro a nuestro interlocutor si nos parece muy buena o muy mala.
9 “Cola de impresión” es…
a) La que se forma en las tiendas Apple cada vez que sacan un nuevo dispositivo.
b) El sistema de gestión de los archivos pendientes de ser impresos.
c) Otra pregunta no apta para menores en el test de hoy…
10 La pila de salida es…
a) La energía extra que requiere ser una mujer muy ardiente a partir de cierta edad.
b) El lugar por donde salen los impresos.
c) Otra pregunta no apta para horario infantil.
Aquí están las respuestas.
Enlaces a las entregas anteriores sobre artes gráficas:
Oct 05

Percepción, contexto e interpretación

By admin | comunicación , diseño , psicología , recomendado

En el post Efecto 3D analógico comencé a explorar las vías “subterráneas” que comunican el diseño con la vida cotidiana o los programas de ilustración con el “gran mundo off line”, esos pequeños atajos que nos permiten transitar entre la realidad y nuestra percepción.

Pues bien, el otro día encontré un pasadizo entre ambos mundos que me gustaría recorrer contigo ahora. Observa esta foto.

circulos_degradado_primera_web

Foto de tres círculos con degradados en tono claro

La imagen muestra tres círculos blanquecinos, con distinta intensidad y brillo. Si quien ve la imagen está familiarizado con Illustrator o cualquier programa de dibujo vectorial, lo más probable es que haya pensado inmediatamente en elipses con degradados de distinta opacidad en una gama blanca-beige. En la mente del diseñador se habrá activado una “plantilla” parecida a esto:

 

versión vectorial de la fotografía

Mi interpretación de la foto de arriba en clave vectorial

Incluso puede que algunos con un interés especial por las texturas (personas con un perfil táctil según la Programación Neurolingüística) hayan imaginado algo así:

Elipses con degradado sobre textura rugosa

Elipses con degradado sobre textura rugosa

 

Los lectores no diseñadores habrán interpretado la imagen en términos de luces, contrastes y texturas. Probablemente hayan pensado en luz cenital, iglesias, vidrieras o claraboyas. Quizá, incluso, en lupas o espejos.

En esta disposición de la imagen con tres círculos a lo ancho bajo una línea, diseñadores y no diseñadores tendemos a interpretar la línea horizontal como un pequeño zócalo o como el borde de un plano o superficie y tenemos la sensación de que los círculosdescansan” sobre una superficie horizontal rugosa.

La foto siguiente desmiente esta interpretación.

 

Círculos degradado línea diagonal

Círculos con degradado debajo de franja diagonal

Esta nueva disposición de los elementos nos “descoloca” ya que ahora además de la fina línea horizontal encontramos una ancha franja diagonal que hace pensar inequívocamente en una luz intensa y por tanto en un contraluz que resulta incongruente con lo que habíamos interpretado antes.

La foto siguiente pone las cosas en su sitio.

 

 

Posición original de los tres círculos degradado

Posición original de los tres círculos degradado

 

Efectivamente, la representación completa en la disposición original describe bien las relaciones entre los elementos, así como la causa y el efecto. La luz que viene de la derecha atraviesa el cristal de triple capa generando tres reflejos circulares de distinta intensidad y tono sobre la pared de gotelé (superficie que antes creíamos horizontal). La capa intermedia del cristal tiene una malla metálica con una cuadrícula que genera lo que se percibe como una textura de líneas horizontales que he reproducido en la versión vectorial, aunque en realidad se trata de una cuadrícula.

Extrapolando esto a otras situaciones cabe decir que a la hora de interpretar situaciones o circunstancias es importante asegurarse de que tenemos acceso al contexto original completo y permanecer alerta para evitar que nuestras “plantillas” perceptivas personales nos den gato por liebre…

 

Sep 30

Anatomía de un truco de magia de “El Hormiguero”

By admin | comunicación , digital , diseño , psicología , recomendado

El conocimiento de las propiedades de las cosas es un instrumento muy útil para sorprender, entretener e incluso manipular. Los abogados, psicólogos, vendedores y los magos lo saben muy bien.

Los integrantes de “El Hormiguero” además de saberlo lo ponen en práctica a diario, en general con éxito, aunque a veces los experimentos no salen porque las cosas se “empeñan” en presentar anomalías en su estructura o comportamiento, como sucede a menudo en las secciones de Marrón y de El hombre de negro.
La semana pasada Manolo Sarriá (el alto del Dúo Sacapuntas) hizo tres números de magia como sustituto de Jandro.

Sobre la parte artística del show cabe hacer pocas observaciones: empleó repetidamente la típica gracia de decirle a la guapezna Vanessa Romero que se acercara y a Motos que se alejara, le mandaba a alimentar a las hormigas y las socorridas bromas sobre su altura (“ponte de pie, Pablo”).

En lo que se refiere a los números de magia en sí hay que señalar que para el primero se valió de una baraja “trucada” mediante algún tipo de adhesivo y después eligió una carta que estaba bocabajo y la apartó para posteriormente pedirle a la guapa que escogiese un dado de los tres que había. Como se verá después, para este número daba igual cuál eligiera siempre que fuera un dado estándar, pero para darle más emoción o simplemente como maniobra de distracción el mago fingió que la elección no le gustaba.

dado4_porobjetos_web

[Dados diseñados por mí con Illustrator. Tutorial sobre cómo hacerlos]

La “guapa” lanzó el dado y salió un seis, pero daba igual el número que saliera porque lo que iba a pedir el mago es que sume la cara de arriba y la de abajo y divida la suma entre dos. Resulta que sale 3,5 (6+1/2), como ocurriría con cualquier combinación de caras opuestas de un dado estándar, ya que los lados opuestos siempre suman 7 (6-1, 2-5; 3-4), como aprendí el otro día en mi curso de diseño gráfico, mientras dibujaba los dados que veis más arriba.

En este momento parece que el cómico metido a mago va a fallar porque en una baraja de póquer normal como es sabido y como nos hace ver Pablo Motos no hay ninguna carta con un 3 y medio. Cara de consternación empática de la guapa como era previsible, susurros entre el público. Pero evidentemente en esta baraja sí hay esa carta “inventada”: ha sido tan fácil como contar con una carta de tres tréboles y medio (la mitad de un trébol en vertical, cambio en la numeración de arriba y abajo; ver minuto 6:09 del vídeo y captura de más abajo), marcar el dorso y elegirla al principio del número.

Carta de póquer trucada

Captura de la carta trucada del número de Manolo Sarriá

 

Motos dice que de acuerdo, pero que para ser contratado en el programa debe realizar con éxito un tercer número de magia. El integrante del Dúo Sacapuntas disfrazado de Jandro saca una bolsa de papel marrón y una botella y tras soltar el chiste de los políticos corruptos que hacen desaparecer ordenadores (un chiste algo pasado y demasiado previsible) finge ser muy torpe y haberla pifiado para aprovechar un cambio de cámara y hacer finalmente “desaparecer” la botella.

Conocer la estructura de las cosas y cómo funciona la atención de quienes nos observan es una manera excelente de adelantarse y sorprender a los demás en muchos órdenes de la vida. Vivimos rodeados de “puzzles” y si conocemos el tipo de escena que representa cada puzzle (su estructura, sus partes y la relación entre ellas) resulta fácil montarlo de manera rápida y eficaz y sorprender a quienes nos contemplan.

Sep 28

“Emojis” de Whatsapp y jamón ibérico

By admin | comunicación , digital , diseño , humor , lenguaje , recomendado , redes sociales

Hace unos días publicaba un post con 21 refranes cifrados en lenguaje emoji y otro artículo con las soluciones.

Hoy voy a recoger algunas curiosidades sobre esas cadenas de adivinanzas con emojis y una especie de “making of” sobre cómo preparé los post. He tratado de localizar la fuente o el autor de estos 21 emojis refraneros para despejar ambigüedades y documentar el artículo, pero me ha sido imposible.

Lo que sí he podido saber es que en 2013 hubo una oleada de emojis refraneros iniciada por el guionista y director de cine Rodrigo Sopeña de la que se hizo eco Luis Piedrahita, según comenta Jaled Abdelrahim aquí. Los emojis “castizos” de Sopeña consistían en una serie de 69 refranes visuales, que aún se pueden consultar en una web  para profesores de español para extranjeros.

Tratando de esclarecer el significado de algunos de los refranes de la “Lista de 21 emojis” terminé en el foro de esta web. Allí vi que la frase visual más ambigua era la número 8.

Misterioso refrán español en lenguaje emoji

Misterioso refrán español en lenguaje emoji

Castellanoparlantes de diversos países interpretaban cosas muy diversas, por ejemplo: “No siempre al mejor puerco le toca el mejor hueso”, o “No es amor al chancho sino a los chicharones”. Otro más traducía los emojis como “quien no tiene corazón de puerco tiene corazón de pollo” y un cuarto,“A cada marrano le llega su noche buena” (sic).

Para mí la interpretación más plausible de esta cadena de emojis es “No te enamores de un cerdo porque te guste el jamón”, porque aunque no conozco ese refrán creo que es el que mejor cuadra con los iconos. Había también internautas que señalaban que el refrán era “A cada cerdo le llega su San Martín”, pero no se ve ningún emoji que pueda representar a San Martín…

Como comenté en su momento, la frase que me resultó más surrealista fue la del refrán número 7…

Refrán número 7

….que finalmente significaba “Camarón que se duerme se lo lleva la corriente”. Investigando en la red sobre ella encontré material curioso que compartí con vosotros aquí.

 

Si quieres estar al tanto de las actualizaciones de esta bitácora ve a “Suscríbete al blog”, al final de la columna derecha.

1 2 3 5