웹 디자인 비평 # 27 : 아이디어 아트

/2019-07-23 22:50:37/
Brisa
/비평/

매주 새로운 웹 사이트를보고 디자인을 분석합니다. 우리는 일부 작업을 수행 할 수있는 영역 외에 잘 수행 된 영역을 모두 지적 할 것입니다. 마지막으로 피드백을 제공하여 마무리합니다.

오늘의 사이트는 Idea Arts입니다.

디자인 리소스 살펴보기

향후 Design Critique에 웹 사이트를 제출하려면 몇 분이면됩니다. 귀사의 설계를 평가하는 데 24 달러의 비용이 청구됩니다. 컨설턴트가 귀하의 사이트를 살펴 보는 데 드는 비용보다 훨씬 저렴합니다! 자세한 내용은 여기를 참조하십시오.

아이디어 아트 소개

Idea Arts는 기술에 대한 평생 열정을 가진 그래픽 디자이너 인 개인 포트폴리오 Goran Ilic입니다. 그의 사이트는 그의 최근 작업과 회사가 제공하는 서비스를 보여줍니다.

다음은 홈페이지의 스크린 샷입니다.

첫 인상

Idea Arts는 대부분 매력적인 사이트입니다. 실제로 디자인을 시작하기에 좋은 아이디어가 있습니다. 내용은 명확하게 정의 된 섹션으로 분류되며 논리적 진행을 따릅니다. 사용자의 관심을 효과적으로 끌 수있는 매력적인 그래픽 요소도 있습니다.

그러나 다듬을 기회가 많이 있습니다. 처음에는 권장하지 않을 정도로 견고하지만 여러 측면에서 약간 더주의를 기울여 설계를 완료 할 수 있습니다. 아래에서는이 중 몇 가지를 살펴 보겠습니다.

타이포그래피

이 사이트에서 가장 큰 문제는 인쇄술입니다. 처음에는 홈페이지에서만 글꼴 크기, 너비, 스타일 등 약 10 가지 변형이 나타납니다. 이는 거의 항상 부정적인 특성입니다. 디자인에 따라 서체를 약 2 ~ 3 개의 변형으로 유지하는 것이 좋습니다.

머리글, 하위 머리글 및 본문에 사용할 수있는 서체를 결정하십시오. 그런 다음 각 섹션을 고유 한 특성을 가질 수있는 독립적 인 영역으로 취급하지 않고 전체 디자인에서 일관성을 유지하십시오.

또한 실제로 매력적으로 보이도록 유형을 구성하는 데 시간을 보냅니다. 여기에는 줄 높이, 색상 및 줄 바꿈과 같은 신중한 계획 옵션이 포함됩니다. 이 예제들은 아래 예제에서 상당히 거칠다.

우선, 밝은 파란색은 배경과 잘 대비되지 않습니다. 이것은 뒤에있는 밝은 색상과 실제로 분리 될 때까지 해당 색상을 어둡게하여 쉽게 수정할 수 있습니다. 또한 사본이 작을수록 호흡 공간이 조금 더 사용될 수 있습니다. 줄 높이는 단순히 너무 낮아 읽기가 어렵고 여기에서 약간 부딪히면 가독성이 크게 높아집니다.

그러나 사이트의 다른 영역에서는 선 높이가 어색하게 보이기 때문에주의하십시오. 단락 흐름을 돕기 위해 Typograph – Scale & Rhythm (아래 그림 참조)과 같은 무료 온라인 도구를 사용하는 것이 좋습니다.

마지막으로 줄 바꿈을 지켜보십시오. 흥미롭게도, 표현에서 어색한 휴식을 지켜야 할뿐만 아니라 단락의 모양에주의를 기울여야합니다. 위의 것은 조금 이상하게 보이며 아래 버전과 같이 쉽게 리플 로우 될 수 있습니다.

공백

약간의 조정을 사용할 수있는 디자인의 또 다른 영역은 공백을 사용하는 것입니다. 타이포그래피와 마찬가지로이 작업은 까다로울 수 있으며 주관적입니다. 그러나 몇 가지 기본 원칙이 있습니다.

예를 들어, 세로 또는 가로로 분산 된 항목 모음이있을 때마다 먼저 객체를 시각적으로 그룹화 한 다음 균일하게 간격을 두십시오. 예를 들어, 아래 예에서 원래 버전은 아이콘과 텍스트 사이의 간격이 서로 다르며 구별해야 할 항목이 서로 약간 씩 실행됩니다. 약간의 조정만으로 훨씬 명확한 그래픽 표현을 만들 수 있습니다.

그 차이는 미묘하지만 매우 중요합니다. 어떤 텍스트 줄이 어떤 아이콘과 함께 있는지 쉽게 알 수 있습니다. 디자인 전반에 비슷한 용량의 공간 분석을 사용할 수있는 다른 영역이 몇 가지 있습니다. 예를 들어, 아래 텍스트는 봉쇄 장치 끝에서 거의 충돌합니다. 항상 이와 같은 요소에 충분한 공간을 확보하십시오.