그리드는 디자인 요소를 정렬하는 데 사용되는 선으로 이루어진 구조적 틀입니다. 페이지를 열, 행, 여백으로 나누어 디자이너에게 콘텐츠를 배치할 수 있는 체계를 제공합니다. 스위스 디자이너 요제프 뮐러-브록만은 1960년대에 그리드 원칙을 체계화했으며, 그의 저서 《그래픽 디자인의 그리드 시스템》은 여전히 ​​표준 참고서로 사용되고 있습니다. 신문, 잡지, 웹사이트 모두 그리드를 활용하지만, 사용 방식은 각기 다릅니다.

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

그리드 구성 요소

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

그리드는 감옥이 아닙니다. 그리드는 의사 결정을 더 빠르게 내리고 여러 페이지나 화면에서 레이아웃의 일관성을 유지하는 데 도움이 되는 도구입니다.