웹 디자인 비평 # 3 : 반딧불
우리의 웹 디자인 비평은 고객과 논평자 모두에게 인기가 있습니다. 양질의 아이디어와 제안을 제공하는 훌륭한 일을 계속하십시오!
오늘의 사이트는 영국에 본사를 둔 사회 복지 모집 기관의 홈페이지 인 Firefly입니다.
Envato Elements 살펴보기
향후 Design Critique에 웹 사이트를 제출하려면 몇 분이면됩니다. 귀사의 설계를 평가하는 데 24 달러의 비용이 청구됩니다. 컨설턴트가 귀하의 사이트를 살펴 보는 데 드는 비용보다 훨씬 저렴합니다! 자세한 내용은 여기를 참조하십시오.
반딧불
“Firefly는 런던과 인근 카운티 전역의 공공 및 민간 부문에서 사회 복지 전문가를 소싱, 배치 및 관리하는 전문 채용 컨설턴트입니다. 채용에 대한 우리의 접근 방식은 개인적이고 상담 적입니다.”
웹 사이트의 홈페이지는 다음과 같습니다.
전반적으로, 사이트 디자인은 정말 좋으며 나는 그것에 대해 말할 좋은 것들이 많이 있습니다. 이 중 몇 가지를 자세히 살펴 보겠습니다.
색 구성표
우선, 나는 직장에서 컬러 팔레트를 정말로 좋아합니다. 눈에 편하고 아름답게 보이는 모든 밝은 색상을 사용합니다.
여기서 가장 굵은 색은 초록색이며 디자이너는이를 완벽하게 사용했습니다. 콘텐츠 상단의 주요 위치에만 사이트 상단에 상당히 많이 흩어져 있으며 바닥 글의 주요 색상으로 크게 나타납니다 (3 가지 변형).
세부 사항에주의
페이지 전체에 흩어져있는 작은 디자인이 많이 있습니다. 디자이너가 천천히 무언가를 게시하기 위해 서두르지 않고 인터페이스를 올바르게 시작하는 데 시간이 걸리고 있음을 보여줍니다.
되풀이
반복은 디자인의 주요 측면 중 하나이며 많은 웹 디자이너에게 잘못 이해되거나 완전히 알려지지 않은 원칙입니다. 이 디자이너는 위에서 언급 한 것처럼 녹색을 반복 할뿐만 아니라 로고의 원형 요소를 사용하여 능숙하게 사용했습니다.
이와 같이 페이지에서 요소를 반복하면 디자인이보다 응집력있게 보입니다. 또한 페이지를 탐색 할 때 눈에 잘 띄는 것을 제공합니다.
나열한 것
디자이너는 3 개의 열 레이아웃을 구현하기로 선택하고 사이트의 전체 길이를 고수했습니다. 정렬이 강하고 열이 잘 실행됩니다. 어두운 배경색을 사용하여 맨 오른쪽 열의 시각적 분리는 주요 내용을 강조 표시하고 큰 흰색 페이지의 단조 로움을 없애는 데 도움이되므로 탁월한 터치입니다.
개선 사항
전반적으로 디자인은 우리가 아직까지 비판에 대해 본 것 중 가장 강한 것 중 하나입니다. 그러나 몇 가지 작은 조정이 가능합니다.
이미지 해상도
인쇄 된 배경이 있기 때문에 해상도 나치 경향이 있습니다. 왼쪽 상단의 로고는 회사 브랜드를 나타낼뿐만 아니라 사용자가 페이지에 방문 할 때 가장 먼저 보게되는 것 중 하나입니다. 이런 이유로, 당신은 그것이 바삭 바삭하고 있는지 확인하고 싶습니다.
내가 의미하는 바를 보여주기 위해 로고를 약간 폭파했습니다. 이것은 분명히 문제를 악화 시키지만 이미지를 저장할 때 더 작은 레벨에서 찾아야 할 사항을 잘 보여줍니다.
이미지 아티팩트 및 저하를 자세히 살펴보십시오. 이 로고는 상당히 작으며 사이트를 더 높은 해상도로 저장해야하는 경우 사이트를 정지시키지 않아야합니다.
텍스트 헤비
아마도이 페이지의 시각적 문제는 텍스트가 너무 무겁다는 것입니다. 사이트에 처음 도착했을 때 누군가에게 던질 정보는 많습니다. 이처럼 많은 독서는 시간이 걸리고 위협적 일 수 있으며 실제로 사용자가 텍스트를 완전히 무시하게 할 수 있습니다.
나는 이것을 필수품으로 잘라 내고 중요하지 않은 정보를 여기에 강조하기보다는 지원 페이지에 배치하는 것을 고려할 것입니다.
사용성
페이지의 일부 텍스트에 약간의 사용 편의성 문제가 있습니다. 원인이 무엇인지 잘 모르겠지만 Safari에서 시작 열의 텍스트를 선택할 수 없습니다.
나는 그것이 까다로운 것처럼 들리지만 라이브 텍스트를 갖는 모든 요점은 페이지에서 깨끗하고 선명하며 완전히 선택할 수있는 (따라서 붙여 넣을 수있는) 사본을 가지고 있다는 것입니다.
이 오류의 원인을 확인하려면 코드를 살펴 보는 것이 좋습니다.
두 개의 클립
위에서 언급했듯이 반복은 디자인에서 좋은 것입니다. 그러나 내가 지적했듯이 종종 잘못 이해되거나 오용됩니다. 클립은 멋진 그래픽 요소이며 페이지의 다른 곳에서 반복하는 것이 좋았지 만 두 개를 서로 가까이두면이 섹션이 Photoshop 복제 증후군으로 고통받습니다.
여기서 단 하나의 클립을 사용하면 더 강력한 진술을 할 수 있다고 생각합니다. 당신이 정말로 두 가지를 고수하고 싶다면, 그것들이 동일하지 않아야합니다. 약간의 변형을 제공하기 위해 하나를 회전하거나 뒤집습니다.
네 차례 야!
이제 내 의견을 읽었으며 디자이너에게 추가 조언을 제공하여 의견을 제시하고 도움을주었습니다. 디자인에 대해 좋은 점과 더 강하다고 생각되는 점을 알려주십시오. 항상 그렇듯이 사이트의 디자이너를 존중하고 가혹한 모욕이없는 명확한 건설적인 조언을 제공하십시오.
자신의 사이트를 비평하는 데 관심이 있습니까? 자세한 내용은 여기를 참조하십시오.
