Logotipo de Spanair: Sonría por favor (o el círculo como elemento de diseño semiótico)

Me encanta.

Me encanta el rediseño del logotipo de Spanair:

Logotipo de Spanair. Una sonrisa cruzando el globo del mundo

Dicen que es un avión cruzando el mundo aunque los propios empleados de la aerolínea comentan lo que ven, una sonrisa:

Algunos sostienen que se parece al logotipo de Sony Ericsson:

Logotipo de Sony Ericsson

Aunque  yo me decanto más por el de Pepsi:

Logotipo de Pepsi

Parecido que otros asimismo establecen y sumarizan comentando de donde deriva el de Spanair:

Derivacion del logotipo de Spanair. De izquierda a derecha: Logotipo de Boeing + logotipo de Pepsi + logotipo de Expedia

Derivacion del logotipo de Spanair. De izquierda a derecha: Logotipo de Boeing + logotipo de Pepsi + logotipo de Expedia

Y es que el círculo es uno de los recursos más poderosos que como diseñadores tenemos a nuestro alcance para focalizar y atraer nuestra atención ya que en la naturaleza, pocas formas hay puramente circulares que podamos percibir cotidianamente, salvo aquella por excelencia de la que dependemos, nuestro astro rey:

Fotografía de la Nasa del Sol

…y que sirven junto a una correcta elección de los colores y estudio de las formas para construir marcas potentes que en momentos decisivos transmitan confianza y llamen a la acción para empujar al cambio:

Desde luego que toques de diseño emocional incorpora el logotipo de Spanair, ya que además de la sonrisa tiene un cierto toque retro que nos recuerda a algunos grandes iconos de nuestra juventud (y que marcaron en su momento todo un hito tecnológico):

Fotografía de la máquina del PacMan (ComeCocos)

Captura de pantalla de la máquina de PacMan

Parecido que emerge y se hace evidente si invertimos sus colores utilizando alguna herramienta como Photoshop:


Logotipo de Spanair - Colores invertidos: Emerge el ComeCocos que hay en el logo

(Fijaros en el logotipo original en el detalle de cómo acentúan con un sutil degradado a naranjas más fuertes en donde estaría el comienzo de la boca y a claros en la versión negativa del logotipo)

Y es que aunque nuestra mente consciente no lo perciba, nuestro subconsciente es muy bueno detectando los patrones y mensajes que se ocultan detrás de las formas, recurso extraordinariamente potente que bien utilizado puede dar mucho juego y en cuyos principios se sustenta aquello que llamamos Arte (si no os habéis dado una vuelta por él, os recomiendo visitar el Museo Thyssen Bornemisza, y si no vivís en Madrid, echarle un vistazo a su exposición virtual de arte moderno).

Usados consciente e intencionadamente estos recursos de diseño  nos permiten hacer cosas realmente interesantes:

Logo de Android: Robot verde sobre blanco ¿Rebelde o enfadado?

¿Qué valores quieres transmitir Google con sus terminales Android en contraposición al elitismo de los iPhones?

¿Es un androide rebelde? ¿Enfadado? …

Logotipo de Android: Robot blanco sobre fondo verde. El efecto que provoca es el opuesto, amigabilidad, cercanía, calidez incluso un cierto aire de sumisión, observación o expectación

¿y qué valores transmiten si invertimos los colores de la imagen y los espacios positivos pasan a ser negativos y los negativos positivos?

El efecto que provoca es el opuesto, amigabilidad, cercanía, calidez incluso un cierto aire de sumisión, observación, expectación…  ¿curiosidad?

El círculo es un poderoso atractor de la atención. Los bordes redondeados transmiten calidez y cercanía (de ahí que nos gusten tanto a los Diseñadores de Interacción y gráficos y que les gusten tan poco a los maquetadores por el trabajo que les dan hasta que llegue CSS3).

Si quieres crear un punto focal de atención en tu web usa los círculos

Si quieres que tu marca sea interesante, usa los círculos

Combinándolos con otros recursos semióticos de Diseño de Información (proporciones aúreas, superposición de elementos circulares en capas para crear movimiento, linealidad en torno a ejes espaciales en 3 dimensiones…) los resultados pueden ser francamente espectaculares ayudando a crear marcas tan potentes a nivel mundial como la de Pepsi.

Briefing creativo de cómo se gestó el diseño del logotipo de Pepsi (PDF) (vía blog de Alex Faaborg)

Rediseñando el logotipo de Firefox (vía blog de Alex Faaborg)

Simplicidad, armonía, equilibrio, calidez, cercanía, complicidad, ritmo, dinamismo, movimiento, credibilidad…

…en resumen y concluyendo, me encanta el logotipo y la nueva marca de Spanair.

Enhorabuena.

Logotipo de Spanair. Una sonrisa cruzando el globo del mundo

--

 

Google insiste con el diseño emocional: Doodle de Comecocos

Para conmemorar el 30 aniversario del lanzamiento de esa popular máquina que se llevaba nuestra paga semanal religiosamente, Google ha decidido sustituir su logo por una versión jugable del videojuego del comecocos (o Pac-Man).

Pac-Man. Vídeojuego del Comecocos como logo (Doodle) de Google

Una vez más, tiran de puro y duro Diseño Emocional para humanizar una fría interfaz.

No se puede decir más que una cosa:

Excelente

Como por aquí también tenemos empresas muy sensibilizadas con el tema del Diseño Emocional, a ver si alguna nos sorprende algún día con una versión jugable del Donkey Kong (por ejemplo ;-)

Por cierto, ¿qué os gustaría ver a vosotros como logo de Google? ¿Alguna sugerencia?

--

 

Pie de 11870: Creando tendencia en cuanto a look & feel y diseñando para las emociones

Post actualizado (*)

Y de nuevo, el equipo de UX y diseño gráfico de 11870.com lo ha vuelto a hacer y ¡los ROBOTS vuelven a la carga!

Esta es una captura del pie de hoy de su home:

Pie de Pagina de 11870.com - Definiendo el look & feel y diseñando para emociones

No sé si vosotros hacíais recortables de pequeños. Yo sí. Y estas son justo el tipo de cosas que te traen a la memoria aquellas épocas y te hacen esbozar cuando menos una sonrisa. El tipo de cosas que humanizan una interfaz y un sitio frío. Y el tipo de cosas que pueden crear tendencia en cuanto a diseño de UX, look & feel y diseño emocional se refiere en los sitios web.

¡¡¡A imaginar diseñadores…!!! (Y a ser un poco más humanos directores/gestores/responsables de las webs, que de esto trata la cosa, de crear experiencias de usuario. Tus usuarios y tu cuenta de resultados lo agradecerán. ¿Acaso necesitas más razones para empezar a poner en práctica este tipo de iniciativas?

Y lo mejor de todo es que, aparte del pie… tienes un enlace bien majo para descargarte el recortable navideño del robot con su ZX Spectrum 48k :-)

Recortable navideño del robot de 11870.com

Ante esto sólo puedo decir una cosa, de nuevo, enhorabuena a Esther, al equipo y al Director de UX. Buenísimo.

Pd. No me resisto a hacer una pequeñísima sugerencia, ya sé que el diseño es plano pero precisamente por eso y para resaltar aún más el enlace ¿habéis probado a ponerle una sombra debajo muy pequeña para crear un efecto de oclusión y potenciarlo como foco de atención? Podría quedar bien :-)

(*) Otros pies de página que acabo de ver y que me han llamado la atención:

Smashing Magazine - Pie de página

Smashing Magazine - Pie de página

Foodspoting.com - Pie de página

Foodspoting.com - Pie de página

--

 

Google y el Diseño Emocional

Post actualizado (*):

Cómo humanizar una interfaz y una aplicación de software:

Logotipo de Google. Diseño emocional

De los mejores logotipos que ha diseñado Google hasta la fecha. Me pregunto qué incremento de volumen de tráfico tendrá extra el buscador por la publicación puntual de logotipos como éste. Por otro lado es una estupenda forma de fidelizar a los usuarios con el servicio. Y es que aquí, lo que se transmite, son emociones, exactamente del mismo tipo que la de “Voy a tener suerte”.

Otro referente al respecto es Bing. Algunas de las imágenes diarias que escogen son realmente impresionantes (abajo la de hoy):

Bing. Diseño emocional

(*) Parece que el logo de Barrio Sésamo de ayer gustó y hoy, Google repite:

Google. Diseño emocional. Epi y Blas. 40 aniversario Barrio Sésamo

y la imagen de hoy de Bing:

Bing. Diseño emocional. Uso de imágenes para humanizar la interfaz

10 de noviembre de 2009:

Doodle resumen de todos los que ha puesto en estas dos semanas Google:

Doodle de Barrio Sésamo

Doodle de Barrio Sésamo

--

 

Switch to our mobile site