웹 디자인 비평 # 26 : iPhone Toolbox
매주 새로운 웹 사이트를보고 디자인을 분석합니다. 우리는 일부 작업을 수행 할 수있는 영역 외에 잘 수행 된 영역을 모두 지적 할 것입니다. 마지막으로 피드백을 제공하여 마무리합니다.
오늘의 사이트는 iPhone Toolbox입니다.
향후 Design Critique에 웹 사이트를 제출하려면 몇 분이면됩니다. 귀사의 설계를 평가하는 데 24 달러의 비용이 청구됩니다. 컨설턴트가 귀하의 사이트를 살펴 보는 데 드는 비용보다 훨씬 저렴합니다! 자세한 내용은 여기를 참조하십시오.
iPhoneToolbox에 관하여
“우리는 배경 화면, 아이콘, iPhone 응용 프로그램 및 iPhone 팬들을위한 뉴스를 포함한 최고의 iPhone 리소스를 수집합니다. iPhone Toolbox도 매일 업데이트됩니다.”
홈페이지 섹션은 다음과 같습니다.
첫인상
이 디자인에 대한 나의 초기 반응은 섞여있다. 여기에는 강력한 출발이 있습니다. 콘텐츠는 모듈 식 단위로 구성되어 있으며, 이로 인해 홈페이지는 수많은 이질적인 콘텐츠를 보유 할 수 있습니다. 이것은 매우 강력한 토대이며, 좋은 출발입니다.
사이트는 조금 쿠키 커터를 느낍니다. 즉, 컨텐츠가 컨텐츠를 중심으로 설계된 사이트가 아니라 템플리트로 컨텐츠가 강제 된 것 같습니다. 템플릿은 훌륭하고 많은 비용을 절약 할 수 있지만 일반적인 디자인의 템플릿을 선택하면 많은 브랜딩 기회를 희생 할 수 있습니다.
일부 개선이 필요한 사이트의 일부 영역을 자세히 살펴 보겠습니다.
로고
나는 결의안과 관련하여 상당히 까다 롭고 여러 비판에 대해서도 이와 같은 제안을하고 있습니다. 로고는 방문자가 보게 될 첫 번째 및 기본 사이트 표현입니다. 따라서 가능한 한 선명하고 선명해야합니다. 여기의 로고는 퍼지쪽에 약간 있습니다.
이미지는 이미 PNG이지만 저해상도 JPG처럼 보입니다. PNG는 인상적인 디테일과 선명도를 유지할 수 있으므로 문제가 PSD에 있다고 생각합니다. 파일을 적절한 크기로 빌드하고 더 큰 크기로 확장해야하는 작은 리소스로 시작하지 마십시오.
강조는 어디에 있습니까?
이러한 모듈 식 레이아웃을 사용할 때의 주요 문제 중 하나는 계층 구조를 잃기 쉽다는 것입니다. 명확하게 묘사 된 의사 소통 구조 대신 관심을 끌기 위해 비슷한 강조점을 가진 여러 요소가 있습니다. 아래 이미지를보고 강조점이 어디에 있는지 생각해보십시오. 사이트의 어느 부분이 가장 관심을 끌까요?
백명에게 물었다면 몇 가지 다른 대답을 얻을 것입니다. 강력한 시작점이 없습니다. 무엇이든 광고 상단이 가장 시각적 인 요소이며 메시지가 서비스 나 다른 사람을 광고하는지 여부에 대해 시청자를 혼란스럽게합니다.
좋은 디자인은 시청자가 따라갈 수있는 명확한 길을 만듭니다. 그들이 원한다면 길에서 벗어날 수 있지만 강력한 제안이 있어야합니다. 한 곳에서 다른 곳으로 이끌면 계속 관심을 갖고 컨텐츠 풀에 던져 페이지를 닫고 계속 진행할 수 있습니다.
순수한 브랜딩이든 더 큰 '기능'섹션이든 사이트를위한 명확한 헤더를 만드는 것이 좋습니다. 사이트의 너비에 걸쳐 시각적 인 시각적 출발점이 될 수있는 무언가를 만드십시오.
조정
기본 컨텐츠가 들어있는 상자는 왼쪽과 오른쪽 모두에서 사이트에 대한 명확한 정렬을 설정합니다. 이 줄은 페이지 끝까지 이어지지 만 맨 위를 위반합니다. 아래 이미지에서 나는 주 내용에서 올라 오는 두 개의 선을 그려서 이것을 보여주었습니다.
보시다시피, 광고와 탐색 모두 사이트의 내용과 정확하게 일치하지 않습니다. 이렇게하면 사이트가 약간 조잡 해 보이게되고 광고가 디자인에 강제로 적용되었다는 생각을하게됩니다. 광고를 나머지 콘텐츠와 정렬하고 탐색을 위로 이동하여 '홈'이 아래의 나머지 콘텐츠와 정렬되도록하는 것이 좋습니다.
마지막 생각들
그 외에는 사이트가 잘 작동합니다. 정렬은 나머지 전반에 걸쳐 강하고, iPhone에서 배경 화면이 어떻게 보이는지 보여주는 멋진 호버 효과가 있으며, 배경 화면 섹션에는 이미지에 깔끔한 코너 처리가 있으며 사이트 바닥 글은 멋지게 보입니다.
선택적으로 해결 될 수있는 다른 것들로는 텍스트 크기 (약간 작은 느낌), 둥근 모서리 (약간 울퉁불퉁 한) 및 탐색 (반복 된 색상)이 있습니다. 마지막으로, 페이지에 몇 가지 주요 대조 점을 추가하십시오. 이전에 만든 헤더 제안은 페이지 전체에 짙은 회색 또는 검은 색으로 뻗어 있으면 눈길을 끌 수 있습니다. 대비는 디자인에 다양성과 시각적 관심을 추가하는 좋은 방법입니다.
네 차례 야!
이제 내 의견을 읽었으며 디자이너에게 추가 조언을 제공하여 의견을 제시하고 도움을주었습니다. 디자인에 대해 좋은 점과 더 강하다고 생각되는 점을 알려주십시오. 항상 그렇듯이 사이트의 디자이너를 존중하고 가혹한 모욕이없는 명확한 건설적인 조언을 제공하십시오.