85 웹 디자인 비평 작성에서 배운 5 가지 디자인 수업

/2016-05-13 15:42:09/
Manveer
/사업/

여기서 Design Shack에서는 웹 디자인 비평이라고하는 간단하지만 유용한 서비스를 제공합니다. 그것은 기본적으로 당신이 교육 도구로 사이트에 게시 할 수있는 대가로 저렴한 저렴한 가격을 이용할 수있는 컨설팅 서비스입니다.

나는 개인적으로 지금까지 무려 85 개의 것들을 작성했습니다 (# 85는 이번 주 후반에 게시 될 것입니다). 그것은 많은 디자인 조언입니다! 프로세스에서 웹 디자인에 대해 배운 내용을 좋은 예와 나쁜 것 모두에서 읽으십시오.

웹 디자인 비평

누군가가 비평을 위해 페이지를 제출할 때 나는 그것을 부어 넣고 잘 작동하는 것, 개선 될 수있는 것, 즉시 수정해야하는 것에 대해 메모합니다. 그런 다음 웹 디자인 비평 게시물로 작성했습니다.

"실제로 당신에게서 나만큼 배우고 있습니다!"

이 비평을 교육 도구로 사용하고있는 것은 분명하지만, 내가 놓친 것은 내가 엄격하게 가르치지 않고 있다는 것입니다. 웹 사이트가 훌륭한 이유를 분석하고 설명 할 때 기술, 아이디어, UI 패턴 등을 흡수하고 있다는 사실을 비판하는 웹 사이트가 종종 있습니다.

이 중 약 20 가지가 지나고 나면 몇 가지 패턴과 트렌드, 반복해서 전달하는 조언, 디자이너가 강하고 약한 경향이있는 장소, 종종 실수가 발생한다는 것을 알았습니다. 나중에 60 개의 비평을 받았으며 대부분의 디자이너가 개선에 집중해야하는 영역에 대해 말할 것이 많습니다.

1. 세 번째 규칙

내가 쓴 몇 가지 비평을 읽었다면, 나는 항상 첫 인상이 사이트에 대해 알려주는 것으로 시작한다는 것을 알았을 것입니다. 해당 페이지를 브라우저에로드 할 때 처음 3 초 동안 페이지에 대해 무엇을 알 수 있습니까?

"처음 3 초 동안 페이지에 대해 무엇을 알 수 있습니까?"

3 초 라고요? 그게 무슨 소용이야? 답은 웹 브라우저로서 내가 찾고있는 사이트를 결정하는 데 몇 초 밖에 걸리지 않는다는 것입니다.

일부 디자이너의 경우, 사용자의 눈을 사로 잡기 위해 사용자의 시선을 사로 잡는 데 어려움이 있습니다. 이는 좋은 기술이지만 모든 디자인 상황에 적합하지는 않습니다. 여기서 가장 보편적 인 사실은 항상 최소한 자신이 누구인지 그리고 왜 처음 몇 초 동안 사이트가 존재하는지 알아야한다는 것입니다.

우리는 이것을 IdentyMe의 사이트 헤더와 함께 Design Critique # 66에서 잘 수행했습니다.

여기에 그래픽과 메시지가 모두 결합되어 즉각적으로 읽을 수있는 맑은 메시지를 만듭니다.이 사이트에서는 가상 명함을 만들 수 있습니다.

우리가 이것을 잘 보았을 때, 누군가가 어떻게 그것을 망칠 수 있는지 상상하기는 어렵지만 실제로 비판하는 사이트가 모호한 메시지 로이 지역의 마크를 놓친 경우가 훨씬 더 흔합니다. 우리는 프로젝트에 가까워지면 모든 사람들이 우리가하는 일에 대해 모든 것을 알지 못한다는 사실을 종종 잊어 버릴 수 있습니다.

몇 번의 회의를 마친 후에는 고객의 비즈니스에 대한 모든 것을 알고 있으며“Smith 's Logistics”가 수행하는 작업과 웹 사이트에서 수행하려는 작업을 다른 사람에게 설명해야한다는 생각이 들었습니다.

2. 목표 지향 디자인

웹 디자인에 대해 배운 두 번째 중요한 점은 프로젝트가 매우 구체적인 목표를 염두에두고 접근 할 때 훨씬 더 성공한다는 것입니다. 이전 강의는 실제로이를 확장 한 것입니다. 모든 사이트의 주요 목표 중 하나는 자체 목적을 알리는 것입니다.

"택시 운전사와 같이가는 뒷좌석에있는 사람에게 물어 보는 것을 건너 뛰고 대신에 임의의 장소로 운전 해가는 것이 좋습니다."

디자이너는 종종 Photoshop을 열고 아이디어를 임의로 스케치하기 시작합니다. 이것은 훌륭한 창의적 운동이지만 클라이언트 사이트를 구축하는 기본 방법으로 짜증납니다. 뒷좌석에있는 사람에게 물어 보는 것을 건너 뛰는 대신 택시 운전사가되는 것과 비슷하다.

대신, 설계를 통해 달성하고자하는 목표에 대해 귀하와 고객이 매우 의도적 인 목표를 설정해야합니다. 이것은 한 줄의 코드를 작성하거나 하나의 PSD를 만들기 전에 발생해야합니다.

우리는이 아이디어가 Web Design Critique # 61 : Undead Kit에서 매우 효과적으로 적용되는 것을 보았습니다. 이 사이트에서 다가오는 좀비 묵시록에서 살아남을 수 있도록 키트를 판매했다는 것을 감안할 때 사이트에서 달성해야 할 두 가지 명백한 하위 목표가있었습니다.

첫 번째는 사건에 정확히 무엇이 있는지 보여 주어 잠재 구매자가 자신이 무엇을하는지 알 수있었습니다.

두 번째 하위 목표는 구매자가 키트를 사용하여 생존하는 방법을 설명하는 것이 었습니다. 항목을 나열하는 것만으로는 충분하지 않으므로 사람들은 실제로 이러한 항목의 이점을 볼 필요가 있습니다.

보시다시피, 이 두 목표는 모두 멋진 그림과 간단한 텍스트 설명을 통해 달성되었습니다. 디자이너는 여전히 자신의 창의력을 발휘할 수 있었지만 성공적인 방향으로 사이트를 이끌 수있었습니다.

3. 디자인 트렌드는 벽지와 같습니다

할머니의 집을 그려보세요. 모든 선반, 자신의 눈에 띄는 색 구성표 및 물론 벽지와 같은 자기 시대와 다른 시대에 자란 사람이 집을 소유하고 있음을 나타내는 모든 것을 상상해보십시오. 벽지의 층에 층, 최신 트렌드와 일치하도록 몇 년마다 변경되는 방의 주요 (현재는 상당히 구식이지만) 디자인 요소.

"이러한 층을 한 번에 하나씩 벗겨 내면 시간이 지날 것입니다."

우리 가족의 여러 구성원이 소유 한 주택은 반드시 평방 피트의 5 %를 벽지 광기의 층으로 희생했습니다. 이 층들을 한 번에 하나씩 벗겨 내면 한 번에 여행을하고 방을 덮는 데 적합하다고 여겨지지만 몇 년 후에 끔찍한 실수로 경멸하고 유일한 것으로 대체 된 다양한 패턴과 색상을 볼 수 있습니다 이 끊임없는 사이클을 계속하도록하세요.

웹 디자인은 월페이퍼에 비해 아직 초기 단계이지만 디자인 트렌드가 동일한 원칙에 따라 작동하는 것을 볼 수있을 정도로 이미 왔습니다. 5 년 전의 멋진 디자인 트렌드를 파악해보십시오.

Web Design Critique # 74의 사이트에서 사용 된 패턴, 질감 및 경사 효과를 통해 실제로 이것을 보았습니다.

여기서 우리는 한때 최첨단 디자인이었던 것을 보았지만 이제는 과거를 지나친 것처럼 느낍니다. 웹 디자이너는 까다로운 짐승이며 폭도가 움직일 때 함께 움직이거나 뒤로 물러납니다.

위의 사이트가 의도적으로 레트로 한 느낌을 준다는 사실을 설명하더라도, 우리가 레트로을 끌어내는 방식은 실제로 수년에 걸쳐 진화하기 때문에 디자인은 여전히 작동하지 않습니다!

"패션, 텔레비전, 할리우드, 음식, 유행을 뛰어 넘는 것은 없습니다."

현대적인 디자인 트렌드를 유지하거나 새로운 트렌드를 설정하는 것은 어리석은 일이라고 생각할 수도 있지만, 그렇지 않습니다. 웹 디자인 트렌드는 전체 문화의 일부로 발전합니다. 유행, 텔레비전, 할리우드, 음식, 유행의 손길을 탈출하는 것은 없습니다. 이러한 모든 산업 분야의 근로자가 계속 관련을 유지하거나 관련성이 없어지는 것처럼 웹 디자이너도 마찬가지입니다.

나를 믿지 않습니까? 1999 년 이후로 웹 사이트를 구축하지 않은 사람을 찾아 새 포트폴리오를 디자인 할 수 있습니다. 이상하게도, 당신은 생각을 shutter습니다.

4. 많은 웹 디자이너들이 여전히 타이포그래피로 어려움을 겪고 있습니다

지난 2 ~ 3 년 동안 웹 디자이너는 타이포그래피를 완전히 채택했습니다. 이 특정 디자인 영역은 많은 디자이너들의 트렌드를 뛰어 넘어 강박 관념으로 발전했습니다. Pinterest 또는 Dribbble에서 "타이포그래피"를 검색하면 놀라운 타이포그래피 아트의 예를 볼 수 있습니다.

이 기능을 Typekit 및 Google Web Fonts와 같은 서비스와 결합하여 웹에 아름다운 맞춤 글꼴을 가져 오면 매우 짧은 시간 내에이 영역에서 도약과 경계가 성장한 산업을 볼 수 있습니다.

즉, 웹 디자인에서 가장 자주 발생하는 문제 중 하나는 타이포그래피가 좋지 않다는 것입니다. 서체를 효과적으로 결합하는 방법에 대한 지식이 거의없고 글꼴 선택이 잘못되고 못생긴 Photoshop 커닝, 홀수 크기, 뭉친 선 높이 등이 있습니다. 다음은 Critique # 73의 예입니다.