웹 디자인의 잔인함: 무엇이 그것을 인기 있게 만드는가?

모든 디자이너는 웹 디자인과 관련하여 기존의 모든 것을 능가하기 위해 노력하고 있습니다. 사람들을 끌어들이고 참여시키기 위해 때때로 디자이너들은 최고의 웹 디자인 관행을 버리고 웹 디자인 잔인성이라는 것에 의존합니다.

비교적 새로운 디자인 원칙에는 직관적인 UI와 같은 전통적인 방식을 버리고 완전히 파괴적인 것을 선호하는 것이 포함됩니다.

잔인한 웹 디자인 원칙 해독

Pascal Deville 이 웹 디자인 분야에서 이 디자인 트렌드를 소개했을 때 잔인한 웹 디자인이 등장했습니다. 잔인한 웹사이트의 온라인 포트폴리오의 창립자로서 그는 쉽고 편안해 보이는 것에 대한 관심 부족을 묘사하는 웹 디자인을 문서화합니다.

사실 웹 디자인의 잔혹성은 1970년대 건축가들이 건물의 콘크리트 구조물을 노출시켜 견고함과 투박함을 묘사한 건축 운동에서 영감을 받은 것으로 볼 수 있습니다. 웹 디자인의 동일한 원칙은 잔인함의 전부입니다. 미니멀리즘과 낙관적 디자인에 대한 차세대 웹 디자이너의 특징적인 반응으로 설명되고 있는 접근 방식입니다.

Allanyu.nyc : 일반적인 잔인한 웹 사이트

웹 디자인의 잔인함은 새로운 관행일 수 있지만 인쇄 그래픽, 아트 및 포스터를 디자인하는 것은 50년대와 60년대에 일반적인 스타일이었습니다.

잔인함과 현대 디지털 풍경

관심 기간이 줄어들고 있는 시대에 잔인함은 고객의 관심을 끌려는 브랜드의 비즈니스를 의미할 수 있습니다. 잔인한 웹사이트는 필수품만 제공되기 때문에 탐색이 용이하고 로딩 속도가 빠르며 방문자의 주의를 산만하게 하지 않는 디자인으로 알려져 있습니다.

본질적으로 잔인한 웹 디자인은 비디오, 고해상도 그래픽 및 느린 로딩 CMS와 같은 웹 페이지에서 불필요한 요소를 제거하여 방문자에게 필요한 것만 제공하는 신속한 웹사이트를 약속합니다. 잔인한 디자인은 과도한 디자인 지방을 제거하여 웹사이트 성능을 향상시키고 페이지 로드 시간을 줄입니다.

잔인한 웹 디자인과 안티 디자인 사이의 경계를 긋다

비대칭성은 사람들로 하여금 잔혹주의 원칙을 반디자인과 혼동하도록 설득했습니다. 그러나 눈에 띄는 차이점이 있으며 잔인함을 반디자인으로 치부할 수는 없습니다.

Brutalism은 오늘날 인터넷을 지배하는 템플릿 기반의 표준화된 웹 디자인에서 벗어나 매우 개인화되고 비표준적인 정체성을 웹 페이지에 남겨두는 것입니다. 그것은 단지 혼돈에 관한 것이 아니라 과거의 건축 설계 원칙에서 영감을 받은 독창성에 관한 것입니다.

이것을 안티 디자인과 비교하면 안티 디자인은 방향 감각이 없거나 보기 흉한 인터페이스를 만들기 위해 UI를 없애는 것에 불과하다는 것을 알 수 있습니다. 이들 역시 거친 색상과 방향 감각을 흐트러뜨리는 패턴을 사용하지만, 안티 디자인은 잔인함과 정반대인 주의를 산만하게 하기 위한 것입니다.

잔인함은 유산이 있는 구체적인 원칙입니다. 디자인의 부재가 아니라 불필요한 모든 것을 제거하여 웹 페이지의 성능을 향상시키는 디자인에 대한 다른 접근 방식입니다. 처음 보는 사람에게는 보기 흉하게 보일 수 있지만 잔인한 웹 디자인은 Craigslist와 같은 세계 최대 웹사이트의 핵심이었습니다.

잔인한 웹 디자인의 치솟는 인기

잔인한 웹 디자이너는 90년대 그래픽과 손으로 코딩한 HTML을 사용하여 웹사이트 프레임워크를 만듭니다. 잔인한 디자인이 정직함, 실용성, 현실감을 표현함에 따라 나쁜 그래픽에도 불구하고 사용자들 사이에서 점점 인기를 얻고 있습니다. 어울리지 않는 텍스트와 지저분한 그래픽은 미니멀하고 간소화된 디자인보다 더 효율적으로 주의를 끄는 경향이 있습니다. 잔혹 행위의 전체 개념은 관습을 깨고 눈에 띄는 것입니다.

게다가 위에서 논의한 것처럼 잔인한 디자인은 웹사이트의 속도를 높입니다. 현대적인 맥락에서 이는 페이지 로드 타이밍이 더 높은 웹사이트가 높은 포기율로 고통받기 때문에 매우 유용합니다. 따라서 더 높은 전환율의 가능성은 웹 디자인에서 브루탈리즘의 인기를 높이고 있습니다.

Craigslist : 잔인한 웹 디자인으로 가장 인기 있고 성공적인 웹사이트

전 세계적으로 점점 더 많은 브랜드와 회사가 잔인한 디자인을 시도하고 있습니다. Craigslist는 핵심 서비스에 잔혹성을 채택한 인기 있는 웹사이트의 영광스러운 예입니다.

최고의 브루탈리스트 웹 디자인 사례

잔인한 웹 디자인의 효과에 대해 확신하지 못할 수도 있지만 웹 디자인 생태계에는 수천 명의 열성팬과 잔인한 지지자가 있습니다. 브루탈리즘 디자인의 이점에 대해서도 관심이 있고 다음 프로젝트에 사용하고 싶다면 브루탈리즘 디자인 원칙을 따르는 몇 가지 모범 사례가 있습니다.

• 음영이나 질감이 없는 흑백으로 눈에 띄고 독특한 배경을 사용합니다.
• 그림자, 그라디언트 또는 패턴과 같은 디자인의 정교함 제거
• 전체 웹 사이트 또는 고정 폭 타이포그래피에 단일 글꼴 사용
• 패딩되지 않은 요소와 밀접하게 배치된 텍스트로 복잡한 디자인 패턴 따르기
• 콘텐츠 배치에 고유한 계층 구조를 사용하지 마세요.
• 의도하지 않은 방식으로 요소를 겹칩니다.
• 과거의 아날로그 스타일의 디자인 요소를 사용
• 어디서나 비대칭 패턴 및 프레임워크 따르기
• 녹색과 빨간색을 강조하는 이종 공통 색상 팔레트
• 애니메이션을 피하고 비순응적인 비주얼을 선호하십시오.
• 단순하거나 탐색이 없는 한 페이지 디자인 따르기
• 단조로운 음영이나 흑백으로 뚜렷한 이미지를 사용하십시오.
• 중복 인쇄 및 비정렬과 같은 시각적 불일치와 실수가 많은 것처럼 보이는 웹 사이트를 디자인하는 데 전념하십시오.

Brutalist 웹 디자인 시작하기: 무엇을 어떻게 해야 할까요?

이제 모범 사례를 알았으므로 다음 프로젝트에서 이 설계 개념을 구현하는 것을 생각할 수 있습니다. 실용성 측면으로 인해 클라이언트/회사가 동일하지 않을 수 있으므로 프로젝트에 대해 조잡한 잔인한 디자인을 모두 사용하고 싶지는 않을 것입니다. 대신 다양한 잔인한 요소를 실험하고 전문 또는 비즈니스 웹 사이트에 통합하는 것을 생각할 수 있습니다. 잔인함은 모든 불필요한 요소를 잘라내어 웹 페이지에 개성을 추가하고 개인화하는 것입니다. 따라서 웹 페이지를 캔버스로 생각하고 마음으로 걸작을 만들기 시작하십시오.

두 가지 방법으로 잔인한 웹 디자인을 할 수 있습니다. 웹사이트에 대한 잔인한 WordPress 테마를 기초로 선택하거나 페이지 빌더 도구를 사용하여 처음부터 웹사이트를 직접 코딩할 수 있습니다. 두 접근 방식 모두 장단점이 있습니다.

Brutalist WordPress 테마 사용

WordPress 테마는 웹 디자인 프로세스를 시작하기 위한 기성 요소를 제공하므로 디자이너 또는 회사의 시간, 노력 및 투자를 절약할 수 있습니다. 좋은 생각일 수 있지만 잔인한 주제에 관해서는 많은 옵션이 없습니다. 시도할 수 있는 일부 테마는 FlowMag , Brutal 및 Glitch 입니다.

그러나 자신만의 잔인한 웹 디자인을 조각하는 것이 좋습니다. 이렇게 하면 각 요소를 사용자 정의할 수 있습니다. 미니멀리스트 테마를 기본으로 하고 후드 아래에서 코딩하여 디자인을 손으로 조각하기 시작합니다.

웹사이트를 처음부터 손으로 코딩하기

웹 사이트를 수동으로 코딩하는 것은 시간이 많이 걸릴 수 있지만 잔인한 웹 디자인을 사용하려는 경우 이것이 최선의 방법일 수 있습니다. 또는 많은 노력을 기울이고 싶지 않다면 Elementor 와 같은 강력한 페이지 빌더 도구를 사용하여 잔인한 웹 디자인을 완성할 수 있습니다. 이 선택에는 한 가지 이상의 이유가 있습니다.

첫째, 처음부터 디자인을 사용자 정의하고 완성할 수 있는 기능을 제공하는 백지 상태의 기본 테마를 제공합니다. 둘째, 다양한 페이지 요소를 자유롭게 실험할 수 있는 다양한 사용자 정의 옵션을 제공합니다.

웹 디자이너를 위한 유용한 잔인한 팁

당신의 청중을 알고

잔인함과 관련하여 엄격하고 빠른 규칙은 없지만 청중을 깊이 이해하고 알아야 합니다. 잔인함은 모든 비즈니스나 브랜드에 적용되는 것이 아닙니다. 디자인 전략이 비즈니스 목표와 일치한다고 믿는 경우에만 잔인한 접근 방식을 채택해야 합니다. 그러한 디자인이 청중을 외면한다면 잔인한 디자인에 대한 사랑을 버려야 합니다.

불균형. 불균형. 불균형!

아마도 가장 먼저 배운 것은 여백의 균형을 맞춰 최종 사용자를 위한 부드럽고 직관적인 웹 디자인을 만드는 것입니다. 그러나 실제적인 잔인함을 시도하려는 경우 유사하지 않고 큰 색상 블록을 사용하여 웹 페이지의 여백을 불균형하게 만들어야 합니다. 미적 즐거움에 관해서는 모든 관습을 잊어 버려야 할 것입니다.

실용성보다 아름다움을 버리고

잔인함은 모두 실용주의에 관한 것입니다. 완벽한 브루탈리스트 웹 디자인을 만들고 싶다면 디자인 진부한 표현을 피하고 단 하나의 변환에만 집중해야 합니다. 웹 페이지에서 보기 좋은 요소를 사용하지 말고 모든 것을 단순하고 간결하게 유지하십시오.

다른 모양 사용

잔인한 웹 디자인은 모든 크기의 편심하고 추상적인 모양을 사용하는 20세기 건축 트렌드에서 영감을 받았습니다. 20세기 중반에는 단색 톤의 이종 모양이 건물에 유행했습니다. 현대의 잔인한 웹 디자인에도 동일하게 적용됩니다. 잔인한 접근 방식을 따를 때 일치하지 않는 모양을 사용하십시오.

흥미진진한 실생활의 잔인한 웹 디자인 예

잔인한 디자인은 표준 웹 디자인 원칙에 맞지 않습니다. 그러나 일부 회사, 웹 사이트 및 인기 있는 플랫폼에서는 이 개념을 성공적으로 사용하고 있습니다. 위에서 언급한 예 외에도 실제 사례가 몇 가지 더 있습니다. 이것이 매력적으로 보이지 않을 수도 있지만, 이 모든 것들은 절대적인 완벽함으로 잔혹한 원칙을 구현했습니다.

1. 해커 뉴스

news.ycombinator.com

Hacker News 는 웹사이트의 부피가 큰 요소를 성공적으로 제거하여 조잡하고 또렷하며 명확하게 만든 인기 있는 플랫폼입니다. 상호 작용 및 참여 수준을 보면 잔인한 디자인이 어떻게 작동하는지 알 수 있습니다.

2. 플랜트22

플랜트22.co

Plant22 는 다채로운 모듈식 벽돌을 사용하여 잔혹성에 대한 대안적 접근 방식을 성공적으로 채택했습니다. 그리드 기반의 브루탈리스트 디자인이 유행하고 있으며 놀라운 반응성을 보여줍니다. 눈에 거슬리지 않으면서 웹사이트 속도를 높이는 그런 종류의 잔인함은 채택할 가치가 있는 것입니다.

3. 지금 사진

사진스노우.org

픽처스 나우 웹사이트에서 단색 배경색, 비계층적 펀, 웹페이지 중앙의 대형 텍스트와 같은 잔인함의 여러 요소를 볼 수 있습니다. 이 모든 것이 핵심적인 잔혹 행위 원칙을 나타냅니다.

잔인한 웹 디자인: 결론

잔인한 웹 디자인은 강력한 영향으로 인해 더 많은 전환을 약속하지만 모든 비즈니스 또는 브랜드에 적합하지는 않습니다. 브루탈리즘 웹 디자인에 대한 찬성 또는 반대를 결정하는 핵심 요소는 찬반 양론에 대한 심층 분석을 수행하고 브루탈리즘이 귀하의 브랜드 이미지, 귀하가 일하는 산업 및 대상 고객의 열망에 부합하는지 확인하는 것입니다.

많은 사용자 지정 웹 응용 프로그램 디자인 및 개발 회사가 잔인한 접근 방식을 전파하고 있지만 최신 웹 디자인 요구 사항과 관련된 모든 측면을 평가하여 현명한 결정을 내리는 것이 중요합니다. 그리고 유동적일 때는 정보에 입각한 결정을 내리는 데 도움을 줄 수 있는 전문가에게 연락하십시오. 과대 광고에 서두르지 마십시오. 현명함을 유지하고 비즈니스의 온라인 발자국에 가치를 더할 수 있는 것을 선택하십시오. 그래서, 당신은 무엇을 기다리고 있습니까? 오늘부터 잔인한 디자인에 대해 생각하고 웹사이트에 실제로 유용할 수 있는지 확인하십시오.