Contenido
- Los orígenes del brutalismo web
- Definición de características del brutalismo web
- Cómo construir sitios brutalistas
- Los beneficios del brutalismo
- ¿Más que punk rock?
- ¿Hacia dónde va la tendencia del brutalismo?
Esta publicación se publicó originalmente en 2017.
Nombrado en honor al movimiento de arquitectura brutalista de mediados a finales del siglo XX, el brutalismo web ignora alegremente todas las mejores prácticas de diseño y diseño de sitios web establecidas durante los últimos 20 años. En cambio, está desechando trabajos que son inventivos, emocionantes y desafiantes, incluso conflictivos. Los sitios web brutalistas van desde los deliberadamente caóticos hasta los obstinadamente mínimos, pero están unidos por el rechazo de las tendencias web dominantes.
Llega un momento en cada movimiento creativo en el que algunos de sus practicantes deciden rechazar la forma aceptada de hacer las cosas y comienzan a romper las reglas, generalmente para la indignación del establecimiento.
Los orígenes del brutalismo web
La arquitectura brutalista no se preocupa por verse atractiva, y es esto, así como la idea de que el brutalismo fue concebido como una reacción a la arquitectura más frívola de las décadas de 1930 y 1940, lo que llevó a Pascal Deville, cofundador y director creativo de Freundliche Grüsse. para cooptar el término.
"He tenido un gran interés en el diseño digital y la comunidad de diseño web desde los primeros días de la web", nos dice. "En los últimos años noté una tendencia hacia interfaces optimizadas, casi neutralizadas, que perdían por completo cualquier sentido de los atributos o características de la marca con respecto al contenido o propósito al que sirven".
Deville también notó que los diseñadores comenzaban a experimentar con una especie de anti-tendencia del diseño web: un enfoque aproximado y de vuelta a lo básico sobre cómo los sitios web podrían funcionar fuera de un mundo UX perfecto, y es este aspecto el que le recuerda a los brutalistas originales.
Desde entonces, Deville ha estado curando Brutalistwebsites.com, donde reúne sitios que encajan con sus ideas de brutalismo web y entrevista a sus creadores. "Sirve como una plataforma de inspiración para los diseñadores jóvenes", dice, "quiero retribuir a la comunidad".
Definición de características del brutalismo web
Un rastreo a través de Brutalistwebsites.com demostrará rápidamente que cubre una amplia gama de estilos y estéticas; sin embargo, hay algunos puntos en común.
El diseñador interactivo Bruno Landowski, que en 2013 trabajó en uno de los primeros ejemplos de un sitio brutalista para la 13ª Bienal de Estambul, resume el enfoque brutalista así: "Utiliza fuentes grandes, fondos de colores sólidos, formas geométricas y características crudas ... no me importa el público en general ".
Jakob Kornelli de Any Studio en Berlín, que cuenta con un sitio web gloriosamente brutalista lleno de emojis, también señala el uso del movimiento de una tipografía atrevida y algo radical. "Pero incluso más que eso", nos dice, "creemos que un sitio web brutalista traspasa los límites de su medio, especialmente en términos de interacción. Aunque el diseño web existe desde hace algún tiempo, las posibilidades interactivas y estéticas de rara vez se utilizan en todo su potencial ".
El diseñador multidisciplinario francés Pierre Butin se ha hecho un nombre con su proyecto Brutalist Redesigns, en el que rediseñó aplicaciones populares como Tinder, Google Maps e incluso Candy Crush con un efecto sorprendente. Tiene sus propias teorías sobre el brutalismo: "Algunos parecen definirlo como un enfoque crudo, mientras que otros tienden a adoptar esta definición flexible", dice.
"Esto me hizo preguntarme: ¿el brutalismo en el diseño digital se trata más del minimalismo suizo o simplemente de la codificación en bruto? Por esta razón, probé diferentes estilos que podrían considerarse brutalistas. Usé fuentes del sistema, colores web básicos, un esquema de color simple y me quedé con la experiencia de usuario original de la aplicación. Mi objetivo era iniciar una conversación sobre lo que viene en cuanto a la interfaz de usuario y cómo debería hacerse ".
Para Giacomo Miceli, cuyo sitio de cartera monocromo es una obra maestra en Courier, se trata de simplificar y no tiene nada de nuevo. "Basta con mirar la página de inicio de Google", observa. "Hace 17 años, AltaVista era una cosa y su página de inicio estaba repleta de cosas inútiles. Google llegó con un sitio web que hizo una cosa, lo hizo realmente bien y no se preocupaba por verse bonito. Google definitivamente presta más atención a la vista de estos días, pero el núcleo sigue siendo el mismo ".
Sin embargo, es el diseñador Kikko Paradela, con sede en Detroit, quien resume el brutalismo web de la manera más sucinta: "Tipográfico. Basado en contenido. Sencillo".
Cómo construir sitios brutalistas
Quizás una gran parte del atractivo del brutalismo es que puede eludir cuidadosamente toda la preparación inicial que tradicionalmente viene con la construcción de un sitio y simplemente seguir adelante. Muchos creadores de sitios brutalistas se enorgullecen de hacer prácticamente todo su trabajo de diseño y desarrollo en ese venerable pilar de Windows, el Bloc de notas.
Landowski resume rápidamente su proceso brutalista: "Piedra-papel-tijeras para tomar decisiones, un lápiz para dibujarlas, Photoshop CC e Illustrator CC para especificarlas y un editor de texto para darles vida". Aunque, señala, este no es un enfoque que funcione para todos; proviene de una experiencia en diseño gráfico que, dice, lo hace más sensible a la experiencia del usuario.
Kornelli está de acuerdo, señalando que gran parte del trabajo de Any Studio se centra en una tipografía sólida, mensajes claros y el giro inesperado ocasional para mantener las cosas interesantes. "El sitio web que diseñamos recientemente para la productora de cine Very Film muestra este enfoque", nos dice, "con su tipografía en blanco y negro audaz y nítida combinada con una única interacción distintiva que recuerda al cierre y apertura de una cortina. "
Y en el caso de Paradela, tanto su sitio como su práctica están influenciados por el lugar donde vive y trabaja. Explica que su sitio es "un reflejo de mi enfoque y pensamiento de diseño. Siempre me he alineado con la estética anti-mainstream o 'anti-Jesús' porque desafía las verdades convencionales y convenientes, incluida la mía. Este enfoque también es pertinente al entorno social y político actual de Detroit, que es donde vivo y base mi práctica ".
Los beneficios del brutalismo
La filosofía de Paradela resuena con muchas de las razones que los diseñadores nos han dado para crear sitios web que van tan fuertemente en contra del diseño web moderno. Entonces, ¿cuáles son los beneficios de este concepto?
Daan Lucas siente que hay una honestidad en el brutalismo que tal vez falta en las ofertas corporativas más pulidas. "Creo que el brutalismo tiene la intención de mostrar el núcleo y deducirlo de la distracción", dice.
"Me gusta eso. Creo que también es lo correcto en estos días. La gente sabe cuando están mintiendo. En nuestro trabajo siempre tratamos de establecer una conexión real con la gente. Haz que se pregunten, invítalos a jugar. la gente se irá y se enfadará ".
Puede ver la alegría del brutalismo en sitios como la página de inicio de Bong, que presenta una cuna de Newton gigante y enlaces al trabajo de la agencia que se desplazan por el borde. Puede que vaya en contra de las reglas, pero es una experiencia diferente y emocionante para los usuarios, y Any Studio está interesado en aprovechar las posibilidades de este enfoque del diseño web.
"No jugar con un determinado conjunto de reglas o aplicar reglas diferentes, como las reglas clásicas de diseño gráfico modernista suizo, tiene la ventaja de que los resultados tienden a ser más únicos y, por lo tanto, más cautivadores para el usuario", dice Kornelli.
También la afluencia del diseño gráfico de vanguardia abre el campo a toneladas de nuevas y llamativas posibilidades estéticas, que a cambio generan experiencias más interesantes para usuarios y clientes ”.
¿Más que punk rock?
Entonces, tal vez esto sea más que un momento de punk rock. Si bien hay un grado de eso, Kornelli señala que ha habido un exceso en los últimos años de aburrido diseño web impulsado por UX, creando un entorno de clones de sitios web funcionales pero insípidos, y en muchos sentidos el brutalismo es una reacción de 'vete a la mierda' a eso. Medio ambiente: los diseñadores ven el brutalismo como una forma de impulsar el diseño web y, de hecho, aumentar la usabilidad.
Butin explica: "Los elementos brutalistas directos pueden mejorar la experiencia general que los usuarios tienen de una aplicación. Los expertos en UX como Luke Wroblewsky muestran una y otra vez que, por ejemplo, la palabra 'Menú' en una interfaz genera más participación que el ícono de hamburguesa (como dice el dicho, 'lo obvio siempre gana'). Por esta razón, no creo que el brutalismo en el diseño digital sea incompatible con un enfoque impulsado por UX ".
Y mirando a través del panteón de sitios brutalistas, es difícil no hacer comparaciones con el mundo del diseño gráfico. Puede ver claros paralelos entre los sitios brutalistas y el trabajo de diseñadores como David Carson, Stefan Sagmeister y, más recientemente, Richard Turley, quien utilizó un diseño audaz y provocativo para convertir el viejo y sofocante Bloomberg Businessweek en una de las revistas más comentadas.
Kornelli está de acuerdo en que definitivamente hay una influencia en el diseño gráfico, y Any Studio agradece este desarrollo. "Hasta hace poco, el diseño web estaba, por alguna razón, algo alejado de la larga y gran tradición del diseño gráfico", nos dice.
"Los diseñadores gráficos trataban el diseño web como un medio desconocido y realmente no sabían qué hacer con él. Ahora está surgiendo una nueva generación de diseñadores que se sienten como en casa en ambos mundos. El diseño web se está integrando completamente en el vocabulario contemporáneo diseñadores gráficos."
Esto es importante, porque el diseño gráfico es una disciplina madura que durante muchos años ha abordado y resuelto los problemas que ahora están asumiendo los brutalistas web. "Este es el espacio donde solemos operar", dice Paradela. "Deconstruimos y entendemos el lenguaje visual para poder tenerlo a nuestra disposición para comunicarnos de manera efectiva. Somos autocríticos con lo que nos rodea".
¿Hacia dónde va la tendencia del brutalismo?
Al igual que el brutalismo, el diseño gráfico a menudo llega a extremos provocativos, pero siempre en nombre de una comunicación clara. Si bien los diseñadores gráficos tienden a hacer todo lo posible por sus carteras, el trabajo que producen en el trabajo diario generalmente es mucho menos completo; y es así como el enfoque brutalista dejará su influencia en el diseño web en general.
"Descubrí que una buena cantidad de sitios web brutalistas son de pequeña escala; carteras de diseñadores o proyectos personales", observa Butin. "Sin embargo, un número creciente de diseñadores trabaja en aplicaciones móviles (populares). Entonces no sería sorprendente que transfirieran este gusto por el brutalismo / minimalismo a los productos que diseñan".
Kornelli cree que el brutalismo está a punto de establecer su relevancia y probablemente permanecerá por un tiempo, dando a los diseñadores más riendas para crear una hermosa red comunicativa. "Gracias a la evolución de las interfaces y el software, los diseñadores pronto podrán crear sitios web de primer nivel sin entregar bocetos a un desarrollador; los desarrolladores proporcionarán las herramientas adecuadas de antemano".
Este artículo apareció originalmente en una edición de 2017 de neto, la revista para diseñadores y desarrolladores web profesionales. Suscríbete a net aquí.
