웹그래픽디자인 그리드 시스템
페이지 정보
본문
그리드 = Grid = 격자
- 페이지를 구성하는 정보를 의미있고 논리적으로 일관성있게 배치하여 정보에 질서와 구조를 부여한다
- 편집 디자인에서는 인쇄물의 레이아웃을 구성하는 수단이며 시각적 질서와 일관성을 유지시키는 시스템
- 웹 디자인에서는 기준에 따라 화면의 폭을 분할하여 인쇄면, 화면(=해상도)에 맞게 활용하는 시스템
* 반응형 시스템 / 반응형 레이아웃 - 웹디자인에서 다양한 해상도에 별도의 그리드를 적용하는 것이 아니라 CSS의 미디어 쿼리를 이용하여 탄력적인 그리드를 적용하므로써 각각의 해상도에 맞는 레이아웃을 구현하는 것을 반응형 시스템이라고 한다.