웹 디자인 비평 # 91 : Photofolio
매주 새로운 웹 사이트를보고 디자인을 분석합니다. 우리는 일부 작업을 수행 할 수있는 영역 외에 잘 수행 된 영역을 모두 지적 할 것입니다. 마지막으로 피드백을 제공하여 마무리합니다.
오늘의 사이트는 More Than (just) Themes의 Drupal 테마 인 Photofolio입니다. 우리가 어떻게 생각하는지 봅시다!
향후 Design Critique에 웹 사이트를 제출하려면 몇 분이면됩니다. 귀사의 설계를 평가하는 데 49 달러의 비용이 청구됩니다. 컨설턴트가 귀하의 사이트를 살펴 보는 데 드는 비용보다 훨씬 저렴합니다! 자세한 내용은 여기를 참조하십시오.
Photofolio 소개
Photofolio는 다양한 글꼴 구성표, 수퍼 피쉬 메뉴, 슬라이드 쇼 등 다양한 기능을 갖춘 반응 형 사용자 정의 가능한 Drupal 테마입니다.
다음은 홈페이지의 스크린 샷입니다.
첫 인상
나의 초기 반응은 매우 긍정적입니다. Photofolio는 시각적으로나 기능적으로 많은 것을 얻는 매력적인 테마입니다. 디자인 측면에서 볼 때 일반적인 측면에서 약간의 느낌이 들지 만 템플릿이라는 점을 감안할 때 그렇게 나쁘지는 않을 것입니다. 주위를 둘러보고 우리가 발견 할 수있는 것을 보자.
나열한 것
레이아웃은 Photofolio가 공원에서 실제로 두드리는 영역입니다. 레이아웃은 깨끗하고 간단합니다. 많은 콘텐츠 슬롯이 있으므로 필요한만큼 페이지를 채울 수 있지만 논리적이고 간단한 방식으로 완벽하게 구성됩니다.
위에서 언급했듯이이 테마는 완전히 반응하며 내가 던질 수있는 모든 뷰포트 크기에서 훌륭하게 보입니다. 이것은 인기있는 몇 가지 장치뿐만 아니라 가능한 모든 뷰포트 크기에 맞게 설계되고 있음을 알려주기 때문에 좋습니다.
이 사이트는 두 개의 가장 큰 미디어 쿼리에서 정적 너비를 가지고 있으며 모바일 레이아웃으로 향하기 시작하면 유동적입니다. 이것은 내용에 정말 효과적입니다.
조정
내가 약간 산만하다고 생각하는 것은 정렬이 헤더에서 약간 지저분하다는 느낌입니다. 한눈에 알 수는 없지만 실제로 자세히 살펴보면 다양한 요소가 주변 환경에 비해 조금 더 나은 위치에 있음을 알 수 있습니다.
위에서 헤더 요소의 기본 와이어 프레임을 볼 수 있습니다. 미묘한 변화이지만 다음에 더 가깝게 될 때까지 이것을 조정하는 것이 좋습니다.
여기에서는 콘텐츠 프레임 주위에 약간의 호흡 공간을 추가하는 것 외에도 수직 및 수평 정렬 모두에 조금 더 일관성을 부여했습니다.
색 구성표
이 테마의 또 다른 큰 장점은 사용자 정의 옵션입니다. 예를 들어, 7 가지 색상 구성 중에서 선택할 수 있습니다.
모든 색 구성표는 매우 선명하고 잘 구현되어 있습니다. 정말 다른 색 구성표가 사이트의 성격을 어떻게 변화시키는 지 정말 감사합니다. 재미 있거나 공식적인 모습을 원하든이 테마가 도움이 될 수 있습니다.
유형
기본적으로 Photofolio의 유형은 가벼운 미적 감각에 완벽한 느낌의 캐주얼 한 얇은 서체입니다. 줄 높이와 줄당 단어는 테마 전체에서 올바르게 느껴집니다. 이것은 작게 들리지만 실제로는 매우 중요합니다. 조잡한 유형의 테마를 사고 싶지 않습니다!
Open Sans는 여기서 사용되는 기본 글꼴입니다. 이것은 물론 Google Web Font이며 Drupal은 다른 것을 바꾸고 싶을 때 다른 훌륭한 Google Web 글꼴에 액세스 할 수있을 정도로 훌륭합니다 (테마에는 선택할 수있는 몇 가지 사전 빌드 세트가 있습니다). 이것을 위의 색 구성표 옵션과 결합하면 개인 스타일에 맞게이 테마를 실제로 조정할 수 있음을 알 수 있습니다.
브라우저 호환성
Photofolio는 완전히 크로스 브라우저 호환으로 청구되며 실제로 시도한 모든 브라우저에서 제대로 작동합니다. 그러나 흥미로운 사파리 문제가있는 것 같습니다. 전환이 포함 된 항목 위로 마우스를 가져 가면 이상한 깜박임 버그가 있습니다.
이 효과의 스크린 캐스트를 녹화했습니다. 여기서 볼 수 있습니다.
디자인은 성공적입니까?
우리는 이미 디자인이 매력적이고 기능적으로 우수하다는 것을 이미 확인했지만, 이러한 측면만으로는 반드시 성공적인 디자인을 만들지는 않습니다. 디자인의 성공은 항상 달성하려는 목표를 기반으로합니다. Drupal Theme 또는 소셜 네트워크를 만들 때 목표를 설정하고 염두에 두어야합니다.
사진가 항소
Photofolio의 목표는 무엇입니까? 한 가지 주요 목표는 사진 작가에게 호소하는 것입니다. 사진 작가로서, 나는 내 필요에 맞춘 많은 것을 분명히 본다. 견고한 블로그와 함께 선택할 수있는 사진 슬라이드 쇼 및 여러 갤러리 레이아웃은 여기에서 전체 사이트를 거의 실행할 수 있음을 의미합니다. 작품을 효과적으로 과시하고 개별 행사에 대해 게시 할 수 있습니다.
사진보다 더
디자인의 또 다른 주요 목표는 사진가와 독점적으로 연결하지 않는 것입니다. 이 사이트는 웹 디자인과 같은 다양한 창의적 틈새 시장에 쉽게 사용할 수 있도록 기능과 디자인을 갖추고 있습니다. 갤러리 예제는 현재 사진으로 가득 차 있지만 웹 사이트 스크린 샷으로 대신 채울 수 있습니다.
다재
템플릿은 흥미로운 짐승입니다. 일반적으로 디자인은 결정에 관한 것입니다. 마음에 드는 두 글꼴과 캐주얼 또는 전문적인 글꼴 중 하나를 선택해야합니다. 당신의 임무는 디자인을 하나의 목적에 매우 구체적으로 목표로 삼는 것입니다. 물론 클라이언트에 달려 있습니다.
그러나 템플릿을 사용하면 그 반대가됩니다. 여기서 아이디어는 많은 다른 사람들이 다양한 방식으로 사용할 수있는 것을 구축하는 것입니다. 어려운 선택을하는 대신, 더 많은 옵션에 시간을 투자합니다. 여기서 목표는 다양성입니다. 사람들은 자신의 제품을 구매하면 요구가 변화하더라도 그 요구에 부합한다는 것을 알고 싶어합니다.
이 분야에서 Photofolio는 매우 성공적입니다. 사이트의 반응 특성은 잠재 고객이 웹에 액세스하는 위치에 관계없이 훌륭한 경험을 얻을 수 있음을 의미합니다. 이것은 물론 여러 페이지, 색상 선택, 글꼴 구성표 및 일부 수동 레이아웃 재정렬 옵션에 대한 여러 레이아웃에 추가됩니다.
네 차례 야!
이제 내 의견을 읽었으며 디자이너에게 추가 조언을 제공하여 의견을 제시하고 도움을주었습니다. 디자인에 대해 좋은 점과 더 강하다고 생각되는 점을 알려주십시오. 항상 그렇듯이 사이트의 디자이너를 존중하고 가혹한 모욕이없는 명확한 건설적인 조언을 제공하십시오.
