웹 디자인 비평 # 13 : 연례 디자인 상
매주 새로운 웹 사이트를보고 디자인을 분석합니다. 우리는 잘 수행 된 영역과 일부 작업을 수행 할 수있는 영역을 모두 지적 할 것입니다. 마지막으로 피드백을 제공하여 마무리합니다.
오늘의 사이트는 Annual Design Awards입니다.
Envato Elements 살펴보기
향후 Design Critique에 웹 사이트를 제출하려면 몇 분이면됩니다. 귀사의 설계를 평가하는 데 24 달러의 비용이 청구됩니다. 컨설턴트가 귀하의 사이트를 살펴 보는 데 드는 비용보다 훨씬 저렴합니다! 자세한 내용은 여기를 참조하십시오.
연간 디자인 어워드 정보
“ANNDAS라는 연례 디자인 어워드는 디자인 업계에서 뛰어난 공헌을 보상하기 위해 설립 된 최첨단 비주얼 커뮤니케이션의 세계적인 인정입니다. 우리는 최고의 디자인 어워드가되고 국제 표준을 세우는 것을 목표로하는이 글로벌 이벤트를 판단하기 위해 전 세계에서 가장 놀라운 재능과 존경받는 인물을 모았습니다.”
다음은 홈페이지의 스크린 샷입니다.
전반적인 디자인
나는 이것이 이미 멋진 사이트라고 말하면서 시작하고 싶습니다. 나는 오렌지 팝과 함께 검은 색을 좋아합니다. 밝은 색상을 한 번만 반복하면 사용자가 페이지의 중요한 부분을 볼 수 있습니다.
레이아웃은 단단하고 공백이 많이 있습니다. 또한 중요한 영역이 강조 표시되도록 개체의 시각적 볼륨이 잘 분산되어 있습니다.
다행히 다른 사람들의 디자인을 판단하는 사람들은 강한 디자인 감각을 가지고있는 것 같습니다! 이제 전체를 분석 했으므로 조각으로 나누어 봅시다.
로고 영역
가장 명확한 곳에서 시작합시다 : 왼쪽 상단. 여기서는 Annual Design Awards 로고에 방사형 원 그래픽이 표시됩니다.
로고는 단순하지만 효과적입니다. 그것은 젊고 초초 한 청중이 깨끗한 선과 지루한 미니멀리즘에 너무 열중하지 않음을 제안합니다 (사이트는 실제로 상당히 깨끗하지만 비열한 방식입니다).
원은 미묘한 방식으로 실행되는 대담한 아이디어입니다. 로고와 결과적으로 사이트 이름에주의를 집중시키는 데 도움이되는 정말 단순한 디자인 요소입니다. 혼란스러운 사이트에서는 작동하지 않지만이 페이지는 시각적 혼란을 일으키지 않고 그 목적을 완벽하게 달성 할 정도로 간단합니다.
항해
탐색 영역은 매우 간단합니다. 가로 막대 위의 일부 텍스트는 각 섹션마다 구분되어 있습니다.
나는 여기에서 글꼴 선택을 정말 좋아합니다. @ font-face로 사용자 정의 된 것처럼 느껴지므로 코드를 들여다 보았을 때 놀랍고 조지아 이탤릭이라는 것을 알았습니다.
섹션 위에 마우스를 올리면 막대가 주황색으로 강조 표시됩니다. 이것은 좋지만 텍스트가 무언가를하지 않는 것이 조금 이상합니다 (이것은 꽤 까다 롭지 만 멋진 사이트에서 무언가에 대해 이야기해야합니다!).
디자이너가 텍스트를 변경하지 않은 이유를 이해하고 검정색 배경에 작은 주황색 텍스트를 읽기가 약간 어려울 수 있습니다. 마우스를 가져 가면 텍스트를 회전시키는 매우 작은 CSS 변환이 도움이 될 것입니다. 구형 브라우저에서 무시된다면 큰 문제가 아니며 로고 스타일에 좋은 끄덕임이 될 것입니다.
슬라이드 쇼
JavaScript 슬라이드 쇼를 좋아하므로이 섹션이 훌륭하다고 생각합니다. 새로운 그림이 나오면 그림이 왼쪽으로 미끄러지고 텍스트가 희미 해집니다. 나는 또한 투명한 테두리와 자르기 표시를 좋아합니다.
그러나 여기서 재생 및 일시 정지 버튼은 저를 위해 잘라 내지 않습니다. 나는 다시보고 싶었지만 되돌아 갈 방법이 없다는 그래픽이가는 것을 보았다. 결과적으로 나는 그것이 다시 돌아올 때까지 기다려야했습니다 (시간이 걸렸습니다).
각 이미지에 연결되는 작은 원 아이콘을 배치하는 것이 좋습니다. 간단하고 미묘하며 사용자에게 슬라이드 쇼의 위치와 특정 이미지를 볼 수있는 제어 기능을 모두 제공합니다.
입학 섹션
다음 섹션은 일반적으로 사용자가 가입하기 위해 등록하는 곳이지만 스티커 메모 그래픽으로 표시된 시간 동안 닫힙니다.
스티커는 의도적으로 디자인을 위반하여 제출이 마감되었다는 사실을 놓치지 않도록합니다. 이것은 잘 작동하고 사용자에게 알아야 할 정보를 즉시 알려줍니다.
스티커 아래의 그래픽은 약간 산만합니다. 왼쪽 사각형 상자에 부딪 히고 다른 사각형 상자에 부딪치지 않으면 서 가격이 이상하게 보입니다. 여기서 무슨 일이 일어나고 있는지 확실하지 않지만 조금 벗어난 것 같습니다.
바닥 글 및 문의 양식
마지막으로 살펴볼 영역은 페이지 하단에 있으며 정보를 받기 위해 가입 할 수 있습니다. 문의 양식 아래에 표준 바닥 글 링크 및 소셜 정보도 있습니다.
문의 양식이 전용 페이지가 아닌 여기에 중첩되어 있고 채울 필드가 두 개 뿐인 것이 좋습니다. 상자를 클릭하면 필드 레이블이 사라지고 아무 것도 입력하지 않고 클릭하면 다시 나타나지 않습니다. 페이지를 클릭 할 때 약간의 유용성 문제가 있지만 이름을 올릴 상자와 돌아올 때 전자 메일을위한 상자가 확실하지 않았습니다.
마지막으로 바닥 글 영역은 멋지게 보이지만“따라 오십시오”라는 단어와 해당 아이콘 사이에 약간의 공백이 표시됩니다. 지금은 서로 조금 뭉개져 있습니다.
네 차례 야!
이제 내 의견을 읽었으며 디자이너에게 추가 조언을 제공하여 의견을 제시하고 도움을주었습니다. 디자인에 대해 좋은 점과 더 강하다고 생각되는 점을 알려주십시오. 항상 그렇듯이 사이트의 디자이너를 존중하고 가혹한 모욕이없는 명확한 건설적인 조언을 제공하십시오.
자신의 사이트를 비평하는 데 관심이 있습니까? 자세한 내용은 여기를 참조하십시오.
