다음 웹 디자인 프로젝트에 영감을 주는 10가지 잔인한 웹사이트

웹 디자인 트렌드는 항상 변합니다. 함께 작업할 수 있는 디자이너를 찾고, 모두가 동의할 수 있는 룩을 결정하고, 작업을 완료하고, 마침내 라이브에 들어갈 즈음에는 멋지고 신선하고 트렌디한 것이 바뀌었습니다. 잔인한 웹사이트에 들어가십시오.

그게 뭔데? 트렌드를 무시하고 의도적으로 웹 사이트를 추악하게 디자인할 때입니다. 그리고 그것이 바로 못생긴 것이 아니라면 최소한 경박하거나 불필요한 디자인 요소가 없습니다.

잔인한 웹사이트는 목적이 있는 디자인 중에서 비교적 새로운 것이지만 대부분은 인터넷의 초창기에서 영감을 얻습니다. Angelfire와 Geocities가 경이로움 의 절정이었던 시절. 당신이 알 필요가있는 유일한 HTML은 A HREF 및 IMG SRC 있었던 일.

웹은 그 이후로 발전했지만 좋은(또는 좋은-나쁜?) 디자인은 그렇지 않습니다. 한편으로 잔인성은 형태보다 기능에 관한 것입니다. 작동하면 작동시키십시오. 다른 한편, 그것은 펑크 af 이고 사용자가 귀하의 사이트에서 얻는 모든 것을 위해 일하게 만드는 것입니다.

어떤 방식을 택하든 이 영광스러운 괴물을 확인한 후 다음 디자인 프로젝트를 잔인하게 만들 방법을 찾을 수 있을 거라고 확신합니다.

1. craigslist.org

여러분, Craigslist는 못생겼습니다. 아니, 변호하지 마십시오. 괴물이야. 검은색 텍스트, 파란색 링크, 흰색 배경. 예쁘지 않아. 하지만 그럴 필요는 없습니다.

작동하기 때문입니다. 그것이 중요한 것입니다. 잔인함의 일부는 UX이고, CL은 그것을 가지고 있습니다. 소란이나 소란 또는 관련 없는 움직이는 부품 없이 구매 또는 판매하는 데 필요한 것을 찾을 수 있습니다.

2. 콘셉트83.com

Craigslist와 마찬가지로 Konsept83은 영감을 얻기 위해 인터넷의 초창기 시대를 바라보고 있습니다. 회색 배경, 타자기 글꼴(잔혹한 웹사이트 스테이플) 및 클릭하려는 내용을 정확하게 설명하는 모든 링크.

내부 페이지는 여분으로 이미지가 포함되어 있습니다.

3. 픽쳐쇼.tv

Pictureshow.tv는 모바일(또는 데스크탑)의 가로 모드에서만 작동합니다. 오래된 VHS 테이프처럼 보이고 느껴지도록 설계된 비디오 시리즈입니다. 다른 페이지를 클릭해도 VCR 설정 메뉴처럼 작동합니다.

하지만 뭔지 알아? 사이트가 작동하고 무엇을 해야 하는지 알고 있으며 잠시도 길을 잃지 않습니다.

하지만 남자. 못생겼다. 그리고 당시의 아름다운. 그리고 가장 좋은 점은 사용 방법에 대한 질문이 없다는 것입니다.

4. chris.bolin.co

오프라인 웹사이트를 본 적이 있습니까? 아니요? 나도. 그러다가 이 아름다움을 찾았습니다.

Chris Bolin은 이 사이트를 웹 사용자에게 최대한 잔인하게 설계했습니다. 연결하려면 연결을 해제해야 합니다. 자동으로 콘텐츠가 나타나고 간단하게 제시되는 단순성에 대한 간단한 메시지가 표시됩니다.

잔인함, 남자.

4. stephaniemarx.com/talks

그녀의 연설 중 하나(그리고 내가 그녀의 작업을 알게 된 경로)는 내가 웹 디자인에 대해 배운 모든 것, 나는 Geocities에서 배운 것 입니다.

다른 말은 필요 없을 것 같아요.

5. wolftonechambers.com

잔인한 것에 대해 이야기하십시오. 여기에 내용이 있습니다. 많이. 좋은 정보 잘 쓰고 있습니다. 그러나 그것은 ASCII의 바다에 의해 우리에게 거의 숨겨져 있습니다.

이것이 시각적으로 매력적이라고 ​​말할 수도 없고, 기능적으로 매우 뛰어나지도 않습니다. 하지만 기억에 남습니다. 모든 어수선함에도 불구하고 이상하게 깨끗하고, 가장 이상한 부분은 조금 스크롤하면 작동 방식과 지시 없이 정보를 찾는 방법을 볼 수 있다는 것입니다. 다시 말하지만 이상하게도 이것이 UX가 작동해야 하는 방식입니다.

#슈르게모지

6. allanyu.nyc

웹에 글을 쓰고 게시하는 것의 장점 중 하나는 사용자가 귀하의 항목에 대한 수정 및 변경 사항을 볼 수 없다는 것입니다. 거기에 새 콘텐츠를 추가하거나 오래된 콘텐츠를 조정할 수 있으며 아무도 더 현명하지 않을 것입니다(Wayback Machine 아카이브를 확인하지 않는 한).

그러나 Allan Yu는 자신의 사이트에 대한 수정 사항을 노트북의 물리적 수정 사항인 것처럼 잔인한 방식으로 보여줍니다. 그것은 전반적인 경험을 전반적으로 덜 깨끗하게 만들지만, 지저분함은 사용자 경험에 추가되어 모든 사람이 스타일뿐만 아니라 능력과 창의성도 성장한다는 것을 알 수 있습니다.

주요 뉴스 매체에서 볼 수 있는 디자인은 아니지만(CNN에서 사설 마크를 보는 것이 재미있지 않을까요?) 비교적 느린 업데이트가 있는 디자이너나 에이전시의 경우 이 스타일이 잘 작동할 것입니다.

7. 잔인한 재설계

잔인한 웹사이트를 만드는 것은 생각보다 훨씬 어렵습니다. 웹사이트를 보기 흉하게 만들기 쉽기 때문입니다. 웹사이트를 간단하게 만드는 것도 쉽습니다. 그리고 웹사이트를 구식으로 보이게 하는 것은 쉽습니다.

하지만 이 모든 것을 한 번에 하기는 어렵습니다. 그래서 Pierre Buttin은 가장 깨끗하고 인기 있는 앱(예: Facebook, Instagram, Snapchat)을 사용하여 경험에 아무 것도 추가하지 않는 불필요한 플래시를 제거하면서 형태와 기능을 유지하는 방법의 예로 다시 디자인했습니다.

8. morgane.com/pixel-lab

http://morgane.com/pixel-lab
(전체 페이지의 노트북에 새 사진이 있을 수 있습니다.)

인디 비디오 게임 개발자는 기발한 무리입니다. Pixel Labs의 사람들은 그 설명에서 벗어나지 않습니다. 그들의 웹 사이트는 외모가 90 년대 초에 쓰여진 좋아하고, 색상 팔레트 아마 것을 하나의 페이지입니다.

즉, 그들은 그들이하는 일을 알고 있습니다. 그들은 자신의 작업에 대한 쇼케이스, Slack 서버에 대한 초대, 다른 사람들을 돕고자 하는 열망을 가지고 있습니다.

웹 디자인을 사용하면 그들과 청중 사이의 모든 장애물이 제거됩니다.

9. wekflatm.kr

완벽한 웹사이트가 아닐까 생각합니다. 진지하게. 제 소설을 소개하는 페이지를 이렇게 만들까 진지하게 고민하고 있어요.

가장 기본적이고 완벽한 전자 상거래입니다. 여기 의자가 있습니다. 구입. 소파를 원하십니까? 괜찮아. 당신은 거기에서 그들을 구입할 수 있습니다.

위시리스트, 검색, 변형 또는 사용자 리뷰가 없습니다. 그냥 항목, 가격, 구매.

예쁘지는 않지만 그렇다고 못생긴 것도 아니다. 간단 해. 그리고 개성이 있습니다. 웹 사이트에 필요한 모든 것이지 필요하지 않은 것은 아닙니다.

10. keyaar.in

이 사이트에서 가장 먼저 할 일은 도형을 클릭하는 것입니다. 모양 때문입니다. 그런 다음 레이블을 읽게 될 것입니다.

그러나 문제는 클릭할 때 각각이 무엇인지 거의 알 수 있다는 것입니다. 작업 은 작업 의 갤러리입니다. NSFW 는 블로그이지만 그 이전에도 친밀하지는 않더라도 개인적인 일에 빠져들고 있다는 것을 알고 있습니다. 그리고 KL11 ? 디자인 에이전시 자체. 필요한 모든 정보가 있습니다.

사람들은 웹사이트에서 무엇을 더 원합니까?

잔인하다, 쉬무탈

포트폴리오에 잔인한 웹사이트 모음을 원하지 않을 수 있습니다. 괜찮아. 이 디자인 계획은 모든 사람을 위한 것이 아니며 일부 고객은 못생긴 사이트를 게시할 때 주저할 것입니다.

그러나 이러한 사이트에서 배울 수 있는 디자인 교훈이 많이 있습니다.

나는 brutalist 사이트를 만들려고 노력하지만, 당신이 도전 할. 모든 것을 필수 요소에 이르기까지 끓이면 당신의 강점과 약점뿐만 아니라 당신의 선입견에 직면하게 될 것입니다. 물론 잔인하지만 더 강력한 디자이너가 될 것입니다.

그리고 어쩌면 더 강한 사람일 수도 있습니다.

잔인한 웹사이트에 대해 어떻게 생각하십니까? 댓글로 이 트렌드에 대한 여러분의 생각을 알려주세요.

Kaleo/Shutterstock.com의 기사 축소판