La doble personalidad del desarrollo web brutalista

Publicado: 2022-03-10
Resumen rápido ↬ ¿ Sin lujos o destellos de neón con rociadores adjuntos? Los sitios web 'brutalistas' han florecido en los últimos años, pero su filosofía rectora sigue sin estar clara.

De todas las tendencias de diseño que han aparecido en Internet en los últimos años, el brutalismo es seguramente la más llamativa y la peor definida. Una variedad de marcas importantes han adoptado la estética 'brutalista' en línea. Incluso hay directorios para aquellos interesados ​​en ver una selección de ellos en un solo lugar. El estilo ha entrado bien y verdaderamente en la corriente principal.

Página de inicio de escritorio de Bloomber.com
El diseño austero y sensato de Bloomberg.com se puso en marcha en 2016 y se perfeccionó en 2018. A menudo se promociona como un ejemplo destacado del crecimiento del brutalismo en línea. (Vista previa grande)

De hecho, el diseño web brutalista ha crecido tan rápido que no parece haber un consenso claro sobre cuál es realmente el estilo. Para unos significa practicidad, para otros audacia. Al igual que la arquitectura de la que toma su nombre, el desarrollo web brutalista se ha convertido en dos filosofías en competencia en una. Ninguno es necesariamente 'correcto', pero conocer la diferencia es importante. Incluso puede ser sensato comenzar a llamarlos cosas diferentes.

¡Más después del salto! Continúe leyendo a continuación ↓

Una breve (más o menos) historia del brutalismo

Antes de adelantarnos, recapitulemos el término "brutalista": de dónde viene y qué significa. El brutalismo es un estilo de arquitectura que despegó después de la Segunda Guerra Mundial y alcanzó su apogeo en los años 50 y 60. Al defender diseños geométricos simples y materiales de construcción desnudos, la tendencia fue en gran parte una reacción contra las estructuras ornamentadas y sobrediseñadas de las décadas anteriores.

El nombre proviene de beton brut , que en francés significa hormigón en bruto o en bruto. El concreto es un material común para las estructuras brutalistas, ya que se presta al enfoque sencillo del estilo. Se pueden usar y se usan otros materiales, pero el concreto es especialmente común. Independientemente de las estructuras de las que estén hechas, los adornos se consideran innecesarios. La forma y los materiales son suficientes.

El Reino Unido, con su afición por las cosas grises y monótonas, se inclinó particularmente por el estilo. Ejemplos notables de arquitectura brutalista aquí incluyen el Royal National Theatre, Barbican Estate y Balfron Tower. Ha demostrado ser especialmente popular para edificios públicos: bibliotecas, teatros, universidades, urbanizaciones, etc.

El Teatro Nacional Real de Londres
El Teatro Nacional de Londres. Diseñado por Denys Lasdun e inaugurado en 1976, es un ejemplo de libro de texto de arquitectura brutalista. Es a la vez uno de los edificios más odiados y más amados de Gran Bretaña. Fotografía de Henry Hemming. (Vista previa grande)

Aunque no existe una definición general en la que todos estén de acuerdo, a menudo se presta deferencia al crítico de arquitectura inglés Rayner Barnam, cuyo ensayo de 1955 'Sobre el nuevo brutalismo' intentó esbozar las ideas centrales del estilo. Anticipándose a aquellos de ustedes que no leerían todo, Barnham resumió la filosofía en lo siguiente:

En última instancia, lo que caracteriza al Nuevo Brutalismo en arquitectura como en pintura es precisamente su brutalidad, su je-m' en-foutisme, su sanguinidad.

Traducido libremente, je-m' en-foutisme se traduce como 'no me importa una maldita actitud'. Sin duda, los edificios brutalistas no se preocupan por los estándares convencionales de belleza. También son bastante divisivos. Mientras que algunos se entusiasman con su carácter firme y utilitario, otros denuncian la fealdad, la impersonalidad y, bueno, la brutalidad.

La ames o la odies, la arquitectura brutalista celebra la crudeza. De hecho, Barnam abrió su ensayo con una cita del arquitecto suizo-francés Le Corbusier: “La arquitectura es el establecimiento de relaciones dinámicas con las materias primas”. Los diseños de viviendas Unite d'habitation de Le Corbusier inspiraron a una generación de arquitectos brutalistas.

Balcones en La Maison du Fada en Marsella
Balcones en La Maison du Fada en Marsella, Francia. Diseñado por Le Corbusier y terminado en 1952, fue un ejemplo pionero de diseño residencial brutalista. Fotografía de Jean-Pierre Dalbera. (Vista previa grande)

En resumen, la arquitectura brutalista no solo reduce la construcción a sus materiales fundamentales, sino que encuentra belleza en esa simplicidad. Los críticos dicen que es un poco directo, un poco impersonal, incluso un poco totalitario. El doble significado de 'crudo' y 'brutal' ha empañado la definición, pero por regla general, el objetivo es la crudeza y el resultado es percibido por algunos como brutal.

El estilo ha perdido popularidad desde su apogeo de la posguerra, pero perdura como uno de los más distintivos. Unos cuantos han obtenido el estatus de listado, y por mi parte, me alegro de que lo hayan hecho. Una ciudad de edificios brutalistas sería demasiado, pero una ciudad sin edificios es más pobre por ello.

Otras lecturas

  • #SOSARCHITECTURE, un archivo en línea de edificios brutalistas
  • 'Los increíbles Hulks: la AZ del brutalismo de Jonathan Meades' para The Guardian
  • Lista de Wikipedia de estructuras brutalistas

¿Practicidad o audacia?

Entonces, ¿qué tiene que ver todo esto con el desarrollo web? La filosofía, principalmente, y la forma en que se ha fragmentado. El brutalismo ha encontrado nueva vida en línea, especialmente en los últimos tres o cuatro años. Una gran cantidad de sitios han tomado el apodo de brutalista, y con el aumento de la tendencia han venido acompañados de premios, artículos y directorios.

Al hojear estas cosas, es posible que tenga la impresión de que no todos están hablando de lo mismo. Eso es porque no lo son. En el mundo del desarrollo web, 'brutalista' ha crecido para abarcar una variedad de estilos. Es un perjuicio para los diseñadores seguir agrupando enfoques tan diferentes. He separado el brutalismo web en dos tipos a continuación, pero como veremos, incluso eso puede no ser suficiente.

Tipo Uno: l'Internet Brut

El primer tipo de diseño web brutalista tiene mucho más en común con sus antepasados ​​arquitectónicos. Piense en ello como l'Internet brut , donde las materias primas son HTML y, en menor medida, CSS. Los fondos son claros, el texto es negro y los hipervínculos son azules. Hay algo de margen de maniobra, pero esa es la esencia. No te preocupes. Aparte de mostrar el código real, no podría ser mucho más duro.

El primer sitio web de la historia
Al principio era el Estilo, y el Estilo era con el Brutalismo, y el Estilo era el Brutalismo. (Vista previa grande)

Hay innumerables ejemplos de este estilo, grandes y pequeños. El primer sitio web de la historia es un discípulo involuntario, mientras que, más recientemente, el diseño web brutalista del programador David Bryant Copeland presenta un pequeño manifiesto encantador para el estilo.

Subiendo en el mundo, otros sitios web con fuertes vetas brutalistas incluyen:

  • craigslist
  • Wikipedia
  • Una lista aparte
  • (Antiguo) Reddit
  • Bloomberg
  • ciclo libre.

Aunque las materias primas de estos sitios son muy similares, no todas tienen el mismo aspecto. Se forman en torno a su contenido y propósito. Al igual que sus primos arquitectónicos, en realidad hay una gran variedad de formas.

La página de inicio de Craigslist en Londres tal como aparece en 2020
Un sitio web propio de l'Internet brut . ¡Hasta tiene gris! (Vista previa grande)

Como puede ver en la página de inicio de Craigslist anterior, hay muy poco en cuanto a exceso, y posiblemente incluso menos en cuanto a estilo. Apenas ha cambiado en 20 (!) años, porque no ha sido necesario. Eche un vistazo al código e incluso un novato como yo puede seguir cómo se juntan las páginas. No tienes que adivinar cómo está construido porque está todo justo frente a ti.

Con sitios como este, a menudo notará una superposición con la "mentalidad pública" que se apoya en muchos de estos sitios web: mercados, foros, enciclopedias. Es extrañamente apropiado ver que un sitio como Wikipedia tome la forma digital de, digamos, Robin Hood Gardens. Bloomberg también tiene mucha compañía en el espacio de las noticias. Periódicos como The New York Times y The Washington Post han adoptado diseños igualmente contundentes y funcionales en los últimos años. El diseño de noticias siempre ha tenido una fuerte vena brutalista.

Página de inicio de escritorio del sitio web de The Washington Post
El sitio web renovado del Washington Post se lanzó en 2015. El diseñador de periódicos Mario García lo elogió en ese momento por "evitar el desorden y la aglomeración". (Vista previa grande)

Vale la pena mencionar aquí que varios de los sitios usados ​​aquí como ejemplos no pretendían ser brutalistas. Al igual que Villa Goth, que se considera ampliamente la fuente del término brutalismo, se propusieron ser prácticos y simples. Fueron adoptados, por así decirlo. Su éxito es lo que inspiró (y continúa inspirando) a arquitectos y desarrolladores por igual. ¡Están tan despreocupados por las apariencias que se convirtieron en brillantes ejemplos de diseño brutalista sin siquiera darse cuenta!

Los sitios en este sentido no siempre gritan belleza, pero hay elegancia en su funcionalidad. Son despreocupados y sin pretensiones, moldeados para su propósito utilizando los elementos en bruto de la web. (Juego de palabras intencionado).

Tipo dos: l'Internet Fou

Esta es la división. Aquí mismo. Aquellos de ustedes que tengan un interés pasajero en las tendencias de diseño web sabrán que lo que hemos visto hasta ahora no tiene en cuenta una gran cantidad de sitios 'brutalistas'. Como señaló Vitaly Friedman en Smashing Book 6:

El brutalismo en la arquitectura se caracteriza por una estética despreocupada, no por una estética rota intencionalmente. Cuando se aplica al diseño web, este estilo a menudo va de la mano con convenciones de diseño y principios rectores deliberadamente rotos.

El auge del diseño 'brutalista' en los últimos años ha tenido mucho más que ver con la brutalidad que con la crudeza. Este es el mundo más loco, a veces al borde de la anarquía. Aquí se subvierten las convenciones de diseño y la facilidad de uso es una ocurrencia tardía, y eso no es cuando se está saboteando activamente. Estos son los sitios que generan artículos titulados 'Estilo sobre sustancia', y para que The Washington Post resuma el estilo como 'intencionalmente feo'.

Página de inicio de escritorio de la revista de arte Toiletpaper
La página de inicio de la revista de artistas Toiletpaper. (Vista previa grande)
Página de inicio de escritorio del sitio web brutalista autodenominado JI SOO ​​EOM
JI SOO ​​EOM, otro sitio que se encuentra en el directorio de sitios web brutalistas. (Vista previa grande)

En el artículo 'Brutalism: BrutAl wEbiteS for modern dAy webMasters', que induce adecuadamente a la migraña, Awwwards describe esta segunda cepa de la siguiente manera:

El brutalismo en el diseño web se ríe frente al racionalismo y la funcionalidad, en el mundo del diseño se puede definir como freestyle, feo, irreverente, crudo, superficialmente decorativo, etc.

Espero que no sea controvertido decir que este es un enfoque completamente diferente al tipo uno. En un tramo, podría argumentar que este enfoque es más el dominio de los artistas y diseñadores gráficos, y que el arte es, por lo tanto, la forma más cruda que pueden tomar sus sitios web, pero eso sería un tramo. No hay duda de que la arquitectura brutalista puede derivar hacia el territorio de la 'declaración', pero ese no es su ámbito natural.

El directorio de sitios web brutalistas sugiere: "El brutalismo [en línea] puede verse como una reacción de una generación más joven a la ligereza, el optimismo y la frivolidad del diseño web actual". Hay matices del ethos brutalista fundador en esto, pero es más irreverente y subversivo. Pueden ser muy hermosos a su manera, pero también cortados de una tela completamente diferente a los Craigslists de este mundo.

Esta ciudad no es lo suficientemente grande para nosotros dos

Así que ahí lo tienes. Cuando el diseño web brutalista no apuesta por el racionalismo y la funcionalidad, se está riendo frente al racionalismo y la funcionalidad. ¿Todo claro?

El término ha crecido para abarcar enfoques que en muchos sentidos están en desacuerdo entre sí. De hecho, Pascal Deville, quien fundó el directorio de sitios web brutalistas después de acuñar el término en 2014, cree que el estilo se ha dividido en tres microestilísticas:

  1. puristas,
  2. minimalistas de UX,
  3. Anti-istas (o artistas).

Después de haber examinado cientos de presentaciones a lo largo de los años, sabría mejor que nadie. Él dice:

Los puristas se refieren fuertemente a las características arquitectónicas del Web Brutalism, como el concepto de 'fidelidad a los materiales' y el uso de los elementos de marcado más puros disponibles. Los minimalistas de UX, por el contrario, ven la eficiencia y el rendimiento como el principal impulsor del brutalismo web e incluso creen que la limitación radical de posibilidades puede impulsar las conversiones. Los 'anti-istas' o artistas ven el diseño web como una forma de arte (todavía) infravalorada y no muestran mucho respeto por el status quo y en su mayoría tienen mala prensa.

¿Qué es un sitio web brutalista 'adecuado'? Hasta cierto punto, la respuesta depende del contexto. Si un sitio web pertenece a un artista, algo descarado puede ser más apropiado que algo despreocupado. En términos generales, sin embargo, me parece que las sensibilidades del tipo 'anti-ista' están mucho más cerca de algo como el dadaísmo, con todo su absurdo, alegría y desorden, o las tendencias vanguardistas del expresionismo.

Pequeña velada dadaísta de Kurt Schwitters y Theo van Doesburg
Pequeña velada dadaísta de Kurt Schwitters y Theo van Doesburg. (Vista previa grande)
Lío vertical típico como representación del Dada Baargeld por Johannes Theodor Baargeld
Lío vertical típico como representación del Dada Baargeld por Johannes Theodor Baargeld. ¿A qué rama del diseño web 'brutalista' te parecen más? (Vista previa grande)

No quiero que esto parezca un juego de semántica, donde los diferentes estilos se archivan ordenadamente en pequeñas cajas. Lo que más me preocupa es resaltar diferentes enfoques para que a cada uno se le dé el espacio necesario para florecer. Como reconoce Deville, todavía se está explorando el potencial creativo de la web. "Es una nueva forma de arte y estoy muy feliz de experimentar de primera mano", dice. Está sucediendo ahora.

Esto también tiene consecuencias prácticas. Ya sea que sea un desarrollador que habla con un cliente o un cliente que habla con un desarrollador, vale la pena tener claro qué versión de diseño web brutalista está tratando. Si eres un verdadero campeón, naturalmente los referirás a este artículo. De lo contrario, los ejemplos visuales como el que se muestra a continuación probablemente sean su mejor opción para ir al grano.

Ejemplo de dos estilos de sitios web brutalistas diferentes
Ambos son 'brutalistas', así que asegúrate de lo que estás pidiendo. El diseño de la izquierda es un proyecto de Constantin Grosnov. (Vista previa grande)

Más allá de eso, tal vez deberíamos empezar a dar diferentes nombres a diferentes estilos. Aprecio que esto sería bastante inconveniente para mucha gente. Se compraron dominios, se otorgaron premios y se escribieron artículos, pero en el futuro, la etiqueta parece demasiado restrictiva. Ya no puede contener tantos enfoques. Por lo menos, la personalidad dividida del desarrollo web brutalista muestra cuánto terreno queda por explorar en el diseño web.

Hay innumerables escuelas de arte: brutalismo, expresionismo, romanticismo, art déco, futurismo, dadaísmo, impresionismo, absurdismo, modernismo, minimalismo, y así sucesivamente. Encuentran forma a través de pinturas, edificios, literatura... ¿por qué no sitios web? Como muestran los enlaces a continuación, no soy el único que pregunta esto. Con cada nuevo estilo de desarrollo, 'anti-mainstream' se vuelve menos adecuado para describir lo que están haciendo los diseñadores. Están comenzando a explorar la filosofía del diseño web de formas que no se habían hecho antes.

  • Nielsen Norman Group sobre la diferencia entre brutalismo y antidiseño
  • 'Sobre el brutalismo web y el diseño web contemporáneo' en Dialectic
  • Creative Bloq pregunta si los sitios web brutalistas son el "momento punk" de la web
  • Nick Babich describe los principios del diseño web minimalista, con mucho, el 'ismo' en línea más popular hasta la fecha.

La variedad 'dadaísta' del diseño web brutalista tiene una cosa absolutamente correcta: el alcance de lo que puede ser un sitio web es demasiado limitado. La web es una caja de arena infinita, y abrazar la amplitud de posibilidades dentro de ella solo puede ser algo bueno. Eso comienza con la expansión de nuestro vocabulario.