그리드 시스템은 페이지를 열과 행으로 나누어 콘텐츠 배치를 안내하는 역할을 합니다. 이를 통해 레이아웃에 질서가 부여됩니다. 스위스 디자이너 요제프 뮐러-브록만은 1960년대에 그리드 원칙을 체계화했으며, 그의 저서 《그래픽 디자인의 그리드 시스템》은 여전히 ​​표준 참고서로 자리매김하고 있습니다. 신문, 잡지, 웹사이트 모두 그리드를 활용하지만, 그 사용 방식은 각기 다릅니다.

일반적인 그리드는 컬럼, 거터, 마진으로 구성됩니다. 컬럼은 콘텐츠를 담고, 거터는 컬럼들을 구분하며, 마진은 페이지의 테두리를 만듭니다. 12컬럼 그리드는 웹에서 흔히 사용되는데, 이는 콘텐츠를 절반, 3분의 1, 4분의 1, 6분의 1로 균등하게 나누기 때문입니다. 디자이너는 넓은 콘텐츠를 위해 여러 컬럼에 걸쳐 배치하거나, ​​좁은 텍스트에는 단일 컬럼을 사용할 수 있습니다. 그리드는 디자인을 좌우하는 것이 아니라, 디자이너가 따르거나, 변형하거나, 의도적으로 깨뜨릴 수 있는 구조를 제공합니다.

그리드 구성 요소

• 컬럼: 콘텐츠를 위한 세로 띠.
• 홈통: 기둥 사이의 틈.
• 여백: 레이아웃의 바깥쪽 가장자리.
• 기준선 격자: 텍스트 정렬을 위한 가로선.

그리드를 깨는 것은 강력한 효과를 낼 수 있습니다. 열을 무시하고 페이지 전체를 채우는 이미지는 구조를 위반하기 때문에 오히려 시선을 사로잡습니다. 하지만 이러한 파괴적인 방식은 그리드 자체가 충분히 강하게 느껴질 때만 효과를 발휘합니다.