웹 디자인이 잘 된 경우: 완전히 무의미합니다.

게시 됨: 2022-03-10
간략한 요약 ↬ 이번 Web Design Done Well 에서는 이상하고 괴상한 웹사이트를 기념합니다. 달콤하고 순수하며 때로는 무의미한 목적을 가진 사이트. 그들은 돈을 버는 사람들입니까? 게임 체인저? 반드시 그런 것은 아니지만 확실히 재미있고 웹에서만 실제로 관리할 수 있는 방식입니다.

KPI와 전자 상거래, 끝이 없어 보이는 분석 속에서도 여전히 경박함을 수용하는 사이트가 많이 있습니다. 약간의 재미를 위해 가장자리를 벗어나지 않습니까?

오늘날 웹은 매우 비즈니스적인 공간처럼 느껴질 수 있습니다. 당신이 가는 대부분의 장소는 우리의 주의를 끌기 위해 경쟁하는 수많은 광택 제품과 불안할 정도로 개인화된 광고인 것 같습니다. 많은 돈을 벌 수 있고 때때로 모든 것이 약간 비인간적으로 느껴질 수 있습니다.

긴장을 풀고 휴식을 취하세요. 어쩌면 자신의 무의미한 프로젝트에 대해 생각할 수도 있습니다. World Wide Web에서 가능한 것의 유일한 한계는 우리의 상상력이라는 사실을 잊지 마십시오.

의 일부: 웹 디자인이 잘 수행됨

  • 1부: 평범함을 특별하게 만들기
  • 2부: 오디오 활용하기
  • 3부: 탁월한 편집
  • 4부: 완전히 무의미
  • 또한 다음 뉴스레터를 놓치지 않으려면 뉴스레터를 구독하세요.

해커 타자

아아, 현대 개발자의 삶은 매트릭스가 우리에게 믿게 한 것만큼 수수께끼 같거나 섹시하지 않지만, 그렇다고 해서 우리가 약간의 가상에 탐닉할 수 없다는 의미는 아닙니다. 낡았지만 좋은 해커 타자(Hacker Typer)는 “영화와 대중 문화에서 전형적인 해커처럼 보이고 싶다는 단순한 욕망에서 출발했다”.

녹색 바탕에 검은색 디자인이 적용된 Hacker Typer 사이트의 스크린샷.
(큰 미리보기)
점프 후 더! 아래에서 계속 읽기 ↓

짧은 여행

World Wide Web보다 아티스트를 위한 더 크고 포괄적인 캔버스는 거의 없습니다. 제품 판매와 브랜드 구축에 대한 부담이 너무 커서 창조를 위한 창조를 간과할 수 있습니다.

Alexander Perrin의 실험적인 페이지인 'Short Trip'은 온라인에서 무엇이 가능한지를 보여줍니다. '스케치'라는 아이디어는 여전히 매우 실용적으로 느껴집니다. 펜과 종이가 필요한 것입니다. 별로. 흑연 일러스트와 트램이 이 '인터랙티브 일러스트레이션'의 전면과 중앙에 있습니다. 왜요? 왜 안 돼?

흑연 삽화가 있는 Alexander Perrin의 실험 페이지인 Short Trip의 스크린샷.
(큰 미리보기)

이것은 Three.js와 JavaScript WebGL로 구축되었으며 데스크탑과 모바일 모두에서 작동합니다. 현대 웹의 참여 중심 디자인에 너무 익숙해지면서 디지털 세계가 표류하는 것을 보는 것은 믿을 수 없을 정도로 평화로워졌습니다.

그림.정원

"원예, 그러나 이모티콘과 더 적은 시간." 이것이 미니애폴리스의 예술가 벤 모렌(Ben Moren)이 완전히 사랑스러운 drawing.garden을 설명하는 방법입니다. 그 정도는 다룹니다. 화면을 가로질러 커서를 끌어 빈 들판이 딸기, 해바라기, 그리고 (비유적으로) 마법의 버섯으로 빛나는 것을 지켜보십시오. 소리도 켜두세요.

SM글자가 있는 drawing.garden 사이트 스크린샷.
(큰 미리보기)

이것은 사람들이 자신의 '디지털 정원'을 가꾸는 것에 대해 말할 때 의미하는 바가 아니지만 끔찍하게 즐거운 대안입니다. 루트 사이에서 무슨 일이 일어나고 있는지 관심이 있는 사람들을 위해 프로젝트는 p5.js를 사용하여 만들어졌으며 코드는 GitHub에서 전체를 볼 수 있습니다.

플롭스타터

이것에 대한 실행은 완벽합니다. 크라우드 펀딩과 서포터 제도는 웹의 많은 부분에서 게임 체인저였습니다(그런데 Smashing 회원이 되는 것을 고려하십시오). 그러나 그들은 또한 그들의 시대에 약간의 실패를 겪었습니다(우리가 아니라 우리는 정말 좋습니다). Flopstarter는 현실이 되기 위해 힘들게 번 돈이 필요한 모든 종류의 터무니없는 아이디어를 조합한 그다지 미묘하지 않은 풍자적 금색 조각입니다.

AnkleHub 프로젝트가 있는 Flopstarter 웹사이트의 스크린샷
(큰 미리보기)

납작한 그릇, 감자 껍질 자켓, 울고 싶은 티슈 페이퍼 베갯잇 — 어리석은 생각의 아주 훌륭한 배열입니다. 사이트가 너무 전문적으로 완료되어 거의 제품을 지원하고 싶을 정도입니다. 거의.

당신의 내부 명태를 풀어 놓으십시오

예술가가 되기 위해 이젤이 필요한 사람은 누구입니까? 이 Jackson Pollock 사이트를 사용하면 멋지고 계산적인 웹에 아름다운 유기적 느낌을 주어 자신만의 조증적인 걸작을 만들 수 있습니다. 당신이 어느 정도 예술적이라는 것을 '페인트'하는 것은 기쁨이며 심지어 당신에게 확신을 줄 수 있습니다. (폴록이 당신의 스타일이 아니라면 대신에 몬드리안과 나를 시도하지 않겠습니까?)

일부 작가의 그림이 있는 Jackson Pollock 사이트의 스크린샷.
NFT를 계속 지켜봐 주십시오. (큰 미리보기)

그리스 예술가 Miltos Manetas가 10년 이상 전에 구축한 이 사이트는 웹의 상호 작용에 기대어 수행할 수 있는 작업에 대한 훌륭한 쇼케이스로 여전히 자리 잡고 있습니다. 캔버스처럼 취급한다면 캔버스가 될 수 있습니다.

아르페지오

사용자의 변덕에 따라 저울을 반복하는 이 Chrome 실험은 장난스럽고 순수한 느낌을 줍니다. 다른 건반과 악기 사이를 이동할 수 있다는 것은 엄밀히 말해 어떤 것에도 유용하지 않지만 확실히 즐겁습니다.

아르페지오 사이트 스크린샷
(큰 미리보기)

군더더기 없는 프리젠테이션과 인터페이스는 여기에서 페이지에 유리하게 작동합니다. 핵심 요소인 음표를 중심으로 제작되었습니다. 사운드는 웹에서 쉽게 (그리고 종종) 서투르게 적용되지만, 이와 같은 페이지는 얼마나 풍부한 경험을 할 수 있는지를 상기시켜줍니다.

소코반

1980년대 이마바야시 히로유키(Imabayashi Hiroyuki)가 처음 쓴 Sokoban 은 플레이어가 지정된 보관 위치에 보관될 때까지 창고 주변의 상자를 밀어 넣는 퍼즐 게임 장르입니다. 그것이 마른 전제라고 생각하십니까? 다시 생각 해봐. 그것은 약간 중독성이 있는 돌처럼 차가운 고전이며 sokoban.info에서 무료로 플레이할 수 있습니다.

Sokoban 사이트의 스크린샷
(큰 미리보기)

7,500개 이상의 레벨을 처리해야 하는 이 책은 모든 연속 미루는 사람을 위한 필수 책갈피입니다. 가능한 한 적은 수의 움직임으로 각 작업을 완료해야 하는 추가 도전은 이 게임을 사실상 평생 게임으로 만듭니다.

모든 것이 OK

우리 모두가 갖고 싶어하는 버튼입니다. 모든 것을 OK로 만들기는 일을 단순하게 유지합니다. 나는 그것을 제공하기 위해 후드 아래에서 무슨 일이 일어나는지 아는 척하지 않을 것이지만 그것은 나에게 좋은 거래처럼 들린다.

Make Everything OK 사이트 스크린샷
지금 당장… (큰 미리보기)

아무리 어리석은 아이디어라도 간단하게 실행되는 아이디어에는 아름다움이 있습니다. 스큐어모픽 웹 디자인의 좋은 예이기도 합니다. 하나의 버튼, 하나의 결과. 시도하지 않을 척하지 마십시오. 우리 둘 다 당신이 그럴 것이라는 것을 알고 있습니다. 모든 것을 확인하십시오.

면책 조항: 이것이 모든 것을 해결하지 못할 수도 있습니다.

지오시티

이것은 OG 무의미한 사이트입니다. 아니 오히려 이들은 OG입니다. 1994년에 설립된 GeoCities는 사용자가 무료로 웹사이트를 코딩하고 같은 생각을 가진 페이지가 있는 '도시'로 그룹화할 수 있는 서비스였습니다. 2009년이 끝날 때까지 약 3,800만 개의 사용자 작성 페이지가 생성되었습니다. 고맙게도 이러한 페이지 중 많은 부분이 restorativland의 Geocities Gallery 아카이브 프로젝트에 남아 있습니다.

도미니카 공화국의 사진이 있는 OG의 스크린샷
매일 페이스북 프로필을 통해 이것을 줘. (큰 미리보기)

기록 보관소를 탐색하면 인터넷이 과거에 있었을 수도 있고 지금도 될 수도 있는 모습을 초현실적이고 감동적으로 엿볼 수 있습니다. 가장 가까운 현대 커뮤니티는 IndieWeb입니다. 또는 GeoCities의 영적 후계자인 Neocities도 물론입니다. 엉뚱하고 지저분하지만 표현력이 풍부하고 아름다운 사이트. 에드워드 스노든(Edward Snowden)은 회고록 영구 기록( Permanent Record )에서 이렇게 말했습니다.

프로젝트 이상으로 충분하지 않습니다

위에 공유된 사이트는 웹에서 예술 작품, 실험 페이지 및 완전히 터무니없는 프로젝트의 아주 작은 부분입니다. 당신이 그들을 찾거나 직접 몇 개만 만든다면 그들은 거기에 있습니다.

이것들이 어디에서 왔는지 더 알고 싶다면 Pointless Sites와 Useless Web이 좋은 기회가 될 것입니다. CodePen과 같은 다른 사이트에는 훌륭한 땜장이들이 넘쳐납니다. 디지털 역사 애호가를 위해 다시 한 번 GeoCities 아카이브와 영적 계승자인 Neocities로 여러분을 부드럽게 안내합니다. 무의미한 열정 프로젝트는 살아 있고 잘, 맙소사.

  • Jhey Tompkins의 "장난감 코드: 재미를 통해 학습 능력 향상"
  • Saskia Freeke의 "5년 동안 매일 작품을 코딩하면서 예상치 못한 교훈"

그리고 당신이 대담하다고 느낀다면, 당신이 얼마 전에 적어 둔 그 아이디어를 함께 엮어보는 것은 어떻습니까? 해당 프레임워크, 해당 라이브러리 또는 해당 앱을 사용해 보십시오. 너무 어리석거나 가치가 없는 것은 없습니다. 만드는 것을 즐긴다면 충분히 가치가 있습니다.

가서 무의미합니다. 온라인 생활에서 신에게 정직한 순수함을 유지하십시오.