그리드는 디자인 요소를 정렬하는 선으로 이루어진 구조적 틀입니다. 페이지를 열, 행, 여백으로 나누고, 디자이너는 그 구조 안에 콘텐츠를 배치합니다. 그리드는 질서를 부여하고, 페이지나 화면 전체에 일관성을 유지하도록 도와줍니다. 또한, 매번 처음부터 다시 시작할 필요가 없기 때문에 디자인 프로세스의 속도를 높여줍니다. 그리드는 뼈대이고, 디자인은 그 위에 세워지는 건물입니다.

그리드는 다양한 형태를 띨 수 있습니다. 원고 그리드는 페이지를 여백이 넉넉한 단일 텍스트 열로 나눕니다. 책이나 장문의 문서에 사용됩니다. 컬럼 그리드는 여러 열을 사용하여 유연한 레이아웃을 구현합니다. 신문이나 잡지에서 많이 사용됩니다. 모듈형 그리드는 열과 행을 모듈 매트릭스 형태로 결합하여 복잡한 레이아웃에 최대한의 유연성을 제공합니다. 계층형 그리드는 중요도에 따라 콘텐츠를 구성하고, 콘텐츠 유형에 따라 영역을 나눕니다. 각 그리드는 고유한 목적을 가지고 있으며, 어떤 그리드를 선택할지는 콘텐츠와 매체에 따라 달라집니다. 그리드는 제약이 아니라 도구입니다. 그리드를 깨뜨리는 것은 오히려 시선을 사로잡습니다. 여백을 무시한 전체 페이지 이미지는 강렬한 인상을 주고, 여러 열에 걸쳐 있는 헤드라인은 중요성을 강조합니다. 디자이너는 그리드를 활용하고 의도적으로 깨뜨립니다. 이유 없이 그리드를 깨뜨리는 것은 실수처럼 보입니다. 그리드는 깨뜨리는 행위 자체를 의미 있게 만드는 규칙입니다.

그리드 유형

• 원고 - 단일 열, 고전적인 책 레이아웃
• 컬럼 — 다양한 레이아웃을 위한 여러 개의 컬럼
• 모듈형 — 열과 행으로 이루어진 매트릭스
• 계층적 구조 — 콘텐츠 중요도에 따라 영역이 구성됨
• 기준선 — 수직 리듬을 위한 수평선

그리드는 시스템입니다. 복잡한 것에 질서를 부여합니다. 그리드가 없으면 레이아웃은 추측에 불과합니다.