“Vamos hacia adelante mirando por el espejo retrovisor.” – Marshall McLuhan

En la década del 70, y con más fuerza, desde la década del 80 del siglo pasado, muchos diseñadores empezaron a buscar caminos alternativos al Movimiento Moderno Internacional, generando un amplio abanico de expresiones que se engloban bajo lo que se conoció como Posmodernismo.

Entre esas variadas formas de abordar los cambios visuales, están los que volvieron a mirar hacia el pasado, especialmente a los ismos de principio de siglo, a veces con referencias sutiles, otras para nada sutiles, en lo que se llamó “la era de la apropiación”.

De los ismos de principio de siglo, mencionaremos cuatro que son los que mayor atracción provocaron:

Futurismo

Posmodernismo y Diseño Web
Filippo Marinetti, “Montaje tumultuoso”, 1919
Posmodernismo y Diseño Web
Fortunato Depero, 1930

Constructivismo Ruso

Posmodernismo y Diseño Web
El Lissitzky, “Golpead a los blancos con la cuña roja”, 1919
Posmodernismo y Diseño Web
El Lissitzky, portada de Russland, 1920
Posmodernismo y Diseño Web
Alexandr Ródchenko, afiche para la Editorial Literaria del Estado, 1925
Posmodernismo y Diseño Web
Alexandr Ródchenko, afiche para la película “Cine-ojo: La vida al imprevisto”, 1924
Posmodernismo y Diseño Web
Georgii y Vladimir Stenberg, afiche para la película “El hombre de la cámara”, 1929
Posmodernismo y Diseño Web
Gustav Klutsis, cubierta de libro, 1928

Dadaísmo

Posmodernismo y Diseño Web
Hannah Höch, “Corte con el cuchillo de cocina a través de la barriga cervecera de la República de Weimar”, 1919
Posmodernismo y Diseño Web
Raoul Hausmann, “ABCD”, 1920
Posmodernismo y Diseño Web
John Heartfield, cubierta de “Deutschland Deutschland über alles” de Kurt Tucholsky, 1927

Surrealismo

Posmodernismo y Diseño Web
Max Ernst, ilustración para la novela “Una Semana de Bondad”, 1933
Posmodernismo y Diseño Web
René Magritte, “El castillo en los Prineos”, 1959
Posmodernismo y Diseño Web
René Magritte, “Tiempo paralizado”, 1938
Posmodernismo y Diseño Web
Salvador Dalí, “La persistencia de la memoria”, 1931
Posmodernismo y Diseño Web
Salvador Dalí, “El sueño”, 1937

Veamos algunos ejemplos de diseño, algunos en donde la apropiación fue directa y otros donde se tomó con más libertad.

Podemos hablar de la gráfica de la banda Franz Ferdinand y sus claras referencias al constructivismo ruso:

Posmodernismo y Diseño Web
Posmodernismo y Diseño Web
Posmodernismo y Diseño Web

Y otros ejemplos de diseño gráfico que hacen referencia al constructivismo ruso, como los afiches “Turn Around”, diseñados por el Estudio Spur Design en el 2003, y que recuerdan algunas figuras diseñadas por Rodchenko por 1923:

Posmodernismo y Diseño Web
Posmodernismo y Diseño Web

O los diseños del Studio Number One fundado por Shepard Fairey (OBEY), para “Saks Fifth Avenue”:

Posmodernismo y Diseño Web
Posmodernismo y Diseño Web

U otros trabajos del propio OBEY:

Posmodernismo y Diseño Web
Posmodernismo y Diseño Web

También podemos mencionar algunos trabajos de Paula Scher:

Posmodernismo y Diseño Web
Posmodernismo y Diseño Web

Y por supuesto, no pueden faltar las cubiertas, con influencias surrealistas, de Storm Thorgerson para Pink Floyd y otras bandas:

Posmodernismo y Diseño Web
Posmodernismo y Diseño Web

O las ilustraciones de Roger Dean para Yes:

Posmodernismo y Diseño Web

Y sus islas flotantes:

Posmodernismo y Diseño Web

Luego popularizadas por la también, apropiación, de James Cameron para Avatar (tan apropiadas que implicó una demanda por parte de Roger Dean). Islas flotantes que aparecerán en muchos sitios web.

Influencias surrealistas también aparecen en muchos otros diseñadores, como el francés Michal Batory:

Posmodernismo y Diseño Web

O en buena parte del afichismo polaco. Veamos un trabajo de Stasys Eidrigevicius, por mencionar uno:

Posmodernismo y Diseño Web

Para no extendernos más, solo mencionar que podemos encontrar en el diseño gráfico creado a partir de la década del 80, muchas otras referencias en esas miradas al pasado, como el resurgimiento del collage dadaísta, o los juegos tipográficos, principalmente inspirados en el futurismo y el dadaísmo, sin preocupación por la funcionalidad.

A nivel de diseño web, hace unos pocos años, podíamos encontrar muchas referencias a esos ismos, pero actualmente muchos de esos sitios han desaparecido a favor de una preocupante uniformidad visual, que podría compararse a la situación del diseño gráfico a mediados de los 70, y que llevara a que muchos jóvenes diseñadores buscaran otras soluciones diferentes al orden establecido.

Quizás el desconocimiento del pasado, quizás aspectos técnicos que hasta hace poco limitaban mucho a los diseñadores web, quizás falta de interés, o quizás un sometimiento demasiado estricto a los dictámenes de los “gurús de la usabilidad”, han reducido las experiencias visuales a favor del “negocio”. De todas formas, seguramente no tardarán en aparecer aquellos diseñadores que les guste “patear el tablero” y de vez en cuando “tirar la chancleta”.

Veamos entonces algunos sitios web que de alguna manera u otra miran por el espejo retrovisor, buscando inspiración, que los aleje de la uniformidad reinante:

Posmodernismo y diseño web
Posmodernismo y diseño web
Posmodernismo y diseño web
Posmodernismo y diseño web
Posmodernismo y diseño web
Posmodernismo y diseño web
Posmodernismo y diseño web
Posmodernismo y diseño web
Posmodernismo y diseño web
Posmodernismo y diseño web
Posmodernismo y diseño web
Posmodernismo y diseño web
Posmodernismo y diseño web
Posmodernismo y diseño web
Posmodernismo y diseño web
Posmodernismo y diseño web
Posmodernismo y diseño web
Posmodernismo y diseño web

Próximo post: deconstruyendo…

Para los que la simplicidad aún les parece demasiado cargada, seguramente se vean reflejados en quienes llevaron la famosa premisa de Mies van der Rohe, “menos es más”, a extremos radicalmente minimalistas.

Antes de Mies, podríamos recordar a Kasimir Malevich y su famoso “cuadrado negro sobre fondo blanco” de 1915:

Minimalismo y diseño web

O el “cuadrado blanco sobre fondo blanco” de 1918:

Minimalismo y diseño web

Viniendo hasta la mitad del siglo XX podríamos referenciar a pintores como Ad Reinhardt, Frank Stella, Kenneth Noland o Barnett Newman:

Minimalismo y diseño web

También podemos mencionar a los escultores del “Minimal Art”, como por ejemplo, Carl Andre, Dan Flavin, Donald Judd, Robert Morris o Sol LeWitt:

Minimalismo y diseño web

Si entramos en el área de la comunicación visual podemos hacer referencia, por citar solamente un par de ejemplos, a las limpias publicidades de los años sesenta de Helmut Krone (DDB) para Volkswagen:

Minimalismo y diseño web

O viniendo a nuestros días, los afiches minimalistas de series de TV realizados por Albert Exergian:

Minimalismo y diseño web

Veamos algunos ejemplos de diseño web en que se apostará, en general, a una estética minimalista, caracterizada por un diseño organizado en base a grillas o estructuras muy simples, el uso de una imagen única o casi única, o inclusive sin imágenes, pocos colores y éstos poco contrastados e inclusive paletas monocromáticas, tipografía y mensajes simples, y grandes zonas “en blanco”.

Minimalismo y diseño web
Minimalismo y diseño web
Minimalismo y diseño web
Minimalismo y diseño web
Minimalismo y diseño web
Minimalismo y diseño web
Minimalismo y diseño web
Minimalismo y diseño web
Minimalismo y diseño web
Minimalismo y diseño web
Minimalismo y diseño web
Minimalismo y diseño web
Minimalismo y diseño web
Minimalismo y diseño web
Minimalismo y diseño web

Próximo post: mirando por el espejo retrovisor.

Iniciamos con este post una serie de recopilaciones de sitios webs actuales, organizados de acuerdo a sus aspectos visuales, referenciados en corrientes del diseño y/o el arte, mayoritariamente del siglo XX.

En esta primera entrega veremos cómo siguen vigentes los aspectos de un diseño simple y racional, planteados en los inicios de la segunda mitad del siglo XX por lo que se conoció como la “Escuela Suiza” y posteriormente como el “Movimiento Moderno Internacional”.

Estarán presentes aspectos como el énfasis en la comunicación clara, en la funcionalidad (bautizada como usabilidad), en el uso de la grilla estructural, la búsqueda del orden, de la unidad, los contrastes y el aprovechamiento de los espacios en blanco, el uso de tipografías simples, entre otros aspectos.

Podemos retrotraernos, buscando antecedentes, en los trabajos de Josef Müller Brockmann,

Simplicidad y diseño web

o de Armin Hofmann,

Simplicidad y diseño web

o venir a la actualidad y ver trabajos del estudio de diseño holandés “Experimental Jetset”,

Simplicidad y diseño web

y también podemos ver muchos de los trabajos del estudio Pentagram

Simplicidad y diseño web

…por nombrar algunos.

Veamos, entonces, una selección de sitios web que de alguna forma aplican los conceptos de la simplicidad:

Simplicidad y diseño web
Simplicidad y diseño web
Simplicidad y diseño web
Simplicidad y diseño web
Simplicidad y diseño web
Simplicidad y diseño web
Simplicidad y diseño web
Simplicidad y diseño web
Simplicidad y diseño web
Simplicidad y diseño web
Simplicidad y diseño web
Simplicidad y diseño web
Simplicidad y diseño web
Simplicidad y diseño web
Simplicidad y diseño web
Simplicidad y diseño web

Próximo post: un paso más hacia lo simple.

AIGA 100 años

AIGA celebra 100 años de diseño gráfico con un sitio web interactivo en donde todos pueden dejar su aporte.

juego defender en favicon

Se pueden generar juegos de muchos tamaños y en diferentes medios, pero nunca me podría imaginar un juego en el ícono de favoritos (favicon) hasta ver la versión del viejo juego Defender realizada por Mathieu Henri. Eso sí, para jugar a “DEFENDER of the favicon” hay que tener muy buena vista!

visto en alt1040

Ya habíamos mencionado otras ediciones de los premios Epica de la Creatividad en Europa, como por ejemplo la del año pasado. Ahora desde su sitio podemos ver los premiados del 2010, en las numerosas categorías en que se divide este evento europeo.

Esta es la medalla de oro en la categoría Diseño Gráfico, pieza creada por “Happiness Brussels“. La tipografía “Toyota iQ Font”, creada con el auto, fue diseñada por “pleaseletmedesign”, con la participación del piloto Stef van Campenhoudt.

Plan Ceibal

OLPC (One Laptop per Child) tiene un nuevo diseño de su sitio web, el mismo fue diseñado por Lisa Strausfeld de Pentagram (quien hace unos años había diseñado la interface de la laptop y que mencionábamos por aquí). El sitio utiliza los iconos diseñados por Michael Gericke, también de Pentagram y fue desarrollado por Upstatement.

Plan Ceibal

visto en Pentagram

mejores diseños web 2010

Siguiendo con las recopilaciones, ahora podemos ver la lista realizada por la gente de “Web Designer Wall” de los mejores, según ellos, diseños web del 2010.

web20rigami

Iconos de la Web 2.0 creados a partir de la estética de formas creadas mediante la técnica del origami y llamados Web20rigami por el autor.

visto en Folding Paper

Sitios de restaurantes

Lo del título podría ser una buena invitación, pero en este caso son tres recopilaciones realizadas por Smashing Magazine de ejemplos de diseño de sitios web:

Sitios sobre café
entradas siguientes >>