grid

classic grid system

 

column grid

gutter는 열 사이 간격. 늘리거나 줄일 수 있음.

일관된 단락 너비를 유지할 수 있어서 많은 양의 문자를 처리할 때 실용적.

문자의 흐름을 명확하게 하고 다양한 시각적 요소를 구분하는 데 도움이 되므로 시각적 계층 구조를 쉽게 얻을 수 있음.

 

modular grid

column grid 위에 수평 선을 추가한 것.

모듈 그리드는 사각형으로 나눠짐. 이런 정사각형/직사각형을 모듈이라고 함.

공간영역-모듈 하나 또는 여러 개에 요소를 할당함

명확한 구조감 부여.

 

계층형 그리드

순서와 우선순위 설명. 포커스와 후크

열 그리드나 모듈 그리드를 포함할 수도 있음

 

베이스 라인 그리드

수평선으로 구성.

유형과의 일관성을 유지하도록 함. 위치를 앵커형으로.

 

축형 그리드

기술적 열과 모듈이 없어 자유롭고 단순.

대비가 높아 시선을 끌기 좋음

 

대각선 그리드

 

방사형 그리드

유기적.

중심에서 방사.

중력을 끌거나 방사