잔인한 웹 개발의 분열된 성격

게시 됨: 2022-03-10
요약 ↬ 프릴이 없거나 스프링클러가 부착된 번쩍이는 네온 프릴이 있습니까? 'Brutalist' 웹사이트는 최근 몇 년 동안 번성했지만 그들의 지도 철학은 여전히 ​​불분명합니다.

최근 몇 년 동안 인터넷을 강타한 모든 디자인 트렌드 중에서 브루탈리즘은 확실히 가장 눈길을 끌며 가장 잘 정의되지 않았습니다. 다양한 주요 브랜드가 온라인에서 '잔인한' 미학을 수용했습니다. 한 곳에서 선택 항목을 보는 데 관심이 있는 사람들을 위한 디렉토리도 있습니다. 스타일은 제대로 주류에 진입했습니다.

Bloomber.com의 데스크탑 홈페이지
Bloomberg.com의 완벽하고 말도 안되는 디자인은 2016년에 출시되어 2018년에 개선되었습니다. 이는 종종 온라인에서 잔혹 행위의 성장을 보여주는 대표적인 사례로 선전됩니다. (큰 미리보기)

실제로, 잔인한 웹 디자인은 너무 빨리 성장하여 스타일이 실제로 무엇인지에 대한 명확한 합의 없는 것 같습니다. 누군가에게는 실용성을 의미하고 누군가에게는 대담함을 의미합니다. 그 이름에서 따온 아키텍처와 마찬가지로 잔인한 웹 개발은 두 가지 경쟁 철학이 하나로 통합되었습니다. 어느 쪽도 반드시 '옳은' 것은 아니지만 그 차이를 아는 것이 중요합니다. 그것들을 다른 것으로 부르기 시작하는 것이 현명할 수도 있습니다.

점프 후 더! 아래에서 계속 읽기 ↓

잔혹 행위의 간략한(ish) 역사

우리가 앞서 나가기 전에 '잔인한 자'라는 용어가 어디에서 왔으며 그것이 의미하는 바를 요약해 보겠습니다. Brutalism은 제2차 세계 대전 이후에 등장한 건축 양식으로, 50년대와 60년대에 절정에 달했습니다. 단순하고 기하학적인 디자인과 노출된 건축 자재를 옹호하는 경향은 대부분 지난 수십 년 동안 화려하고 과도하게 설계된 구조에 대한 반작용이었습니다.

이름은 원시 또는 거친 콘크리트를 의미하는 프랑스어인 beton brut 에서 따왔습니다. 콘크리트는 잔혹한 구조의 일반적인 재료이며 스타일의 군더더기 없는 접근 방식에 적합합니다. 다른 재료가 사용될 수 있고 사용될 수 있지만 콘크리트가 특히 일반적입니다. 구조가 무엇이든 장식은 불필요한 것으로 간주됩니다. 형태도 재료도 충분하다.

회색, 단조로운 것을 좋아하는 영국은 특히 스타일을 취했습니다. 잔인한 건축물의 주목할만한 예에는 Royal National Theatre, Barbican Estate 및 Balfron Tower가 있습니다. 도서관, 극장, 대학, 주택 단지 등과 같은 공공 건물에서 특히 인기가 있는 것으로 입증되었습니다.

런던의 왕립 국립극장
런던 국립극장. Denys Lasdun이 설계하고 1976년에 개장한 이 건물은 잔인한 건축 양식의 교과서적인 예입니다. 그것은 영국에서 가장 미움을 받고 가장 사랑받는 건물 중 하나입니다. 헨리 헤밍의 사진. (큰 미리보기)

모든 사람이 동의하는 포괄적인 정의는 아니지만, 영국 건축 비평가 Rayner Barnam이 1955년 에세이 'On the New Brutalism'에서 스타일의 핵심 아이디어를 설명하려고 시도한 경우가 종종 있습니다. 전체를 읽지 않으실 분들을 위해 Barnham은 철학을 다음과 같이 요약했습니다.

최후의 수단으로 회화에서와 마찬가지로 건축에서 새로운 브루탈리즘을 특징짓는 것은 바로 그 잔인함, je-m' en-foutisme, 피투성이인 마음입니다.

느슨하게 번역하면 je-m' en-foutisme 는 '망할 태도를 취하지 마십시오. 확실히, 잔인한 건물은 전통적인 아름다움 표준에 대해 관심이 없습니다. 그들은 또한 다소 분열적입니다. 어떤 사람들은 그들의 확고한 실용주의적 성격을 헐뜯는 반면, 다른 사람들은 추함, 비인격성, 그리고 잔인함을 비난합니다.

좋든 싫든, 잔인한 건축물은 원시를 기념합니다. 실제로 Barnam은 스위스-프랑스 건축가 Le Corbusier의 인용문으로 에세이를 시작했습니다. "건축은 원자재와 움직이는 관계를 구축하는 것입니다." Le Corbusier의 Unite d'habitation 주택 디자인은 한 세대의 잔인한 건축가에게 영감을 주었습니다.

마르세유 La Maison du Fada의 발코니
프랑스 마르세유에 있는 La Maison du Fada의 발코니. 르 코르뷔지에가 설계하고 1952년에 완성한 이 건물은 잔혹한 주거 디자인의 선구적인 예였습니다. Jean-Pierre Dalbera의 사진. (큰 미리보기)

따라서 요컨대, 잔인한 건축은 건축을 기본 재료로 축소할 뿐만 아니라 그 단순함에서 아름다움을 찾습니다. 비평가들은 그것이 당신의 면전에서 약간 비인간적이며 약간 전체주의적이라고 말합니다. '날것'과 '잔인한'의 이중적인 의미가 정의를 흐리게 했지만, 일반적으로 목표는 날 것이므로 결과는 잔인한 것으로 인식됩니다.

이 스타일은 전후 전성기 이후 인기가 줄어들었지만 가장 독특한 스타일 중 하나로 남아 있습니다. 소수의 사람들이 목록에 등재된 상태를 얻었고, 나는 그들이 받은 것에 대해 기쁘게 생각합니다. 잔혹한 건물이 있는 도시는 조금 많을 수 있지만 없는 도시는 더 가난합니다.

추가 읽기

  • #SOSARCHITECTURE, 잔인한 건물의 온라인 아카이브
  • 가디언 을 위한 '놀라운 헐크: 조나단 미즈의 잔혹한 AZ'
  • Wikipedia의 잔인한 구조 목록

실용성 또는 대담성?

이 모든 것이 웹 개발과 무슨 관련이 있습니까? 철학, 주로, 그리고 그것이 쪼개진 방식. 잔인함은 특히 지난 3~4년 동안 온라인에서 새로운 삶을 찾았습니다. 많은 사이트가 잔인한 별명을 얻었으며 트렌드의 상승과 함께 aw(ww) ard, 기사 및 디렉토리가 수반되었습니다.

이러한 것들을 탐색하면 모든 사람이 같은 것에 대해 이야기하고 있지 않다는 인상을 받을 수 있습니다. 그렇지 않기 때문입니다. 웹 개발의 세계에서 '브루탈리스트'는 다양한 스타일을 아우르는 것으로 성장했습니다. 이러한 다양한 접근 방식을 계속해서 하나로 묶는 것은 디자이너에게 해가 됩니다. 나는 웹 브루탈리즘을 아래 두 가지 유형으로 구분했지만, 우리가 보게 되겠지만 그것만으로는 충분하지 않을 수 있습니다.

유형 1: l'Internet Brut

잔인한 웹 디자인의 첫 번째 유형은 건축의 선조와 훨씬 더 많은 공통점이 있습니다. l'Internet brut 라고 생각하시면 됩니다. 여기서 원재료는 HTML이고, CSS는 덜하지만요. 배경은 밝고 텍스트는 검은색이며 하이퍼링크는 파란색입니다. 약간의 흔들림이 있지만 이것이 요지입니다. 신경쓰지 마세요. 실제 코드를 표시하지 않으면 훨씬 더 거칠어질 수 없습니다.

최초의 웹사이트
태초에 스타일이 있었고, 스타일은 브루탈리즘과 함께 있었고 스타일은 브루탈리즘이었다. (큰 미리보기)

크고 작은 이 스타일의 예는 셀 수 없이 많습니다. 최초의 웹사이트는 부주의한 제자였으며 최근에는 프로그래머 David Bryant Copeland의 Brutalist Web Design에서 스타일에 대한 멋진 선언문을 내놓았습니다.

전 세계적으로 잔인한 행진이 강한 다른 웹사이트는 다음과 같습니다.

  • 크레이그리스트
  • 위키피디아
  • 목록 떨어져
  • (구) 레딧
  • 블룸버그
  • 프리사이클.

이러한 사이트의 원료는 매우 유사하지만 모두 동일하게 보이지는 않습니다. 그것들은 내용과 목적을 중심으로 형성됩니다. 그들의 건축학적 사촌처럼 실제로 형태가 매우 다양합니다.

2020년에 나타나는 Craigslist의 런던 홈페이지
적절한 l'Internet brut 웹사이트. 회색도 있어요! (큰 미리보기)

위의 Craigslist 홈페이지에서 볼 수 있듯이 과한 부분은 거의 없으며 스타일 면에서는 더 적을 수도 있습니다. 20(!) 년 동안 거의 변경되지 않았습니다. 왜냐하면 그럴 필요가 없었기 때문입니다. 코드를 보면 나와 같은 초보자도 페이지가 어떻게 구성되어 있는지 따라할 수 있습니다. 바로 앞에 있기 때문에 어떻게 만들어졌는지 추측할 필요가 없습니다.

이와 같은 사이트를 사용하면 마켓플레이스, 포럼, 백과사전과 같은 많은 웹사이트에 의존하는 '공개적으로 생각하는' 것과 겹치는 것을 종종 볼 수 있습니다. Wikipedia와 같은 사이트가 Robin Hood Gardens의 디지털 형식을 취하는 것을 보는 것은 이상하게도 적절합니다. Bloomberg는 뉴스 공간에서도 많은 회사를 보유하고 있습니다. The New York TimesThe Washington Post 와 같은 신문은 최근 몇 년 동안 유사하게 무뚝뚝하고 기능적인 디자인을 수용했습니다. 뉴스 디자인은 항상 잔인한 경향이 강했습니다.

워싱턴 포스트 웹사이트의 데스크탑 홈페이지
워싱턴 포스트(Washington Post)의 개편된 웹사이트는 2015년에 공개되었습니다. 신문 디자이너 Mario Garcia는 당시 '어수선함과 혼잡함을 피했다'고 칭찬했습니다. (큰 미리보기)

여기에서 예로 사용된 여러 사이트가 잔인한 사이트로 설정되지 않았음을 언급합니다. 브루탈리즘이라는 용어의 기원으로 널리 알려진 빌라 고트와 마찬가지로 그들은 실용적이고 단순하게 출발했습니다. 말하자면 입양되었습니다. 그들의 성공은 건축가와 개발자 모두에게 영감을 주었습니다. 그들은 외모에 너무 무관심하여 자신도 모르게 브루탈리즘 디자인의 빛나는 본보기가 되었습니다!

이러한 맥락에서 사이트는 항상 아름다움을 외치는 것은 아니지만 기능에는 우아함이 있습니다. 그들은 무관심하고 소박하며 웹의 원시 요소를 사용하여 목적에 맞게 형성됩니다. (말장난 의도.)

유형 2: l'Internet Fou

이것이 분할입니다. 바로 여기에. 웹 디자인 트렌드에 일시적인 관심이라도 있는 사람들은 우리가 지금까지 살펴본 수많은 '잔인한' 사이트를 설명하는 데 실패했음을 알 것입니다. Vitaly Friedman이 Smashing Book 6에서 언급했듯이:

건축에서의 잔인함은 의도적으로 부서진 미학이 아니라 무관심한 미학이 특징입니다. 웹 디자인에 적용할 때 이 스타일은 의도적으로 깨진 디자인 규칙 및 지침 원칙과 함께 사용되는 경우가 많습니다.

지난 몇 년 동안 '잔인한' 디자인의 부상은 순수함보다 잔인함과 더 많은 관련이 있습니다. 이것은 때때로 무정부 상태에 접해 있는 더 미친 세상입니다. 여기에서 디자인 규칙이 전복되고 사용성은 나중에 고려됩니다. 이들은 '물질보다 스타일'이라는 제목의 기사를 표시하는 사이트이며, 워싱턴 포스트 에서는 이 스타일을 '의도적으로 못생긴' 스타일로 요약했습니다.

아트 매거진 화장지의 데스크탑 홈페이지
아티스트 매거진 토일렛페이퍼 홈페이지. (큰 미리보기)
자칭 브루탈리스트 웹사이트 엄지수 데스크탑 홈페이지
Brutalist Websites 디렉토리에 있는 또 다른 사이트인 JI SOO ​​EOM. (큰 미리보기)

적절하게 편두통을 유발하는 기사 'Brutalism: BrutAl webSiteS for mOdern day webMAsTeRS'에서 Awwwards는 이 두 번째 변종을 다음과 같이 설명합니다.

웹 디자인의 잔인함은 합리주의와 기능에 직면하여 웃음을 자아냅니다. 디자인 세계에서는 자유형, 추악한, 불경스러운, 날것, 피상적으로 장식적인 등으로 정의할 수 있습니다.

이것이 유형 1에 대한 완전히 다른 접근 방식이라고 말하는 것이 논란의 여지가 없기를 바랍니다. 요컨대, 이 접근 방식은 아티스트와 그래픽 디자이너의 영역에 더 가깝고, 따라서 예술은 웹사이트에서 취할 수 있는 가장 원시적인 형태라고 주장할 수 있지만 그건 무리일 수 있습니다. 잔인한 건축이 '명시' 영역으로 표류할 수 있다는 데는 의심의 여지가 없지만, 그것은 자연적인 영역이 아닙니다.

Brutalist Websites 디렉토리는 'Brutalism[온라인]은 오늘날 웹 디자인의 가벼움, 낙관주의 및 경박함에 대한 젊은 세대의 반응으로 볼 수 있습니다.'라고 제안합니다. 여기에는 건국의 잔혹한 기풍의 그늘이 있지만 더 불경하고 전복적입니다. 그것들은 그들 자신의 방식으로 매우 아름다울 수 있지만, 또한 이 세상의 Craigslists와는 완전히 다른 천으로 재단될 수도 있습니다.

이 도시는 우리 둘에게 충분하지 않습니다

그래서 당신은 그것을 가지고 있습니다. 잔인한 웹 디자인이 합리주의와 기능에 모두 들어가지 않을 때 합리주의와 기능에 직면하여 웃고 있습니다. 공습 경보 해제?

이 용어는 여러 의미에서 서로 상충되는 접근 방식을 포함하도록 성장했습니다. 실제로 2014년에 Brutalist 웹사이트 디렉토리를 만든 Pascal Deville은 스타일이 세 가지 미시적 스타일로 나뉘었다고 생각합니다.

  1. 순수주의자,
  2. UX 미니멀리스트,
  3. 반주의자(또는 예술가).

수년에 걸쳐 수백 건의 제출물을 심사한 그는 누구보다 잘 알고 있을 것입니다. 그는 말한다:

순수주의자들은 '물질에 대한 진실' 개념과 사용 가능한 가장 순수한 마크업 요소의 사용과 같은 웹 브루탈리즘의 건축적 특성을 강력하게 언급합니다. 대조적으로 UX 미니멀리스트는 효율성과 성능을 Web Brutalism의 주요 동인으로 보고 가능성의 근본적인 한계가 전환율을 높일 수 있다고 믿습니다. '반주의자'나 예술가들은 웹 디자인을 (여전히) 저평가된 예술 형식으로 보고 현상 유지를 별로 존중하지 않고 대부분 나쁜 평판을 받습니다.

'적절한' 잔인한 웹사이트란 무엇입니까? 어느 정도 답은 문맥에 달려 있습니다. 웹사이트가 예술가의 소유라면 무관심한 것보다 성급한 것이 더 적절할 수 있습니다. 그러나 일반적으로 말해서 '반-주의' 유형의 감수성은 실제로 모든 부조리와 환락과 혼란이 있는 다다이즘이나 표현주의의 전위적 경향과 같은 것에 훨씬 더 가깝습니다.

커트 슈비터스와 테오 반 두스부르크의 작은 다다의 저녁
커트 슈비터스와 테오 반 두스부르크의 작은 다다의 저녁. (큰 미리보기)
Johannes Theodor Baargeld의 Dada Baargeld 묘사로서의 전형적인 수직 혼란
Johannes Theodor Baargeld의 Dada Baargeld 묘사로서의 전형적인 수직 혼란. '잔인한' 웹 디자인의 어느 분야가 당신에게 더 좋아 보이나요? (큰 미리보기)

나는 이것이 다양한 스타일이 작은 상자에 깔끔하게 정리되는 의미론의 게임으로 이해되는 것을 원하지 않습니다. 내가 더 걱정하는 것은 서로 다른 접근 방식을 강조하여 각각이 번창하는 데 필요한 공간을 제공할 수 있도록 하는 것입니다. Deville이 인정했듯이 웹의 창조적 잠재력은 여전히 ​​탐구되고 있습니다. '새로운 형태의 예술이고 직접 경험할 수 있어 매우 기쁩니다'라고 그는 말합니다. '지금 일어나고 있습니다.'

이는 실용적인 결과도 가져옵니다. 클라이언트와 이야기하는 개발자이든, 개발자와 이야기하는 클라이언트이든 관계없이 어떤 버전의 잔인한 웹 디자인에 대해 이야기하고 있는지 명확히 하는 것이 좋습니다. 당신이 진정한 챔피언이라면 자연스럽게 이 글을 참고하게 될 것입니다. 그렇지 않으면 아래와 같은 시각적 예가 요점을 파악하는 가장 좋은 방법일 수 있습니다.

두 가지 다른 잔인한 웹 사이트 스타일의 예
그들은 둘 다 '잔인한 자들'이므로 당신이 무엇을 요구하는지 확인하십시오. 왼쪽 디자인은 Constantin Grosnov의 프로젝트입니다. (큰 미리보기)

그 외에도 다른 스타일에 다른 이름을 부여해야 할 수도 있습니다. 나는 이것이 많은 사람들에게 다소 불편할 것이라는 점에 감사드립니다. 도메인을 구입하고 상을 수여하고 기사를 작성했지만 앞으로 레이블이 너무 제한적인 것 같습니다. 더 이상 많은 접근 방식을 포함할 수 없습니다. 다른 것은 아니지만, 잔인한 웹 개발의 분열된 성격은 웹 디자인에서 탐색해야 할 영역이 얼마나 남아 있는지 보여줍니다.

잔혹주의, 표현주의, 낭만주의, 아르데코, 미래파, 다다이즘, 인상주의, 부조리, 모더니즘, 미니멀리즘 등 수많은 예술 학교가 있습니다. 그들은 그림, 건물, 문학을 통해 형태를 찾습니다. 웹사이트는 왜 안 될까요? 아래 링크에서 볼 수 있듯이, 이 질문을 하는 것은 저 혼자가 아닙니다. 모든 새로운 개발 스타일과 함께 '반주류'는 디자이너가 하는 일을 설명하는 데 적합하지 않게 됩니다. 그들은 이전에 해보지 않은 방식으로 웹 디자인의 철학을 탐구하기 시작했습니다.

  • Nielsen Norman Group은 잔혹성과 반디자인의 차이점에 대해 설명합니다.
  • 변증법 의 '웹 브루탈리즘과 현대 웹 디자인'
  • Creative Bloq은 잔인한 웹 사이트가 웹의 '펑크 순간'인지 묻습니다.
  • Nick Babich는 지금까지 온라인에서 가장 인기 있는 '이즘'인 미니멀리스트 웹 디자인의 원칙을 설명합니다.

잔인한 웹 디자인의 '다다이스트(Dadaist)' 변종은 한 가지 절대적으로 옳습니다. 웹사이트가 될 수 있는 범위가 너무, 너무 좁다는 것입니다. 웹은 무한한 샌드박스이며 그 안에 있는 가능성의 폭을 수용하는 것은 좋은 일입니다. 그것은 우리의 어휘를 확장하는 것으로 시작됩니다.