웹 디자인 비평 # 58 : 견적 롤러
매주 새로운 웹 사이트를보고 디자인을 분석합니다. 우리는 일부 작업을 수행 할 수있는 영역 외에 잘 수행 된 영역을 모두 지적 할 것입니다. 마지막으로 피드백을 제공하여 마무리합니다.
오늘의 사이트는 전문적인 제안서를 작성하고 보내는 멋진 웹 앱인 Quote Roller입니다.
Envato Elements 살펴보기
향후 Design Critique에 웹 사이트를 제출하려면 몇 분이면됩니다. 귀사의 설계를 평가하는 데 49 달러의 비용이 청구됩니다. 컨설턴트가 귀하의 사이트를 살펴 보는 데 드는 비용보다 훨씬 저렴합니다! 자세한 내용은 여기를 참조하십시오.
따옴표 롤러 정보
“Quote Roller는 제안서 작성 프로세스를 자동화하고 능률화하는 데 도움이됩니다. Word에서 일상적인 텍스트 복사 붙여 넣기를 잊어 버리십시오. Quote Roller를 사용하면 회사, 서비스 약관 및 수동으로 제안서를 작성하는 데 사용한 기타 사항에 대한 일반 정보를 저장하고 재사용 할 수 있습니다. Quote Roller는 또한 무제한의 커스터마이징 기능을 갖춘 친숙하고 직관적 인 드래그 앤 드롭 인터페이스를 제공합니다.”
다음은 홈페이지의 스크린 샷입니다.
초기 인상
바로이 사이트를 정말 좋아한다고 말할 수 있습니다. 현대적인 웹 디자인의 몇 가지 트렌드를 보여줍니다. 이는 정확히 독특하지는 않지만 실제로 꼭 그럴 필요는 없습니다. 요점은 인용 롤러가 고급의 현대적인 견적 작성 유틸리티이며이 디자인이 정확하게 수행한다는 점을 알리는 것입니다.
웹 사이트를 만들 때 이와 같은 목표를 염두에 두는 것이 매우 중요합니다. 너무 많은 디자이너들이 하루 하루 자신의 기분에 맞는 방향으로 파업하여 메시지가 흐릿한 아름다운 웹 사이트를 만듭니다. 사이트의 그래픽은 커뮤니케이션의 주요 원천이며 그들이 원하는 것을 말하고 있는지 확인하고 싶습니다!
그림 물감
가장 먼저 논의하고 싶은 것은 색 구성표입니다. 색 구성표는 이전에 논의한 매우 인기있는 기술을 사용하기 때문입니다. 기본 팔레트는 다양한 파란색 음영을 사용하여 깨끗하고 전문적인 외관을 제공합니다. 색상 범위가 좁 으면 페이지에서 실제로 눈에 띄는 강조 색상 (이 경우 주황색)이 나타납니다.
이것은 사용자의 눈을 지시하는 데 많은 힘을 제공하기 때문에 실제로 잘 작동합니다. 페이지를 아래로 스크롤하면 주황색의 밝은 부분이 거의 없어 파란색과 흰색이 많이 중단 된 것을 볼 수 있습니다. 디자이너가 원하는 것을 정확하게 읽고 읽을 수있는 밝은 곳으로 자연스럽게 눈을 끌게됩니다. 강력한 결과를 제공하는 매우 간단한 기술입니다.
그래픽 테마
사이트의 주요 내용은 둥근 모서리 사각형으로 유지됩니다. 캔버스 질감 배경 위에 배치됩니다. 이 매력적이지만 미묘한 질감은 페이지에 많은 치수를 추가하고 실제로 구축하기 쉽습니다. 이 기사에서 비슷한 기술을 가르칩니다.
탐색 영역에는 정말 멋진 리본이 둘러져 있습니다. 탐색 영역이 두드러지고 페이지 전체에 3 차원 효과를주는 데 도움이됩니다.
고객 견적 및 권장 사항이있는 바닥 글 바로 위에 다른 계층이 추가됩니다. 이러한 유형의 효과는 사이트에 멋지고 세련된 느낌을줍니다. 디자이너가 실제로 미적 품질을 개선하는 데 시간을 보냈다고 말할 수 있습니다.
타이포그래피
Typekit 또는 유사한 프리미엄 웹 글꼴 서비스에 대한 예산이 없습니까? Google Web Fonts는 놀랍고 무료이며 간단한 구현 방법을 제공합니다. Quote Roller는 독특하고 정교한 세리프 인“Merriweather”헤드 라인에 Google Web Fonts를 사용합니다.
여기서 사용자 정의 글꼴 구현은 상당히 보수적이며 헤드 라인 만 Merriweather를 사용하고 나머지는 Arial입니다. 본문 사본에 사용자 정의 글꼴을 사용하는 것이 좋지만로드 시간으로 인해 항상 최상의 옵션은 아닙니다. 또한 멋진 글꼴로 견과류를 들고 궁극적 인 결과를 엉망처럼 보이게하는 것은 매우 쉽습니다. 보다 안전한 경로는 하나의 사용자 정의 글꼴을 찾아서 독특한 디자인으로 만드는 것입니다.
메시징
이 사이트의 메시지는 매우 간단하고 명확합니다. "제안 작성, 추적 및 전송"은 가장 먼저 읽은 것입니다. 덤불 주위에 박동이 없으며, 무슨 일이 일어나고 있는지 즉시 이해합니다.
이것은 많은 스크린 샷으로 강화됩니다. 나는 새로운 웹 앱을 찾은 다음 스크린 샷을 찾기 위해 몇 분을 검색하는 것을 싫어합니다. 때로는 홈페이지 나 소개 동영상이 없습니다! 사용자가 실제로 가입 할 때까지 인터페이스를 숨기면 부끄러운 것으로 가정합니다.
메시징 영역에서 더 나아가서이 사이트에서 기능이 어떻게 제공되었는지도 좋아합니다. 작은 아이콘과 굵은 밑줄이있는 굵은 제목은 단락과 별개로 나타납니다. 이 영역은 가독성이 높고 충분한 공백을 사용하여 각 항목에 호흡 공간을 제공합니다.
투어 페이지
견실 한 제품 둘러보기 페이지 영감을 찾고 있다면 Quote Roller가 좋습니다. 큰 스크린 샷이 페이지 아래로 번갈아 표시되는 것을 좋아합니다. 이 페이지를 스크롤하면 실제로 앱에 가입하여 얻을 수있는 내용을 빠르고 철저하게 확인할 수 있습니다.
결론
Quote Roller는 그 목적을 잘 수행하는 정말 멋진 사이트입니다. 깨끗하고 현대적이며 전문적이며 비즈니스 전문가에게 웹 서비스를 판매 할 때 완벽한 조합입니다.
아이콘과 스크린 샷을 통해 많은 강화로 메시징이 매우 명확합니다. 색상이 완벽하고 디테일에 많은 관심이 있습니다.
전반적으로, 나는 그것에 큰 엄지 손가락을주고 실제로 그것에 대해 부정적인 것을 생각할 수 없습니다!
네 차례 야!
이제 내 의견을 읽었으며 디자이너에게 추가 조언을 제공하여 의견을 제시하고 도움을주었습니다. 디자인에 대해 좋은 점과 더 강하다고 생각되는 점을 알려주십시오. 항상 그렇듯이 사이트의 디자이너를 존중하고 가혹한 모욕이없는 명확한 건설적인 조언을 제공하십시오.
