웹 디자인 비평 # 51 : 브러시 애호가

/2015-08-07 16:20:23/
Tanylah
/비평/

매주 새로운 웹 사이트를보고 디자인을 분석합니다. 우리는 일부 작업을 수행 할 수있는 영역 외에 잘 수행 된 영역을 모두 지적 할 것입니다. 마지막으로 피드백을 제공하여 마무리합니다.

오늘의 사이트는 Web Designer Depot의 Walter Apai가 운영하는 Photoshop 브러쉬 온라인 상점 인 BrushLovers입니다.

향후 Design Critique에 웹 사이트를 제출하려면 몇 분이면됩니다. 귀사의 설계를 평가하는 데 49 달러의 비용이 청구됩니다. 컨설턴트가 귀하의 사이트를 살펴 보는 데 드는 비용보다 훨씬 저렴합니다! 자세한 내용은 여기를 참조하십시오.

브러시 애호가 정보

"우리의 브러시는 몇 시간의 작업으로 각각의 모양으로 세 심하게 제작되었습니다."

“BrushLovers는 웹에서 독점적이고 고품질의 Photoshop 브러시 모음 중 가장 큰 컬렉션 중 하나를 보유하고 있습니다. 개인용 및 상업용 모두에 무료로 제공되는 수백 개의 Photoshop 브러시가 있습니다. 이 컬렉션은 다른 곳에서는 찾을 수 없습니다! 우리는 또한 $ 3에서 판매하는 아름다운 고급 브러시를 선택하거나 다운로드 브러시 팩을 훨씬 적게 구입할 수 있습니다. 우리의 브러시는 몇 시간의 작업으로 각각의 모양으로 세 심하게 제작되었습니다. 그것들은 모두 고해상도이며 웹과 인쇄 디자인 모두에 완벽합니다.”

홈페이지 섹션은 다음과 같습니다.

첫 인상

BrushLovers는 멋진 웹 사이트라고 생각합니다.이 사이트는 최고의 웹 디자인 블로그 중 하나를 소유 한 사람이 운영하는 것처럼 놀라운 일이 아닙니다. 누군가가 전파하는 것을 실천하는 것을 보는 것이 항상 좋습니다!

디자인은 화려하지만 기능성이 뛰어납니다. 누구나이 사이트를보고 그것이 무엇이고 어떻게 작동하는지 즉시 알 수 있습니다. 겉보기에 간단한 목표를 달성하는 것이 얼마나 어려운지 놀라실 것입니다.

마우스를 사이트 주위로 움직이면 부드럽고 움직이는 호버 효과의 형태로 많은 눈 사탕이 있음을 알 수 있습니다. 이미 탄탄한 CSS3 및 JavaScript가 작동하면서 이미 탄탄한 경험을 더 잘 만듭니다.

아주 딱딱한 곳으로 뛰어 들어 사이트의 더 미세한 요소를 골라 봅시다.

BrushLovers 로고

나는 많은 웹 디자이너들이 주어진 로고를 제어 할 수 없거나 나중에 생각할 때 빠르고 추한 것을 던지기 때문에 웹 사이트의 일부로서 비판적인 로고를 싫어합니다.

이 로고는 새롭게 바뀌 었습니다. 그것은 브러시 스트로크, 문자“b”와 하트를 결합하여 그렇게 할 때 말하는 모든 것을 말합니다!

흥미롭게도, 나는 그것을 볼 때 오래된 Jiffy Lube 로고의 역 버전을 생각할 수는 없지만 생각할 수는 없습니다.

항해

내비게이션이 콘텐츠 바로 위에 위치하는 방식을 좋아하여 일반적으로 분리 된 두 섹션을 통합합니다. 디자인은 CSS 그라디언트, 거꾸로 된 호버 효과 및 범주에 대한 크기는 있지만 깔끔한 드롭 다운 메뉴를 사용합니다.

둥근 모서리는 매우 촉감이 좋으며 Google Font API를 사용하여 웹 글꼴로 상자에서 벗어나는 멋진 예입니다. 여기의 글꼴은 Cuprum이며, 화려하거나 지나치게 화려하지 않으며 테마에 완벽하게 맞는 멋지고 둥근 압축 대문자 글꼴입니다.

배경 그래픽

여기의 배경 그래픽은 실제로 디자인을 멋지게 마무리합니다. 질감이있는 수채화 추상 그림은 브러시를 판매하는 사이트에 절대적으로 적합합니다. 페이지에 큰 영향을 미칠 정도로 대담하고 기본 의견에서 너무 많이 방해받지 않을 정도로 미묘합니다.

메시징

이 사이트의 메시지는 매우 간단하기 때문에 매우 강력합니다. 붉은 색은주의를 돌리기 위해 전문적으로 사용됩니다. 페이지를로드하자마자 로고의 굵은 빨간색이주의를 끈 다음“브러시를 사랑합니다”텍스트에서 다음 큰 빨간색 배치로 되돌아갑니다.

디자이너가 여기서 한 일을 주목하십시오. 그는 단순히 지루한 텍스트 블록을 삽입하는 대신 먼저 시각적 인 헤드 라인을 만들어서 그 옆에 사이트에 대한 간단한 설명을 넣습니다.

갤러리

전체 디자인의 가장 중요한 측면 중 하나는 물론 브러시가 어떻게 표현되는지입니다. 대부분의 홈페이지는 정말 매력적인 브러시 미리보기로 필터링 할 수있는 큰 갤러리입니다.

모서리는 둥글고 탐색과 일관성을 유지하며 멋진 미묘한 경계를 볼 수 있으며 다양한 투표, 가격 등 모든 정보가 최소한으로 붐비지 않고 하나의 작은 공간에 배치됩니다.

특히 여기에서 호버 효과가 좋아서 흰색 테두리가 희미 해지고 이미지가 가장자리로 번집니다.

브러쉬 페이지

갤러리에서 브러시를 클릭하면 해당 브러시 전용 페이지로 이동합니다. 여기의 글꼴은 다시 한 번 둥글고 압축 (반복)되며 여기의 모든 다양한 조각의 레이아웃이 완벽합니다. 많은 정보, 링크, 공유 버튼 등이 있지만 많은 것들처럼 느껴 지지 않으므로 해체 하기가 어렵습니다.

특히 "Buy Now"버튼이 마음에 들었습니다.

보행인

마지막 으로이 사이트의 바닥 글조차도 화려합니다. 다른 모든 것들과 마찬가지로, 그것은 매우 잘 구성되어 있으며 그 위의 내용과 완벽하게 일치합니다. 나는 그것이 여전히 동일한 시각적 주제를 고수하면서 눈에 띄도록 디자인을 어기는 방식을 좋아합니다.

결론

의심 할 여지없이이 사이트에 대해 오랫동안 도망 쳤습니다. 부정적인 말을 찾지 않고 이러한 비판 중 하나를 수행하는 것은 드문 일이지만이 디자인은 정말 좋습니다.

거의 동일한 정확한 레이아웃을 취하지 만 제대로 구현하지 않는 수많은 디자인 리소스 사이트를 보았습니다. 이 디자이너가 모든 것을 올바르게 만드는 데 시간과 노력이 필요하다는 것을 실제로 알 수 있습니다. 모든 것이 부드럽고 느낌이 좋으며 완벽하게 작동합니다. 잘 했어요!