Brutalistyczny projekt

Brutalizm to styl architektoniczny, który pojawił się w połowie lat 20., choć jego rozkwit nastąpił nieco później, w latach 50. i 60. XX wieku. Charakteryzował się prostym i szczerym stylem. W brutalizmie forma podąża za funkcją .

Budynki brutalistyczne są zwykle budowane z powtarzalnych elementów modułowych, tworzących bryły reprezentujące określone strefy funkcjonalne, wyraźnie artykułowane i zgrupowane w jednolitą całość. Beton jest używany ze względu na jego surową i bezpretensjonalną szczerość, przez co dramatycznie kontrastuje z wysoce wyrafinowanymi i zdobionymi budynkami wzniesionymi w elitarnym stylu Beaux-Arts.

Fajnie, prawda? Ale możesz się zastanawiać, dlaczego mówimy o architekturze, skoro ten blog dotyczy technologii i WordPressa. Cóż, powód jest prosty: brutalizm to trend projektowy, który możemy zastosować również w świecie sieci…

Pochodzenie sieci i jej ewolucja graficzna

Naszym młodszym czytelnikom sieć wydaje się czymś, co istniało od zawsze, ale nic bardziej odległego od rzeczywistości. Pierwsza w historii strona internetowa została opublikowana „niedawno”, w 1991 roku ? i jak widać było to bardzo proste:

Pierwsze strony internetowe były po prostu tekstami z hiperłączami. Jednak wraz z postępem technologii liczba zasobów, które można było dodać, rosła, a możliwości innowacji szybko rosły.

W pierwszych dniach internetu nikt nie wiedział dokładnie, czym jest „dobry projekt” (pomimo całego bagażu, jaki mieliśmy ze świata druku), a pierwsi webmasterzy zrobili „co mogli”, aby stworzyć skuteczne układy stron, aby zaprezentować zawartość. Pamiętasz projekty z początku lat 90., wszystkie oparte na stołach?

Jasne, te projekty mniej więcej „działały” na poziomie wizualnym, ale wewnętrznie były absolutną katastrofą. Struktura HTML skupiała się tylko na ostatecznym wyglądzie strony i całkowicie ignorowała samą treść, więc wynik był w ogóle niedostępny. Ale wszyscy uczyliśmy się, jak „budować sieć…”

Palety kolorów, płaskie lub realistyczne ikony, animacje… wszystkie najdrobniejsze szczegóły, które po połączeniu stają się „trendem w projektowaniu”, pojawiają się i znikają. Ale istnieje trend, który wydaje się stały dzisiaj: prostota, o której Ruth mówiła kilka dni temu, kiedy przyglądała się Apple i jego zasadom projektowania.

Ale rzeczywistość jest bardziej złożona niż to wszystko. Nie wszystkie strony internetowe podążają za tymi samymi trendami. Są ludzie, którzy odchodzą od światowych trendów i eksplorują inne ścieżki. Łamią formę. Może nawet tworzą kolejny trend…

Brutalizm w sieci

Termin „ brutalizm ” pochodzi od francuskiego „Beton brut” lub „surowy beton”. Jeśli więc mówimy o brutalizmie w sieci, jasne jest, że nie mówimy o „betonie”, ale o „surowości”. Architektura brutalistyczna chce być wierna materiałom, których używa jako swoich elementów konstrukcyjnych, i my, jako twórcy stron internetowych, powinniśmy dążyć do tego. Przynajmniej jeśli chcemy tworzyć brutalistyczne strony internetowe.

Nasuwa się pytanie: jakich „materiałów” używamy do budowy sieci? Możesz pomyśleć, że to HTML i CSS, ale zauważ, że HTML i CSS są dla sieci tym, czym betoniarka lub dźwig są dla budowy: są narzędziami, których używamy do „budowania” naszego projektu. Dlatego „surowcem”, z którym pracujemy w sieci, jest treść . I nie powinno cię to dziwić, ponieważ dużo o tym rozmawialiśmy na tej stronie za każdym razem, gdy wspominaliśmy, że treść jest królem.

Brutalizm jest wierny swoim materiałom, więc jako twórcy stron internetowych i projektanci również musimy być uczciwi w naszej pracy i wiedzieć, czym jest strona internetowa, a czym nie. Sieci to nie czasopisma. To nie są aplikacje. To nie są billboardy. Dlaczego więc miałyby przypominać którekolwiek z nich?

Brutalistyczne zasady projektowania w sieci

Oto kilka podstawowych zasad, o których należy pamiętać podczas projektowania brutalistycznej strony internetowej:

1 – Treść powinna działać wszędzie

Jeśli tworzysz stronę internetową bez żadnego stylu CSS i starasz się nadać jej prawidłową strukturę wyłącznie przy użyciu znaczników HTML, wiesz, że ta strona będzie działać doskonale we wszystkich przeglądarkach na świecie. Nie będzie to najpiękniejsza strona internetowa, ale zadziała. Sprawdzi się nawet w przeglądarkach bez ekranu (tak, mówię o dostępności). A jeśli treść jest królem, to jest super !

Treść musi działać i mieć sens w świecie bez CSS. Stylizacja strony internetowej z pewnością może pomóc w tworzeniu własnego brandingu, ale może też go złamać i odsunąć od brutalnych zasad.

2 – Interakcje użytkownika z siecią są ograniczone i dobrze zdefiniowane przez HTML

Dzięki CSS i JavaScript możemy tworzyć strony internetowe, które wyglądają jak aplikacje natywne, z interakcjami, które wcześniej wydawały się niemożliwe, znakomitymi animacjami i zapierającymi dech w piersiach przejściami. Ale to wszystko nie ma nic wspólnego z treścią… Jak więc zaprojektować użyteczne interfejsy na brutalistycznej stronie internetowej?

Domyślnie użytkownicy mogą wchodzić w interakcję z Twoją witryną tylko za pomocą przycisków, linków i formularzy. I tylko linki i przyciski można „kliknąć”. Dlatego ważne jest, aby pokazać je na surowo:

Od początku istnienia sieci hiperłącza mają wyraźny wzór. Są jak zwykły tekst, ale mają niebieski kolor i podkreślony styl. Po odwiedzeniu hiperłącza jego kolor zmienia się na fioletowy, aby odwiedzający wiedział, że już je odwiedził. Czy naprawdę powinniśmy odejść od tej czystości?

Z kolei przyciski przedstawiają element, który istnieje w prawdziwym życiu: przycisk. Przycisk to coś, co możemy nacisnąć zarówno w prawdziwym życiu, jak iw sieci, więc oczekujemy, że zachowują się podobnie. Upewnij się, że Twoje przyciski wyglądają jak przyciski, a ich wygląd zmienia się podczas interakcji z nimi. Używaj ich również wtedy, gdy musisz ich użyć: na przykład obok formularza obiecują użytkownikowi, że wpisane przez niego informacje zostaną przesłane na serwer, a następnie zostaną przeniesieni na inną stronę z odpowiedzią.

3 – Witryny istnieją w przeglądarkach internetowych, więc pozwól użytkownikom „przeglądać” Twoją witrynę

Czy wiesz, że przeglądarki mają przyciski do przewijania wstecz i do przodu? Wiem, że tak, ponieważ wszyscy jesteśmy przyzwyczajeni do tego wzorca…. a jednak niektóre strony internetowe łamią dziś ten schemat! Aplikacje jednostronicowe (SPA) używają JS do dynamicznego ładowania zawartości, a niektóre z nich robią to, ignorując opcję w przeglądarce, aby wrócić do poprzedniego etapu. Brutalistyczny projekt pozostaje wierny sieci i nigdy nie łamie schematów i zasad, do których użytkownik jest przyzwyczajony.

4 – Użytkownicy mogą przewijać zawartość w pionie

Strona internetowa nie jest magazynem ani książką, więc nie ma potrzeby (w zasadzie) stronicowania treści. Jedynym powodem, dla którego wiele stron tak robi, jest sztuczne zwiększanie odwiedzin, ponieważ aby przeczytać artykuł, czytelnik jest zmuszony odwiedzić wiele stron. Nie rób tego!

W brutalistycznej witrynie treść jest prezentowana od razu, a czytelnik może ją konsumować we własnym tempie, przewijając, jak mu odpowiada. Nie ma potrzeby przeszkadzać użytkownikowi niepotrzebnymi interakcjami w celu przeglądania i korzystania z tego, co naprawdę ważne: treści.

Co myślisz?

Lubię zasady brutalizmu. Jeśli nie jesteś projektantem, stosowanie tych zasad jest dość łatwe: po prostu zostaw rzeczy tak, jak wyglądają domyślnie (lub lekko je dostosuj). Ale co myślisz? Czy lubisz to? Czy uważasz, że jest brzydki i przestarzały? Daj nam znać w sekcji komentarzy poniżej!

Polecane zdjęcie berenice melis na Unsplash.