디자이너를 위한 시각적 계층 구조에 대한 초보자 가이드

그래픽 디자이너, 웹 디자이너 또는 시각적 작업을 전혀 하는 사람이라면 새 문서나 제품을 만들 때 프로세스를 개발했을 것입니다. 이런 식으로 참조하든 그렇지 않든, 새 프로젝트를 시작하는 데 필수적인 작업 중 하나는 시각적 분류에서 모든 요소 또는 섹션의 레이아웃인 조각에 대한 일종의 시각적 계층 구조를 제시하는 것입니다. 새로운 시각적 조각을 구성할 때는 항상 레이아웃과 구성에 대한 고려 사항이 포함됩니다. 즉, 사물의 위치, 정렬 방식, 순서입니다. 계층 구조는 가장 중요한 것이 생성의 맨 위에 표시되는 방식으로 디자인 프로젝트의 필수 요소 목록을 구성하는 것으로 생각할 수 있습니다.

계층 구조를 만드는 것은 적시에 적절한 것에 주의를 집중하는 데 도움이 되기 때문에 중요합니다. 계층 구조는 구성 요소의 구조를 제공하고 뷰어가 탐색할 수 있도록 하여 요소의 상대적 본질을 표시하는 합리적인 방법입니다. 어떤 정보가 다른 정보보다 먼저 오는지 알 수 있습니다. 무엇을 먼저 읽어야 하는지 정확히 알게 될 것입니다. 어느 부분에 더 주의를 기울여야 하는지도 알게 될 것입니다.

우리가 만드는 모든 것에는 계층 구조가 있어야 합니다. 학교에서 쓰는 에세이나 비즈니스를 위해 투자자에게 제출하는 보고서도 마찬가지입니다. 그러나 디자인에서 계층 구조는 텍스트로만 축소되지 않습니다. 예를 들어, 올바르게 설계된 웹사이트를 방문하면 페이지를 구성하는 데 도움이 되도록 계층 구조가 적용되었음을 알 수 있습니다. 탐색 배너 크기에서 아이콘, 광고 문구 및 영웅 이미지까지. 따라서 콘텐츠 담당자 또는 카피라이터가 웹사이트의 가장 중요한 요소부터 가장 덜 중요한 요소까지 웹사이트의 스토리를 전달하는 데 바쁜 동안 디자이너인 당신은 일치하는 시각적 계층 구조를 만들어야 합니다.

시각적 계층 구조는 디자인을 살펴보고 가장 중요한 정보가 있는 위치로 안내하고 거기에 주의를 끌도록 하여 시청자를 보다 편안하고 잘 정렬되도록 하는 초점을 만듭니다. 디자인 경력을 쌓기 위해 시각적 계층 구조에 대한 지식을 넓히기를 기대하고 있다면 바로 찾아오셨습니다. 이 문서에서는 적절한 시각적 계층 구조를 만들 수 있도록 고려해야 할 몇 가지 사항을 안내합니다.

크기를 활용하십시오

핀

그래픽 디자이너는 가시성을 높이기 위해 다양한 요소를 줄이거나 늘려 크기를 유리하게 사용할 수 있습니다. 더 큰 디자인 요소는 조금 더 주의를 끌기 때문에 가장 중요하고 흥미롭거나 소개하는 요소를 위해 남겨두어야 합니다. 개체의 치수를 확대하고 다른 개체와 관련하여 크기(축척)를 늘리는 것은 디자인에 시각적 계층 구조와 구성을 부여하는 매우 효과적인 방법 중 하나입니다. 그다지 중요하지 않거나 가장 중요한 텍스트 단서에 연결되지 않은 디자인 요소는 크기 측면에서 축소하여 큰 의미를 지닌 요소만큼 눈에 띄지 않게 할 수 있습니다. 이러한 유형의 디자인 요소는 시각적 계층 구조의 낮은 지점에 속합니다.

현명한 색상 선택

핀

계층을 생성할 때 집중해야 할 또 다른 중요한 사항은 색상과 대비입니다. 특히 중요한 이미지나 정보를 표시하기 위해 전략적으로 색상을 적용하는 경우 인간은 색상에 시각적으로 끌립니다. 이 정보에 대한 색상 관련 조직이 있을 때 사람이 웹사이트를 방문하여 더 깊이 읽을 가능성이 매우 높습니다. 이것이 데이터 기반 그래프와 차트가 더 나은 가시성과 가독성을 위해 종종 색상으로 구분되는 이유입니다. 노란색과 빨간색과 같은 색상은 중요성과 긴급성을 전달하고 파란색과 녹색과 같은 색상은 안정과 차분함을 전달합니다. 그러나 무지개의 모든 색상으로 디자인을 흠뻑 적시지 않도록 주의해야 합니다. 부정적인 영향을 미치거나 메시지에서 주의를 산만하게 할 수 있기 때문입니다. 색상을 현명하고 목적에 맞게 사용하면 제품의 전반적인 시각적 효과에 잘 전달된다는 것을 알게 될 것입니다.

타이포그래피를 현명하게 고려하십시오

핀

고려해야 할 다른 요소는 사용하기로 결정한 글꼴 유형과 각 글꼴의 크기입니다. 선택할 수 있는 글꼴이 여러 개 있으므로 선택한 글꼴이 가장 좋은지 확인하고 모든 제품의 메시지를 전달하는 것은 사용자의 몫입니다. 전통적으로 제목과 제목은 산세리프체나 디스플레이 글꼴을 사용해야 하며 카피 글꼴은 세리프체로만 강등되어야 한다고 합니다. 이것은 세계가 변화함에 따라 변하고 있지만 일반적으로 서체의 크기가 클수록 사본이 더 눈에 띄게 됩니다. 일반적으로 카피는 상위 타이틀이 가장 크고, 작은 부제목이 중간 크기, 일반 본문 카피가 가장 작은 아웃라인 형식으로 배열됩니다. 이것은 디자인의 경향이나 기대보다는 가독성과 스캔하려는 인간의 경향에 관한 것입니다.

가장 중요한 디자인 요소는 주의를 환기시키는 글꼴로 작성되어야 하지만 항상 명확성을 제공해야 합니다. 독자가 작성 중인 내용을 이해할 수 없는 경우 주의는 유용하지 않습니다. 너무 자주 각 글자가 어떻게 나타나는지 보지 않고 글꼴을 선택합니다. 때때로 이것은 한 단어를 쓰려고 했지만 글꼴이 단어를 부정확하거나 더 나쁘게, 부적절하게 보이게 만든 브랜드에 대해 가짜 실책을 일으키기도 했습니다.

위에 제공된 팁을 살펴보았으므로 이제 시각적 계층 구조를 만들 준비가 되었습니다. 이 글이 초보자를 위한 안내서라는 점을 감안할 때, 이 글의 모든 요점은 처음으로 최고의 시각적 계층 구조를 생각해 내고 쉽게 수행할 수 있도록 하기 위해 철저하게 조사했습니다. 시각적 계층 구조가 효과적인지 여부를 쉽게 알 수 있는 한 가지 방법은 작품의 모든 언어를 큰 소리로 읽는 것입니다. 목소리를 바꾸거나 강조하는 부분이 있나요? 가장 많은 관심을 받고 있는 사람들입니다. 텍스트가 많지 않은 프로젝트의 경우 눈을 가늘게 뜨거나 멀리서 바라보고 시선이 어디로 향하는지 확인하십시오. 이상적으로는 해당 영역이 제품의 초점이 됩니다. 덜 중요한 복사 또는 시각적 요소에 끌린다면 너무 산만하게 만드는 것을 구축했을 수 있으며 이를 측정값으로 사용하여 프로젝트가 완료되기 전에 프로젝트를 변경할 수 있습니다.