웹 디자인 비평 # 55 : 가제트
매주 새로운 웹 사이트를보고 디자인을 분석합니다. 우리는 일부 작업을 수행 할 수있는 영역 외에 잘 수행 된 영역을 모두 지적 할 것입니다. 마지막으로 피드백을 제공하여 마무리합니다.
오늘의 사이트는 재미있는 도구에 관한 모든 사이트 인 가제트 -O입니다!
Envato Elements 살펴보기
향후 Design Critique에 웹 사이트를 제출하려면 몇 분이면됩니다. 귀사의 설계를 평가하는 데 49 달러의 비용이 청구됩니다. 컨설턴트가 귀하의 사이트를 살펴 보는 데 드는 비용보다 훨씬 저렴합니다! 자세한 내용은 여기를 참조하십시오.
가제트 소개
가제트 -O는 고무적이고 독창적 인 디자인을 갖춘 사이트입니다. 탐색, 기술, 생활 공간, 웨어러블, 운송 및 스포츠 등 5 개의 섹션이 있으며 모두 훌륭한 아이디어, 발명 및 디자인을 제공합니다. 당신이 무엇을하든, 당신은 여기에 전시 된 놀라운 독창성을 높이 평가할 수 없습니다.
솔직히 말해서, 나는이 비판을 쓰는 데 영원히 걸렸다. 나는 사이트에있는 모든 멋진 것들에 계속 산만 해 졌기 때문이다! 우유와 시리얼을 따로 보관하는 그릇, 샌드위치를 곰팡이처럼 보이게하여 가방을 훔치지 않도록하는 가방, 배낭에 접히는 자전거; 놀라움은 끝나지 않습니다.
다음은 홈페이지의 스크린 샷입니다.
가로 스크롤? 그게 좋은가요?
가제트 -O 홈페이지는 매우 간단합니다. 왼쪽에는 탐색 막대와 로고가 있고 오른쪽에는 이미지가 있습니다.
사이트가 가로로 스크롤되며 각 제품의 멋진 미리보기가 포함되어 있습니다. 사이드 스크롤링 사이트는 실제로 풀기가 어렵지만 상당히 잘 수행됩니다. 요령은 항상 라인에서 다음 제품을 엿볼 수 있다는 것입니다. 이것은 사이트가 옆으로 스크롤하고 어색한 "피겨 아웃"단계를 제거한다는 것을 즉시 알 수 있습니다.
많은 디자이너들이 당신에게 수평 스크롤을하지 말라고 말할 것입니다. 그러나 나는 그런 완벽한 판단을하고 싶지 않습니다. 이 사이트는이 형식으로 멋지게 보이고 느껴지며 독특한 느낌의 노력에 박수를 보냅니다.
즉, 대체 그리드 뷰를보고 싶습니다. 이것은 가로 스크롤에 열중하지 않은 사람을 만족시킬뿐만 아니라 "한 번에 하나의"분위기가 아닌 많은 콘텐츠를 빠르게 탐색 할 수있는 좋은 방법입니다.
사이드 바
사이트 왼쪽의 사이드 바 / 탐색은 매우 간단하여 모든 것이 멋지고 사용하기 쉽습니다. 나는 메뉴에 대한 얇고 대문자와 압축 된 타이포그래피와 분리선의 활자체 환상을 정말로 좋아합니다.
나는 디자이너도 로고와 함께 훌륭한 일을했다고 생각합니다. 기억에 남고 친근하며 사이트에 개성을 부여합니다.
모든 소셜 정보가 사이트의 전체 주제와 완벽하게 맞는지 확인하십시오. 디자이너들은 종종 소셜 로고를 사후에 던져서보기 흉한 페이지에서보기 흉한 눈을 만들어냅니다. 이 디자이너는 시간을내어 소셜 아이콘을 유명하고 매력적으로 만들었습니다.
가제트 미리보기
각 가젯은 미리보기 이미지, 제목, Facebook 단추 및 날짜 / 태그 섹션 만 포함 된 큰 상자로 표시됩니다. 전반적인 효과는 매우 작고 매력적입니다.
각 섬네일은 실제로 이미지 슬라이더이며 작은 화살표를 클릭하면 가젯을 여러 번 미리 볼 수 있습니다. 이것은 첫 번째 그림에 무엇이 있는지 항상 확실하게 알 수 없기 때문에 환상적인 기능입니다.
색상 팔레트
색상 표는 사이트에서 내가 가장 좋아하는 것 중 하나입니다. 대부분의 경우 카키색 / 오트밀 색조가 좋은 매우 중립적 인 팔레트입니다.
위의 마지막 색상은 테마에 렌치를 던지지 만 좋은 방법이라고 생각합니다. 로고의 강렬한 녹색은 페이지의 나머지 부분과 차별화되어주의를 끌 수 있습니다. 그러나 눈으로 처리 할 수없는 끔찍한 변화 대신 팔레트에 좋은 초점을 제공합니다.
제품 페이지
프로젝트를 클릭하면 위와 같은 전용 제품 페이지가 표시됩니다. 나머지 사이트와 마찬가지로 처음에는 멋지게 보입니다. 멋지게 배치되어 있으며 유용한 정보와 기타 제품을 충분히 확인할 수 있습니다.
나는 모두 큰 엄지 손가락을 줄 준비가되었지만 아래로 스크롤하여 아무 일도 일어나지 않았습니다. 분명히 잘린 추가 콘텐츠가 있지만 얻을 수는 없습니다. 스크롤 막대가 없으며 스크롤 동작이 비활성화 된 것 같습니다 (Mac의 Safari 및 Firefox에서 확인했습니다). 브라우저 창의 크기를 작게 조정하더라도 스크롤 막대가 나타나지 않습니다.
디자이너가 큰 화면에서 페이지를 작성하고 더 작은 페이지 (13 인치 MacBook에 있음)에서 해당 페이지를 확인하지 않은 경우도 있지만 최근 몇 년 동안 노트북의 보급률을 감안할 때 이것은 꽤 버그 문제입니다.
이 페이지를보고 가능한 빨리 수정하는 것이 좋습니다. 공평하게 말하면, 내용의 99 %가 내 화면에서 잘 보일 수 있지만, 이 버그를 갖는 것은 거의 완벽한 사이트에서 불쾌한 결점입니다.
전체적인 인상
나는 가제트 O 사이트를 정말 좋아합니다. 중독성에 이르기까지 내용은 놀랍습니다. 제품을 실제로 강조하기 위해 사이트를 디자인 할 때 많은 생각을 할 수있었습니다. 디자이너가 먼저 콘텐츠에 대해 생각하고 콘텐츠를 잘 보여주는 데 중점을 둔 디자인을 만들 때 좋아 합니다. 콘텐츠를 미리 구성된 시각적 테마로 만드는 것보다 훨씬 효과적입니다.
이 단순하고 아름다운 사이트는 내 책에서 거의 완벽합니다. 제품 페이지는 가능한 빨리 수정해야하며 홈페이지에서 선택적보기를 좋아하기 전에 언급했듯이 좋은 결과를 유지해야한다고 말할 수 있습니다!
네 차례 야!
이제 내 의견을 읽었으며 디자이너에게 추가 조언을 제공하여 의견을 제시하고 도움을주었습니다. 디자인에 대해 좋은 점과 더 강하다고 생각되는 점을 알려주십시오. 항상 그렇듯이 사이트의 디자이너를 존중하고 가혹한 모욕이없는 명확한 건설적인 조언을 제공하십시오.
