Podzielona osobowość brutalistycznego tworzenia stron internetowych

Opublikowany: 2022-03-10
Krótkie podsumowanie ↬ Bez fanaberii lub migające neonowe falbanki z dołączonymi zraszaczami? „Brutalistyczne” strony internetowe rozkwitły w ostatnich latach, ale ich filozofia przewodnia pozostaje niejasna.

Ze wszystkich trendów projektowych, które pojawiły się w Internecie w ostatnich latach, brutalizm jest z pewnością najbardziej rzucający się w oczy i najsłabiej zdefiniowany. Wiele głównych marek przyjęło „brutalistyczną” estetykę online. Istnieją nawet katalogi dla osób zainteresowanych ich wyborem w jednym miejscu. Styl dobrze i naprawdę wszedł do mainstreamu.

Strona główna pulpitu Bloomber.com
Surowy, bezsensowny projekt Bloomberg.com pojawił się w 2016 roku i został dopracowany w 2018 roku. Jest często reklamowany jako wiodący przykład wzrostu brutalizmu w Internecie. (duży podgląd)

Rzeczywiście, brutalistyczne projektowanie stron internetowych rozwinęło się tak szybko, że wydaje się, że nie ma jasnego konsensusu co do tego, czym właściwie jest ten styl. Dla jednych oznacza praktyczność, dla innych zuchwałość. Podobnie jak architektura, od której wzięła swoją nazwę, brutalistyczny rozwój sieci stał się dwiema konkurującymi filozofiami w jednej. Żadne z nich nie jest koniecznie „właściwe”, ale znajomość różnicy jest ważna. Rozsądne może być nawet rozpoczęcie nazywania ich różnymi rzeczami.

Więcej po skoku! Kontynuuj czytanie poniżej ↓

Krótka (ish) historia brutalizmu

Zanim przejdziemy dalej, przypomnijmy sobie termin „brutalista” — skąd się wziął i co oznacza. Brutalizm to styl architektoniczny, który wystartował po II wojnie światowej, osiągając apogeum w latach 50. i 60. XX wieku. Ten trend, słynący z prostych, geometrycznych projektów i obnażonych materiałów budowlanych, był w dużej mierze reakcją na ozdobne, przeprojektowane konstrukcje z poprzednich dekad.

Nazwa pochodzi od beton brut , co po francusku oznacza surowy lub surowy beton. Beton jest powszechnym materiałem w brutalistycznych strukturach, podobnie jak w bezpretensjonalnym podejściu tego stylu. Inne materiały mogą być i są używane, ale beton jest szczególnie powszechny. Bez względu na to, z czego wykonane są konstrukcje, ozdoby są uważane za niepotrzebne. Wystarczy forma i materiały.

Wielka Brytania, ze swoim zamiłowaniem do szarości, szarości, szczególnie upodobała sobie ten styl. Godne uwagi przykłady brutalistycznej architektury obejmują Królewski Teatr Narodowy, Barbican Estate i Balfron Tower. Okazał się szczególnie popularny w budynkach użyteczności publicznej — bibliotekach, teatrach, uniwersytetach, osiedlach i tak dalej.

Królewski Teatr Narodowy w Londynie
Teatr Narodowy w Londynie. Zaprojektowany przez Denysa Lasduna i otwarty w 1976 roku, jest podręcznikowym przykładem architektury brutalistycznej. Jest to jeden z najbardziej znienawidzonych i lubianych budynków w Wielkiej Brytanii. Zdjęcie: Henry Hemming. (duży podgląd)

Chociaż nie ma jednoznacznej definicji, z którą wszyscy się zgadzają, szacunek często okazuje się angielskiemu krytykowi architektonicznemu Raynerowi Barnamowi, którego esej „O nowym brutalizmie” z 1955 r. próbował nakreślić podstawowe idee tego stylu. W oczekiwaniu na tych z Was, którzy nie przeczytali całości, Barnham sprowadził filozofię do następującego:

W ostateczności tym, co charakteryzuje Nowy Brutalizm w architekturze, podobnie jak w malarstwie, jest właśnie jego brutalność, jego je-m' en-foutisme, jego krwawe umysły.

W wolnym tłumaczeniu je-m” en-foutisme tłumaczy się jako „nie dawaj cholernej postawy. Oczywiście, brutalistyczne budynki nie przejmują się konwencjonalnymi standardami piękna. Są też dość dzielące. Tam, gdzie jedni zachwycają się swoim stanowczym, utylitarnym charakterem, inni potępiają brzydotę, bezosobowość i, cóż, brutalność.

Uwielbiam to lub nienawidzę, brutalistyczna architektura celebruje surowość. Rzeczywiście, Barnam rozpoczął swój esej cytatem szwajcarsko-francuskiego architekta Le Corbusiera: „Architektura to ustanawianie ruchomych relacji z surowcami”. Projekty domów jednorodzinnych Le Corbusiera zainspirowały pokolenie brutalistycznych architektów.

Balkony w La Maison du Fada w Marsylii
Balkony w La Maison du Fada w Marsylii we Francji. Zaprojektowany przez Le Corbusiera i ukończony w 1952 roku, był pionierskim przykładem brutalistycznego projektowania mieszkań. Zdjęcie: Jean-Pierre Dalbera. (duży podgląd)

Krótko mówiąc, brutalistyczna architektura nie tylko redukuje konstrukcję do podstawowych materiałów, ale odnajduje piękno w tej prostocie. Krytycy mówią, że to trochę w twarz, trochę bezosobowe, trochę totalitarne. Podwójne znaczenie „surowego” i „brutalnego” przyćmiło definicję, ale z reguły celem jest surowość, a wynik jest postrzegany przez niektórych jako brutalny.

Styl ten stracił na popularności od czasów powojennej świetności, ale przetrwał jako jeden z najbardziej charakterystycznych. Nieliczni osiągnęli status na liście, a ja cieszę się, że to zrobili. Miasto z brutalistycznymi budynkami to by było trochę za dużo, ale miasto bez nich jest do tego biedniejsze.

Dalsza lektura

  • #SOSARCHITEKTURA, internetowe archiwum budynków brutalistycznych
  • „Niesamowity hulk: AZ brutalizmu Jonathana Meadesa” dla The Guardian
  • Lista brutalistycznych struktur w Wikipedii

Praktyczność czy śmiałość?

Więc co to wszystko ma wspólnego z tworzeniem stron internetowych? Głównie filozofia i sposób, w jaki się rozpadła. Brutalizm znalazł nowe życie w sieci, zwłaszcza w ciągu ostatnich trzech lub czterech lat. Mnóstwo witryn przyjęło nazwę brutalizmu, a wraz ze wzrostem trendu pojawiły się towarzyszące aw(w)ards, artykuły i katalogi.

Przeglądając te rzeczy, możesz odnieść wrażenie, że nie wszyscy mówią o tym samym. To dlatego, że nie są. W świecie tworzenia stron internetowych „brutalizm” rozrósł się do różnych stylów. Ciągłe łączenie tak różnych podejść jest szkodą dla projektantów. Poniżej podzieliłem brutalizm sieciowy na dwa typy, ale jak zobaczymy, nawet to może nie wystarczyć.

Wpisz pierwszy: l'Internet Brut

Pierwszy rodzaj brutalistycznego projektowania stron internetowych ma znacznie więcej wspólnego z jego architektonicznymi przodkami. Pomyśl o tym jako o l'Internet brut , gdzie surowcami są HTML i, w mniejszym stopniu, CSS. Tła są jasne, tekst czarny, a hiperłącza niebieskie. Jest trochę miejsca do wykręcania się, ale to jest sedno tego. Nie ma frajdy. Poza wyświetlaniem rzeczywistego kodu nie można było uzyskać dużo trudniejszego.

Pierwsza w historii strona internetowa
Na początku był styl, styl był z brutalizmem, a stylem był brutalizm. (duży podgląd)

Istnieje niezliczona ilość przykładów tego stylu, dużych i małych. Pierwsza w historii strona internetowa jest nieumyślnym uczniem, podczas gdy ostatnio Brutalist Web Design przez programistę Davida Bryanta Copelanda przedstawia uroczy mały manifest dotyczący tego stylu.

Idąc w górę na świecie, inne strony internetowe z silnymi smugami brutalizmu obejmują:

  • Lista Craigs
  • Wikipedia
  • Lista obok
  • (Stary) Reddit
  • Bloomberg
  • Swobodny cykl.

Chociaż surowce w tych witrynach są bardzo podobne, nie wszystkie wyglądają tak samo. Kształtowane są wokół ich treści i celu. Podobnie jak ich architektoniczni kuzyni, istnieje ogromna różnorodność form.

Strona główna Craigslist w Londynie w wersji z 2020 roku
Właściwa, brutalna strona internetowa l'Internet . Ma nawet szary! (duży podgląd)

Jak widać na powyższej stronie głównej Craigslist, jest bardzo mało nadmiaru, a być może nawet mniej stylu. W ciągu 20(!) lat niewiele się zmieniło, bo nie było takiej potrzeby. Rzuć okiem na kod, a nawet nowicjusz, taki jak ja, może śledzić, jak składają się strony. Nie musisz zgadywać, jak to jest zbudowane, ponieważ wszystko jest przed tobą.

W przypadku witryn takich jak ta, często można zauważyć, że nakładają się one na „publicznie myślące” opierając się na wielu z tych witryn — rynkach, forach, encyklopediach. To dziwne, że witryna taka jak Wikipedia przybiera cyfrową formę, powiedzmy, Robin Hood Gardens. Bloomberg ma również mnóstwo towarzystwa w przestrzeni informacyjnej. W ostatnich latach gazety takie jak The New York Times i The Washington Post przyjęły podobnie tępe, funkcjonalne projekty. Projekt wiadomości zawsze miał silną tendencję do brutalizmu.

Strona główna na komputery w witrynie The Washington Post
Odnowiona strona internetowa Washington Post została uruchomiona w 2015 roku. Projektant gazety Mario Garcia chwalił ją wtedy za „unikanie bałaganu i tłoku”. (duży podgląd)

Warto w tym miejscu wspomnieć, że kilka stron użytych jako przykłady nie miało na celu brutalizmu. Podobnie jak Villa Goth, która jest powszechnie uważana za źródło terminu brutalizm, mają być praktyczne i proste. Zostały, że tak powiem, adoptowane. Ich sukces jest tym, co inspiruje (i nadal inspiruje) architektów i deweloperów. Są tak obojętni na wygląd, że stali się lśniącymi przykładami brutalistycznego designu, nawet nie zdając sobie z tego sprawy!

Witryny w tym duchu nie zawsze krzyczą piękno, ale w ich funkcjonalności jest elegancja. Są niefrasobliwe i bezpretensjonalne, ukształtowane do swoich celów z wykorzystaniem surowych elementów sieci. (Kalambur przeznaczony.)

Typ drugi: l'Internet Fou

To jest podział. Tutaj. Ci z was, którzy choć chwilowo interesują się trendami w projektowaniu stron internetowych, wiedzą, że to, na co patrzyliśmy do tej pory, nie uwzględnia ogromnej liczby „brutalistycznych” witryn. Jak zauważył Witalij Friedman w Smashing Book 6:

Brutalizm w architekturze charakteryzuje się estetyką beztroską, a nie celowo łamaną estetyką. W przypadku projektowania stron internetowych ten styl często idzie w parze z celowo łamanymi konwencjami projektowymi i zasadami przewodnimi.

Rozwój „brutalistycznego” designu w ciągu ostatnich kilku lat miał dużo więcej wspólnego z brutalnością niż z surowością. To jest szalony świat, momentami graniczący z anarchią. Tutaj konwencje projektowe są obalane, a użyteczność jest refleksją — i to nie wtedy, gdy jest aktywnie sabotowana. Są to witryny, które skłaniają do artykułów zatytułowanych „Styl ponad substancją”, a The Washington Post podsumowuje ten styl jako „celowo brzydki”.

Strona główna magazynu artystycznego na pulpicie Papier toaletowy
Strona główna magazynu artystycznego Papier toaletowy. (duży podgląd)
Strona główna na pulpicie samozwańczej brutalistycznej strony internetowej JI SOO ​​EOM
JI SOO ​​EOM, kolejna strona znaleziona w katalogu Brutalist Websites. (duży podgląd)

W odpowiednio wywołującym migrenę artykule „Brutalism: BrutAL WEBsITES for modern DayMASTERS”, Awwwards opisuje ten drugi szczep w następujący sposób:

Brutalizm w web designie śmieje się w obliczu racjonalizmu i funkcjonalności, w świecie designu można go określić jako freestyle, brzydki, lekceważący, surowy i powierzchownie dekoracyjny itp.

Mam nadzieję, że nie jest kontrowersyjne stwierdzenie, że jest to zupełnie inne podejście do typu pierwszego. Można by się spierać, że takie podejście jest bardziej domeną artystów i grafików, a zatem sztuka jest najsurowszą formą, jaką mogą przyjąć ich strony internetowe, ale to byłoby naciąganie. Nie ma wątpliwości, że brutalistyczna architektura może dryfować na terytorium „deklaracji”, ale to nie jest jej naturalne królestwo.

Katalog Brutalist Websites sugeruje: „Brutalizm [online] może być postrzegany jako reakcja młodszego pokolenia na lekkość, optymizm i frywolność dzisiejszego projektowania stron internetowych”. Są w tym odcienie założycielskiego etosu brutalizmu, ale jest to bardziej lekceważące i wywrotowe. Mogą być bardzo piękne na swój sposób, ale także skrojone z zupełnie innego materiału niż Craigslisty tego świata.

To miasto nie jest wystarczająco duże dla nas dwojga

Więc masz to. Kiedy brutalistyczne projektowanie stron internetowych nie skupia się na racjonalizmie i funkcjonalności, to śmieje się w obliczu racjonalizmu i funkcjonalności. Wszystko jasne?

Termin ten rozrósł się i obejmuje podejścia, które pod wieloma względami są ze sobą sprzeczne. Rzeczywiście, Pascal Deville, który założył katalog Brutalist Websites po ukuciu tego terminu w 2014 roku, uważa, że ​​styl podzielił się na trzy mikro-stylistyki:

  1. Puryści,
  2. minimaliści UX,
  3. Antyiści (lub artyści).

Po sprawdzeniu setek zgłoszeń na przestrzeni lat wiedziałby lepiej niż ktokolwiek inny. On mówi:

Puryści silnie odwołują się do cech architektonicznych brutalizmu internetowego, takich jak koncepcja „prawdy do materiałów” i użycie najczystszych dostępnych elementów znaczników. Z kolei minimaliści UX postrzegają wydajność i wydajność jako główną siłę napędową web brutalizmu, a nawet wierzą, że radykalne ograniczenie możliwości może zwiększyć konwersje. „Antyiści” lub artyści postrzegają projektowanie stron internetowych jako (wciąż) niedocenianą formę sztuki i nie okazują zbyt wiele szacunku dla status quo i najczęściej otrzymują złą prasę.

Czym jest „właściwa” brutalistyczna strona internetowa? Do pewnego stopnia odpowiedź zależy od kontekstu. Jeśli strona internetowa należy do artysty, coś zuchwałego może być bardziej odpowiednie niż coś niefrasobliwego. Ogólnie rzecz biorąc, wydaje mi się, że wrażliwość typu „antystycznego” jest w rzeczywistości znacznie bliższa czemuś takiemu jak dadaizm, z całym jego absurdem, wesołością i bałaganem, czy awangardowymi skłonnościami ekspresjonizmu.

Mały wieczór dadaistyczny Kurta Schwittersa i Theo van Doesburga
Mały wieczór dadaistyczny Kurta Schwittersa i Theo van Doesburga. (duży podgląd)
Typowy pionowy bałagan jako przedstawienie Dada Baargeld autorstwa Johannesa Theodora Baargelda
Typowy pionowy bałagan jako przedstawienie dadaizmu Baargelda autorstwa Johannesa Theodora Baargelda. Którą gałąź „brutalistycznego” projektowania stron internetowych bardziej ci przypominają? (duży podgląd)

Nie chcę, żeby wyglądało to na grę semantyczną, w której różne style są starannie ułożone w małych pudełeczkach. Bardziej interesuje mnie podkreślenie różnych podejść, aby każdemu dać przestrzeń potrzebną do rozkwitu. Jak przyznaje Deville, twórczy potencjał sieci jest wciąż badany. „To nowa forma sztuki i bardzo się cieszę, że mogę doświadczyć tego z pierwszej ręki”, mówi. — To się teraz dzieje.

Ma to również praktyczne konsekwencje. Niezależnie od tego, czy jesteś programistą rozmawiającym z klientem, czy klientem rozmawiającym z programistą, warto wiedzieć, o której wersji brutalistycznego projektowania stron internetowych mówisz. Jeśli jesteś prawdziwym mistrzem, naturalnie skierujesz ich do tego artykułu. W przeciwnym razie wizualne przykłady, takie jak ten poniżej, są prawdopodobnie najlepszym sposobem na dotarcie do sedna.

Przykład dwóch różnych brutalistycznych stylów stron internetowych
Obaj są „brutalistami”, więc upewnij się, o co prosisz. Projekt po lewej to projekt Constantina Grosnova. (duży podgląd)

Poza tym, może powinniśmy zacząć nadawać różnym stylom różne nazwy. Doceniam, że byłoby to niewygodne dla wielu osób. Kupiono domeny, przyznano nagrody i napisano artykuły, ale w przyszłości etykieta wydaje się zbyt restrykcyjna. Nie może już zawierać tak wielu podejść. Jeśli nic więcej, rozdwojenie osobowości brutalistycznego tworzenia stron internetowych pokazuje, jak wiele terenu pozostaje do zbadania w projektowaniu stron internetowych.

Istnieje niezliczona ilość szkół sztuki — brutalizmu, ekspresjonizmu, romantyzmu, art deco, futuryzmu, dadaizmu, impresjonizmu, absurdu, modernizmu, minimalizmu i tak dalej i dalej. Odnajdują formę poprzez obrazy, budynki, literaturę… dlaczego nie strony internetowe? Jak pokazują poniższe linki, nie jestem jedynym, który zadaję to pytanie. Z każdym nowym stylem tworzenia, „anty-mainstream” staje się mniej adekwatny do opisu tego, co robią projektanci. Zaczynają zgłębiać filozofię projektowania stron internetowych w sposób, którego nie robiono wcześniej.

  • Nielsen Norman Group o różnicy między brutalizmem a antyprojektem
  • „W sieci brutalizm i współczesne projektowanie stron internetowych” w dialektyce
  • Creative Bloq pyta, czy brutalistyczne strony internetowe są „punkowym momentem” w sieci
  • Nick Babich przedstawia zasady minimalistycznego projektowania stron internetowych, jak dotąd najpopularniejszego „izmu” w Internecie.

„Dadaistyczny” szczep brutalistycznego projektowania stron internetowych ma jedną rzecz absolutnie słuszną: zakres tego, czym może być strona internetowa, jest zdecydowanie zbyt wąski. Sieć jest nieskończoną piaskownicą, a wykorzystanie w niej szerokiego wachlarza możliwości może być tylko dobrą rzeczą. Zaczyna się od poszerzenia naszego słownictwa.