레이아웃은 페이지나 화면에서 텍스트와 이미지를 배열하는 방식입니다. 시선이 가장 먼저 향하는 곳, 정보가 그룹화되는 방식, 콘텐츠에 얼마나 많은 여백이 주어지는지를 결정합니다. 신문 1면, 웹사이트 홈페이지, 책의 펼침면, 포스터 등 모든 것에는 제작자가 의도했든 아니든 레이아웃이 존재합니다. 좋은 레이아웃은 콘텐츠를 쉽게 찾고 이해할 수 있도록 해주지만, 나쁜 레이아웃은 보는 사람이 정보를 찾는 데 어려움을 느끼게 합니다.

디자이너는 그리드, 여백, 컬럼, 정렬을 사용하여 레이아웃을 구성합니다. 계층 구조는 무엇을 가장 크고 눈에 띄게 할지 결정합니다. 근접성은 관련 항목을 그룹화합니다. 여백은 항목을 구분하고 프레임을 만듭니다. 하지만 이러한 규칙은 고정되어 있지 않습니다. 잡지는 어떤 기사에는 엄격한 그리드 레이아웃을 사용하고 다른 기사에는 자유롭고 표현력 있는 레이아웃을 사용할 수 있습니다. 웹사이트는 모바일에서는 간단한 단일 컬럼 레이아웃을 사용하고 데스크톱에서는 다중 컬럼 레이아웃을 사용할 수 있습니다. 레이아웃은 매체와 메시지에 따라 반응형으로 변화합니다.

레이아웃 요소

• 구조를 위한 격자 및 열.
• 간격 조정을 위한 여백 및 홈.
• 중요도 순서에 따른 계층 구조.
• 시각적 연결을 위한 정렬.

레이아웃은 장식이 아닙니다. 레이아웃은 디자인 전체를 하나로 묶어주는 뼈대이며, 보는 사람이 디자인을 어떻게 탐색하는지를 결정합니다.