뉴 브루탈리즘(New Brutalism)은 지난 몇 년 동안 인기가 높아진 추세입니다. 전후 시대에 지어진 세련되고 모더니즘적인 건물 스타일을 거부하는 Brutalism은 더 원시적이고 세련되지 않습니다. 화려함을 거부하면서 Brutalism은 종종 공장이나 창고를 연상시키는 노출 콘크리트 및 기타 재료를 사용하여 거의 산업적인 미학을 만듭니다.
디자이너들에게 인기가 많은 데는 다 이유가 있습니다. 웹 디자인 편재의 추세를 무시합니다. New Brutalism은 디자이너에게 무제한 창의성을 허용합니다. 이러한 창의성은 " BRUTALIST WEB DESIGNS - UGLIEST Design Trend of 2020 " 에 설명된 대로 "비대칭, 깨진 계층 구조, 깨진 그리드, 크고 대담한 타이포그래피... 겹치는 요소, 기하학적 모양, 단색 [및] 밝은 색상"과 같은 특성으로 표현되는 경우가 많습니다.
사용성 전문가의 주요 관심사로 웹 접근성이 부상하면서 Brutalist 디자인 스타일이 디자이너의 관심을 끈 것은 놀라운 일이 아닙니다. 그 원칙의 대부분은 접근 가능한 디자인과 직접적으로 일치하지만 다른 원칙은 완전히 상충됩니다.
다음은 이러한 추세에 대해 알아야 할 사항과 접근 가능한 디자인 규칙을 위반하는 창의적인 함정을 피하는 방법입니다.
뉴브루탈리즘의 간략한 역사
Brutalism은 특정 건축 스타일이지만 디자인에서 더 넓은 의미를 갖습니다. " 뉴 브루탈리즘 " 이라는 용어 는 1950년대와 1960년대로 거슬러 올라갈 수 있지만 건축 운동은 제2차 세계 대전 이후 몇 년 동안 시작되었습니다. 그것은 이전의 Brutalism 운동과 이름을 공유하지만 둘 사이에는 중요한 차이점이 있습니다. 원래 Brutalism은 미학을 거의 고려하지 않은 원시 콘크리트 건물이 특징인 더 극단적이었습니다. 대조적으로, New Brutalism은 더 세련됩니다. New Brutalism의 지침 중 일부는 산업적 기원을 상기시키는 대담하고 단순한 모양의 사용을 포함합니다.
새로운 잔인함과 접근성
New Brutalism의 의미 있는 측면은 " 디자인의 상징적 단순함과 대량 생산 및 유틸리티에 대한 평등주의적 강조 "입니다. 사용 가능한 경험을 만드는 데 있어 중요한 부분은 사이트의 정보와 정보가 표시되는 방식을 방문자가 액세스할 수 있도록 하는 것입니다.
수직 스크롤 텍스트가 있는 혼합 이미지 및 불분명한 버튼의 지저분한 그리드
웹 디자인의 New Brutalism을 보여주는 웹사이트
타이포그래피
아마도 New Brutalist 웹사이트의 가장 지배적인 시각적 표시는 대담하고 종종 윤곽이 잡혀 있거나 고도로 양식화된 타이포그래피일 것입니다.
이러한 사이트에 어떻게 액세스할 수 없습니까? 타이포그래피가 WCAG 표준을 충족하려면 쉽게 읽고 이해할 수 있어야 합니다. 또한 명확한 제목과 aria 선언이 있어야 합니다.
이 New Brutalist 사이트에는 명확하고 읽기 쉽고 읽기 쉬운 활자체가 있습니까? 대비 문제가 있습니까? 세로 텍스트에 액세스할 수 있습니까? 텍스트와 버튼이 겹치는 요소?
다른 텍스트와 겹치는 애니메이션 텍스트와 대비가 좋지 않은 웹사이트
예 A
포함된 마케팅 카피가 있는 웹사이트가 해당 카피를 제대로 표시하지 않음
예 B
디자인 스튜디오의 스크린샷(예 B)에는 " 사람을 우리 업무의 중심에 두는 일종의 크리에이티브 스튜디오 "라고 쓰여 있는 약간의 아이러니가 있습니다 . 반면 스스로 서비스를 읽거나 액세스할 수 없는 사람들을 무시하는 것처럼 보입니다. 웹사이트.
색깔
접근성의 모든 측면 중에서 색상과 대비는 특히 디자이너가 제어할 수 있습니다. 접근 가능한 작업의 대부분은 제품 자체의 코드 내에서 수행되는 경우가 많지만 색상은 접근 가능한 디자인에서 가장 쉽게 해결할 수 있는 장애물입니다.
나는 이 사이트의 향수를 즐겼다. 과거의 geocities 페이지로의 일종의 후퇴.
빨간색과 녹색을 사용하기 때문에 이 예제를 선택했습니다. 이 두 가지 색상은 다양한 정도와 유형의 색맹을 가진 사람들에게 시각적 혼란을 일으키는 가장 일반적인 색상입니다. 여기 에 몇 가지 심각한 대비 문제가 있습니다. 재미있고 유쾌하지만 문제가 있습니다.
강렬한 빨강 및 녹색 대비가 있는 복고풍 웹 사이트 UI
예 C
항해
모든 접근 가능한 디자인과 마찬가지로 탐색에는 시각적 구성 요소와 비가시적 구성 요소가 모두 있습니다. 후드 아래에는 보조 장치에 대한 명확한 탐색 선언이 있으며 시각적 배열이 있습니다. 메뉴에 대한 기존 탐색 배치 및 명확한 제목 사용.
이것은 바스키아 스타일의 혼합 미디어와 New Brutalism이 결합된 멋진 디자인의 사이트입니다. 재미있는 발견 기능을 갖춘 계층화 된 시차. 그러나 불명확한 탐색, 과도한 움직임 및 가독성 문제 는 여러 접근성 규칙에 도전합니다.
탐색이 어려운 시차 스타일 그런지 웹사이트
실시예 D
창의적이면서도 거슬리는 호버 상태의 또 다른 예입니다. 많은 맥락 없이 탐색할 수 있는 방향이 명확하지 않습니다. 매우 창의적이지만 접근 가능한 규칙을 위반합니다.
크고 굵은 활자체 기반 탐색을 보여주는 웹사이트
예 C
마지막 생각들
웹사이트는 모두 예술적 표현이 없는 평범한 쿠키 커터 템플릿처럼 보여야 합니까? 당연히 아니지. 디자인의 균질성은 여기서 목표가 아닙니다. 논의된 몇 가지 예는 숙련되고 창의적인 디자이너에 의해 설계되었습니다. 나는 내 자신의 영감을 위해 그들 중 많은 것을 북마크했습니다.
그러나 웹 사이트는 접근성을 위해 창의성을 희생할 필요가 없으며 일부 사이트는 예술적 비전을 희생시키면서 의도적으로 접근성 표준을 깨뜨릴 것입니다. 이것은 디자이너의 선택입니다. 그러나 디자이너로서 우리가 내리는 모든 결정은 잠재 고객에게 측정 가능한 영향을 미친다는 것을 기억하는 것이 중요합니다.