레이아웃은 페이지나 화면에서 텍스트와 이미지를 배열하는 방식입니다. 요소들이 어디에 위치하고 얼마나 많은 공간을 차지하는지를 결정합니다. 레이아웃은 빽빽할 수도 있고 여백이 많을 수도 있습니다. 대칭일 수도 있고 비대칭일 수도 있습니다. 그리드를 따를 수도 있고 자유롭게 구성할 수도 있습니다. 레이아웃은 사용자가 콘텐츠를 경험하는 방식을 좌우합니다. 복잡한 레이아웃은 부담스럽고, 너무 텅 빈 레이아웃은 공허하게 느껴집니다. 적절한 균형은 전달하고자 하는 메시지와 매체에 따라 달라집니다.

레이아웃 원칙은 수세기에 걸쳐 다듬어져 왔습니다. 인쇄 디자인이 그 규칙을 정립했고, 여백은 콘텐츠에 숨 쉴 공간을 제공하며, 단은 가독성을 위해 텍스트를 구성하고, 공백은 요소들을 구분하고 시선을 유도합니다. 계층 구조는 가장 중요한 것을 보여줍니다. 디지털 디자인은 이러한 원칙들을 화면에 적용했습니다. 반응형 레이아웃은 다양한 화면 크기에 맞춰 조정됩니다. 데스크톱의 3단 레이아웃은 모바일에서는 1단 레이아웃이 됩니다. 콘텐츠는 재배치되지만 계층 구조는 유지됩니다. 레이아웃은 사용성에도 영향을 미칩니다. 사용자가 예상하는 위치에 배치된 버튼은 클릭될 가능성이 높고, 일반적인 위치에 있는 내비게이션 메뉴는 사용될 가능성이 높으며, 명확한 레이블과 논리적인 그룹화를 갖춘 양식은 작성이 완료될 가능성이 높습니다. 레이아웃은 단순히 미적인 요소만이 아닙니다. 기능적인 요소이며 사용자의 행동을 형성합니다. 디자이너는 레이아웃을 통해 사용자를 안내하고, 정보를 제공하고, 설득합니다. 모든 배치는 결정이며, 모든 결정에는 결과가 따릅니다.

레이아웃 원칙

• 여백 — 콘텐츠 주변의 공간
• 컬럼 — 텍스트를 세로로 구분하는 부분
• 여백 — 요소들을 분리하는 빈 공간
• 계층 구조 — 시각적 중요도 순서
• 정렬 — 요소들이 공통 모서리를 따라 정렬됩니다.
• 근접성 — 관련 요소들이 함께 그룹화됩니다.

레이아웃은 구성 요소들의 배열입니다. 구성 요소들이 중요하고, 구성 요소들 사이의 공간 또한 중요합니다.