균형 잡힌 페이지 레이아웃을 만드는 방법

페이지 레이아웃

인쇄 된 브로셔 용이든 최신 웹 앱이든 관계없이 디자인하는 모든 페이지 레이아웃의 주요 목표는 독자에게 정보를 명확하고 효과적으로 전달하는 것입니다. 주요 메시지가 독자에게 전달되도록하는 가장 좋은 방법 중 하나는 균형 잡힌 페이지 레이아웃을 만드는 것입니다.

펜과 잉크 예술가 20 세기

페이지 레이아웃 디자인에는 일반적으로 요소의 배치, 재 배열 및 서식이 많이 포함됩니다. 많은 디자이너가이 프로세스에 유기적으로 접근하여 만족스러운 최종 결과를 얻습니다. 이것은 훌륭한 행복한 사고로 이어질 수 있지만 자유 형식 방법론을 사용하면 페이지에서 시각적 균형이 부족해질 위험이 있습니다.

좋은 페이지 구성은 눈을 즐겁게해야하며 의도 된 청중에게 이러한 주요 메시지를 명확하게 전달해야합니다. 페이지 레이아웃 디자인의 균형을 맞추는 데 도움이되는 몇 가지 주요 팁을 모았습니다. 웹 사이트 빌더 또한 도움이 될 것입니다). 이러한 접근 방식은 작업하는 매체에 관계없이 균형을위한 구조를 제공하는 데 효과적입니다.



웹 관련 조언에 대한 자세한 내용은 완벽한 웹 사이트 레이아웃 .

01. 그리드 사용

균형 잡힌 레이아웃 만들기 1

페이지의 균형을 유지하는 가장 쉬운 방법 중 하나는 그리드 시스템 . 그리드는 인쇄 된 페이지의 유일한 보존 책 이었지만 지난 몇 년 동안 그리드 개념을 디지털 매체로 마이그레이션하는 데 도움이되는 많은 작업이 온라인으로 완료되었습니다.

그리드를 사용하여 페이지에서 서로 다른 요소의 위치를 ​​알려줌으로써 페이지를 구성하는 서로 다른 요소 사이에 연결을 만들 수 있습니다. 이렇게하면 레이아웃에 순서를 부여하고 독자에게 명확한 구조적 참조를 제공하고 페이지의 성공률을 높일 수 있습니다.

모든 페이지 요소가 서로 연결되어 있다는 느낌이들 때 전체적인 효과가 독자에게 더 편안하게 느껴지고이를 편안하게하고 중요한 콘텐츠 인 콘텐츠에 대한 액세스를 용이하게하기 때문에 이는 중요합니다.

02. 단일 초점 선택

균형 잡힌 레이아웃 만들기 2

균형 감각을 제공하는 가장 효과적인 방법 중 하나는 레이아웃 디자인을위한 단일 초점을 선택하는 것입니다. 실제로 이에 대한 좋은 예는 페이지에서 가장 큰 단일 요소로 큰 이미지를 사용하는 것입니다.

강력한 비주얼은 독자를 페이지로 이끄는 강력한 방법을 제공 할 수 있습니다. 웹 호스팅 서비스) 및 레이아웃의 나머지 콘텐츠를 정렬하는 데 유용한 구조적 요소를 제공합니다. 시각적 요소가 여러 개인 경우 근접 원리를 사용하십시오. 게슈탈트 이론 함께 그룹화하고 같은 방식으로 정렬합니다.

같은 방식으로 헤드 라인을 사용하거나 인용문을 가져올 수 있다는 점도 명심할 가치가 있습니다. 좋은 디스플레이 헤드 라인은 균형 잡힌 레이아웃을 보장하는 데 도움이되는 구조를 계속 제공하면서 이미지만큼 시각적 인 흥미를 제공 할 수 있습니다.

03. 삼등분 법칙 사용

균형 잡힌 레이아웃 만들기 3

균형 감각을 제공하는 가장 좋은 방법 중 하나는 디자이너가 가장 좋아하는 삼등분의 법칙 또는 황금 비율 . 간단히 말해서, 3 분의 1의 법칙은 페이지를 세로와 가로로 3 분의 1로 나누면 격자 선이 교차하는 지점이 컴포지션의 자연스러운 초점을 제공한다고 말합니다.

핵심 요소를이 네 가지 요소에 정렬하면 예를 들어 페이지의 요소를 완벽하게 중앙에 배치하는 것보다 더 만족스러운 구성을 얻을 수 있습니다.

모델 시트 만드는 방법

그 자체로는 1/3의 법칙이 레이아웃에 균형을 제공하지는 않지만 원칙을 확장하면 레이아웃의 균형을 알리는 데 도움이되는 자연스러운 초점을 향한 이러한 경향을 쉽게 사용할 수 있습니다.

일반적인 접근 방식은 페이지의 가장 중요한 요소를 페이지의 위쪽 (또는 아래쪽) 1/3에 배치하고 교차점 중 하나와 일치하도록 기본 초점을 맞추는 것입니다. 사이트에 저장할 자산이 많습니까? 이것들을 확인하십시오 클라우드 스토리지 옵션.

04. 공백 사용

균형 잡힌 레이아웃 만들기 4

초보 디자이너가 페이지의 모든 공간을 활용하여 모든 간격이 채워질 때까지 콘텐츠를 채우는 것이 일반적입니다. 경험이 많은 사람들은 때로 최고의 디자인은 요소를 구둣 주르는 것이 아니라 빼내는 것입니다.

인쇄 매체에서 공백을 사용하는 가장 일반적인 방법은 페이지 여백과 거터를 확대하는 것입니다. 웹에서 요소 주변에 충분한 숨을 쉬는 공간을 제공하는 것만으로도 레이아웃 디자인이 구성되고 균형 잡힌 느낌을받을 수 있습니다.

사용 부정적인 공간 콘텐츠를 함께 고정하는 명확한 구조 (예 : 그리드에서 제공하는 구조)가있을 때 가장 잘 작동합니다. 공백의 위험은 우연히 도입되는 경우 페이지 요소 간의 단절감이 될 수 있기 때문입니다.

05. 반복 디자인 요소

균형 잡힌 레이아웃 만들기 5

반복은 또한 연결된 디자인의 강한 감각과 구성의 균형을 제공 할 수 있습니다. 아이디어는 레이아웃 전체에서 모티프 또는 디자인 처리를 식별하고 재사용함으로써 독자에게 참조를 제공하여 서로 다른 영역이 연결되고 동일한 전체 구성의 일부라고 느끼도록 할 수 있다는 것입니다.

또한이 기술을 사용하여 반복을 통해 도입 된 유사성의 패턴을 의도적으로 깨뜨림으로써 전체적인 균형을 유지하면서 디자인에 초점을 제공 할 수 있습니다.

06. 계층 구조 사용

균형 잡힌 레이아웃 만들기 6

페이지 레이아웃 열반을 달성하기위한 주요 접근 방식 중 하나는 구조와 계층에 대한 명확한 감각입니다. 구조에 대해서는 이미 다루었지만 페이지에있는 다양한 콘텐츠의 상대적 중요성을 전달하는 것도 중요합니다. 예를 들어 헤드 라인은 거의 항상 본문 텍스트 콘텐츠보다 시각적으로 더 중요해야합니다.

레이아웃 디자인을 구성하는 여러 요소를 살펴보고 가장 중요한 요소를 결정하십시오. 이 요소를 사용하여 페이지의 나머지 요소에 구조적 후크를 제공하여 가장 중요하게 유지하십시오.

07. 비율, 대비, 조화 사용

균형 잡힌 레이아웃 만들기 7

마지막으로, 스케일 사용은 레이아웃에서 시각적 균형을 잘 맞추는 데 매우 효과적인 방법이 될 수 있습니다. 일부 요소를 다른 요소보다 크게 만들면 질서와 계층이 나타납니다. 뷰어가 먼저 레이아웃 내의 큰 요소를 자동으로보고 작은 요소를 읽는 동안 진행하므로 편안한 레이아웃을 만드는 데 도움이됩니다.

이 원칙은 대비가 증가 된 상태에서도 작동하므로 대비를 통해 페이지의 요소를 분리하면 눈이 먼저 해당 지점에 초점을 맞출 수 있습니다. 이것은 페이지로가는 길을 제공하고 레이아웃을 개발하는 데 유용한 구조적 포인트를 제공합니다.

거리 예술에 들어가는 방법

배율과 대비는 모두 한 요소에 적용 할 때 가장 잘 작동하여 레이아웃의 다른 부분과 차별화됩니다. 조화의 원칙을 사용하여 다른 사람들이 연결되어 있다고 느끼고 초점을 강조하십시오.

관련 기사: