디자인 비평 # 8 : Pointillé Comunicação
매주 새로운 웹 사이트를보고 디자인을 분석합니다. 우리는 잘 수행 된 영역과 일부 작업을 수행 할 수있는 영역을 모두 지적 할 것입니다. 마지막으로 피드백을 제공하여 마무리합니다.
오늘날의 사이트는 브랜딩 및 디자인 회사 인 Pointillé Comunicação입니다.
Envato Elements 살펴보기
향후 Design Critique에 웹 사이트를 제출하려면 몇 분이면됩니다. 귀사의 설계를 평가하는 데 24 달러의 비용이 청구됩니다. 컨설턴트가 귀하의 사이트를 살펴 보는 데 드는 비용보다 훨씬 저렴합니다! 자세한 내용은 여기를 참조하십시오.
Pointillé Comunicação
일반적으로 나는 회사에 대해 조금 말해 주면서이 글을 시작하지만, 이 웹 사이트는 영어로되어 있지 않아서 무슨 말을했는지 모르겠습니다. 저보다 훨씬 똑똑하고 여러 언어를 배우는 데 시간이 걸리는 분들을위한 인용문은 다음과 같습니다.
“Com 10 Anos de mercado, Pointillé é uma agência que respira em seu dia-a-dia 브랜딩, 디자인, Publicidade e Comunicação. São esss elementos mais는 경험이 풍부한 퀴노 모노 펜사 멘토, semper voltado para a geração de valor no desenvolvimento das marcas de nossos clientes.” (Google을 통해 번역)
그리고 여기 사이트의 홈페이지가 있습니다 :
사이트에 대한 나의 첫인상은 전반적으로 긍정적입니다. 디자이너는 강타 작업을 수행했으며 그의 스타일을 정말 좋아합니다.
좋은
실제로 디자인 된 사이트 부분을 살펴보면서 시작하겠습니다. 내가 말했듯이, 그것은 잘 보이는 사이트이므로 많은 긍정적 인 의견을 제시 할 수 있습니다.
그 미친 그래픽
나는 그것이 무엇인지, 그것이 무엇을 나타내는 지 잘 모르겠지만, 사이트를로드하자마자 폭발하는 연꽃이 내 관심을 끌었습니다 (사이트 이름에 줄이 묶일 수 있다고 생각합니다). 확실히 90 년대가되었지만 분명히 독특하고 전체 사이트의 무대를 설정합니다. 나는 어떤 사람들이 그것을 좋아하지 않을 것이라고 확신하지만 나는이 그래픽을 그대로 유지한다고 말합니다.
배경 질감 및 색 구성표
사이트의 색상은 모두 상당히 잘 작동합니다. 나는 바닥 글의 버튼에 짙은 청록색의 청록색과 밝은 주황색의 팝이 섞인 것을 좋아합니다. 이 색상이 다른 곳에서 반복되어보고 싶습니다. 그래서 너무 무작위로 보이지는 않습니다.
미묘한 배경 질감을 좋아하지만 색상 이상입니다. 페이지에 깊이를 더하고 플라잉 큐브로 시작되는 사각형 테마를 계속합니다. 거의 눈에 띄지 않는 질감으로 단색 배경의 단조 로움을 깨는 것은 페이지가 지루해 보일 때 소매를 유지하는 훌륭한 디자이너의 트릭입니다.
바닥 글
사이트의 바닥 글은 멋지게 디자인되고 배치되었습니다. 지정된 목적을 가진 세 개의 명확하게 분리 된 열이 있습니다. 트위터 아이콘이 바닥 글 상단에서 줄을 바꾸도록하는 것도 좋은 방법입니다. 단단한 레이아웃을 설정할 때마다 의도적 인 위반으로 조금 긴장을 푸는 것이 재미 있습니다.
개선 할 영역
이제 우리는 잘 작동하는 몇 가지 영역을 보았으므로 사이트의 전반적인 경험과 디자인을 개선하기 위해 가지고있는 몇 가지 아이디어를 지적하겠습니다.
계층
사이트와 관련된 대부분의 문제는 위에 표시된 영역에 있습니다. 설명하기는 어렵지만 때로는 디자인이 표현할 수있는 확실한 원칙보다는 느낌이 더 중요합니다.
이 부분은 나에게 도움이 필요하다고 느낀다. 우선, 전체 페이지의 맥락에서 맨 아래에있는 네 개의 상자가 큰 사각형보다 시각적으로 두드러집니다. 그들은 더 스타일이 있고 더 무거워 보입니다. 페이지를 아래로 스크롤하면 상자에주의를 기울여야하며 블로그 영역을 건너 뜁니다.
그러나 큰 사각형은 페이지에서 더 높은 위치에 의해 계층 적으로 두드러집니다. 이 두 영역 중 어느 것이 더 중요한지 결정해야하며, 그 결정을 반영하도록 설계를 변경해야합니다.
내 본능은 블로그 영역을 아래로 이동하고 스타일을 변경하여 전체 섹션이 너무 박싱 적이 지 않을 수 있다는 것입니다. 아마도이 모든 컨텐츠는 더 나은 하나의 더 큰 단일 영역에 통합 될 수 있습니다.
마지막으로 네 개의 상자는 약간의 작업을 수행 할 수 있습니다. 그들에 적용되는 획은 약간 어색해 보입니다 (대신 CSS를 사용하는 것을 고려하십시오). 각 상자 아래의 단락이 링크이지만 이미지 자체는 그렇지 않습니다. 전체 단락이 어딘가에 연결될 것으로 기대하는 사용자는 많지 않습니다. 여기서 논리적이고 본능적 인 해결책은 각 이미지에 호버 효과를 적용하고 텍스트 대신 링크하도록하는 것입니다.
네 차례 야!
이제 내 의견을 읽었으며 디자이너에게 추가 조언을 제공하여 의견을 제시하고 도움을주었습니다. 디자인에 대해 좋은 점과 더 강하다고 생각되는 점을 알려주십시오. 항상 그렇듯이 사이트의 디자이너를 존중하고 가혹한 모욕이없는 명확한 건설적인 조언을 제공하십시오.
자신의 사이트를 비평하는 데 관심이 있습니까? 자세한 내용은 여기를 참조하십시오.