10 brutalistycznych stron internetowych, które zainspirują Twój następny projekt projektowania stron internetowych

Trendy w projektowaniu stron internetowych zmieniają się cały czas. Zanim znajdziesz projektanta, z którym będziesz mógł pracować, zdecyduj się na wygląd, z którym wszyscy się zgodzą, wykonaj swoją pracę i wreszcie wejdź na żywo, to, co fajne, świeże i modne, się zmieniło. Wejdź na brutalistyczne strony internetowe.

Co to jest, pytasz? To wtedy, gdy przeciwstawiasz się trendom i celowo projektujesz swoją witrynę tak, aby była brzydka. A jeśli nie jest po prostu brzydki, to przynajmniej jest wolny od frywolnych/zbędnych elementów projektu.

Brutalistyczne strony internetowe to stosunkowo nowa rzecz wśród celowych projektów, ale wiele z nich czerpie inspirację z początków internetu. Czasy, kiedy Angelfire i Geocities były szczytem grozy. Czasy, kiedy jedynym HTML, który musiałeś znać, były a href i img src .

Od tego czasu sieć ruszyła naprzód, ale dobry (a może dobry-zły?) design nie. Z jednej strony brutalizm dotyczy funkcji nad formą. Jeśli to działa, niech działa. Z drugiej strony chodzi o bycie punkowym i zmuszanie użytkowników do pracy za to, co dostaje z Twojej witryny.

Bez względu na to, w którą stronę chcesz iść, jestem pewien, że po obejrzeniu tych wspaniałych potworności znajdziesz sposób na brutalizację swojego następnego projektu.

1. craigslist.org

Craigslist jest brzydki. Nie, nie broń tego. To potwór. Czarny tekst, niebieskie linki, białe tło. To nie jest ładne. Ale nie musi tak być.

Ponieważ to działa. To jest ważne. Częścią brutalizmu jest UX, a CL ma to na dole. Możesz znaleźć to, czego potrzebujesz, aby kupić lub sprzedać bez zamieszania, bałaganu lub obcych ruchomych części.

2. Konsept83.pl

Podobnie jak Craigslist, Konsept83 szuka inspiracji we wczesnych latach Internetu. Szare tło, czcionka maszyny do pisania (podstawowa brutalistyczna strona internetowa) i wszystkie linki, które dokładnie określają, w co klikasz.

Strony wewnętrzne są równie oszczędne – mają po prostu osadzone obrazy.

3. pokaz zdjęć.tv

Pictureshow.tv działa tylko w trybie poziomym na urządzeniach mobilnych (lub na komputerach stacjonarnych). Jest to seria wideo zaprojektowana tak, aby wyglądać i czuć się jak stara taśma VHS. Klikasz nawet na inne strony i zachowują się one tak, jakby były menu konfiguracji magnetowidu.

Ale wiesz co? Strona działa, wiesz co robić i nie gubisz się ani na chwilę.

Ale człowieku. Jest brzydki. I wtedy piękna. A najlepsze jest to, że nie masz wątpliwości, jak z niego korzystać.

4. chris.bolin.co

Czy kiedykolwiek widziałeś witrynę offline? Nie? Ja też. I wtedy znalazłem to piękno.

Chris Bolin zaprojektował tę stronę tak, aby była jak najbardziej brutalna dla użytkowników sieci: musisz się rozłączyć, aby się połączyć. Automagicznie pojawia się treść i widzisz prosty komunikat o prostocie przedstawionej w prosty sposób.

Brutalizm, człowieku.

4. stephaniemarx.com/talks

Jedna z jej prelekcji (i sposób, w jaki zapoznałem się z jej twórczością) nosi tytuł Wszystko, czego się nauczyłem o projektowaniu stron internetowych, nauczyłem się od Geocities .

Chyba nie muszę mówić nic więcej.

5. wolftonechambers.com

Mów o brutalności. Tutaj jest treść. Dużo tego. Dobre informacje, które są dobrze napisane. Ale to wszystko jest ukryte przed nami przez morze ASCII.

Nie można powiedzieć, że jest to atrakcyjne wizualnie ani strasznie funkcjonalne. Ale to jest niezapomniane. Jest dziwnie czysty pomimo całego bałaganu, a najdziwniejsze jest to, że po przewinięciu trochę widać, jak to działa i jak znaleźć informacje bez wskazówek. Co oznacza, znowu dziwnie, tak powinien działać UX.

#shrugemoji

6. allanyu.nyc

Piękno pisania i publikowania w sieci polega na tym, że użytkownicy nie widzą poprawek i zmian, które wprowadzasz w swoich materiałach. Możesz umieścić tam nowe treści lub dostosować stare treści, a nikt nie będzie mądrzejszy (chyba że sprawdzi archiwa Wayback Machine).

Allan Yu używa jednak brutalności, aby pokazać poprawki, które wprowadza na swojej stronie, tak jakby były one fizycznymi poprawkami w notatniku. To sprawia, że ​​ogólne wrażenia są ogólnie mniej czyste, ale bałagan zwiększa wrażenia użytkownika, więc wszyscy są świadomi, że nie tylko rośnie w stylu, ale także umiejętności i kreatywność.

Nie jest to projekt, który można znaleźć w głównym serwisie informacyjnym (czy nie byłoby fajnie widzieć znaki redakcyjne w CNN?), ale dla projektanta lub agencji, która ma stosunkowo powolne aktualizacje, ten styl prawdopodobnie będzie dobrze działał.

7. Brutalistyczne przeprojektowanie

Tworzenie brutalistycznych stron internetowych jest o wiele trudniejsze niż mogłoby się wydawać. Ponieważ łatwo jest zrobić brzydką stronę internetową. Łatwo jest też uprościć stronę internetową. I łatwo jest sprawić, by strona wyglądała na przestarzałą.

Ale trudno zrobić to wszystko na raz. Tak więc Pierre Buttin wziął niektóre z najczystszych, najpopularniejszych aplikacji (takich jak Facebook, Instagram i Snapchat) i przeprojektował je jako przykłady tego, jak można zachować formę i funkcjonalność, usuwając zbędną lampę błyskową, która nie dodaje nic do doświadczenia.

8. morgane.com/pixel-lab

http://morgane.com/pixel-lab
(Może nowe zdjęcia na laptopie całej strony.)

Twórcy niezależnych gier wideo to dziwaczna grupa. Ludzie z Pixel Labs nie odbiegają od tego opisu. Ich strona internetowa to pojedyncza strona, która wygląda tak, jakby została napisana na początku lat 90., a paleta kolorów prawdopodobnie była .

To powiedziawszy, wiedzą, co robią. Mają wizytówkę swojej pracy, zaproszenie na serwer Slack i chęć pomocy innym.

Korzystanie z projektowania stron internetowych usuwa wszelkie przeszkody między nimi a ich odbiorcami.

9. wekflatm.kr

Myślę, że to może być idealna strona internetowa. Poważnie. Poważnie zastanawiam się nad tym, aby strona prezentująca moje powieści działała w ten sposób.

To e-commerce w swojej najbardziej podstawowej i doskonałej formie: oto krzesło. Kup to. Chcesz kanapę? W porządku. Możesz je tam kupić.

Bez list życzeń, bez wyszukiwań, bez zmian lub recenzji użytkowników. Tylko przedmiot, cena, kup.

Nie jest ładna, ale też nie jest brzydka. To proste. I ma osobowość. To wszystko, czego potrzebujesz na stronie internetowej i nic, czego nie potrzebujesz.

10. keyaar.in

Założę się, że pierwszą rzeczą, którą zrobisz na tej stronie, jest kliknięcie kształtu. Ponieważ kształty. Potem przeczytasz etykiety – które tak naprawdę niewiele Ci mówią.

Rzecz w tym, że po kliknięciu prawie wiesz, czym jest każdy z nich. Praca jest galerią, zgadliście, pracy. NSFW to blog, ale nawet wcześniej wiesz, że wchodzisz w coś osobistego, jeśli nie intymnego. A KL11 ? Sama agencja projektowa. Znajdziesz tam wszystkie potrzebne informacje.

Czego więcej chcecie od strony internetowej?

Brutalny, szmutalny

Możesz nie chcieć w swoim portfolio zestawu brutalistycznych stron internetowych. W porządku. Ten schemat projektowania absolutnie nie jest dla wszystkich, a niektórzy klienci z pewnością będą się wahać, gdy zaproponujesz brzydką witrynę.

Jednak z tych witryn można wyciągnąć wiele lekcji dotyczących projektowania.

Wzywam cię jednak, abyś spróbował stworzyć brutalistyczną stronę. Sprowadzenie całości do najistotniejszych rzeczy sprawi, że skonfrontujesz się ze swoimi uprzedzeniami, a także ze swoimi mocnymi i słabymi stronami. Jasne, będzie brutalnie, ale wyjdziesz z tego jako silniejszy projektant.

A może też silniejsza osoba.

Co sądzisz o brutalistycznych stronach internetowych? Podziel się z nami swoimi przemyśleniami na temat tego trendu w komentarzach

Miniatura artykułu autorstwa Kaleo / shutterstock.com