HTML - 그리드 시스템

그리드 시스템이란?

그리드(Grid)는 사전적 의미로 '격자무늬'또는 '격자판'을 의미합니다. 그리드 시스템(Grid System)이란, 페이지 콘텐츠를 논리적이고 일관성 있는 질서와 구조로 디자인 할 수 있도록 돕는 그래픽 시스템을 말합니다.

 

 

 

그리드 시스템은 1970년대 중반부터 건축, 일러스트레이션, 책, 신문과 같은 다양한 분야에 사용되어 왔는데, 인터넷 보급 후 기술의 발전에 따라 웹 디자인에도 사용되기 시작했습니다. 웹 디자인에서 그리드 시스템은 페이지의 디자인 영역을 나누고, 각 영역에 디자인 요소를 배치하는 데 사용됩니다.

그리드 시스템은 웹 디자인에 있어 아래와 같은 긍정적인 역할을 합니다.

• 컬럼 단위로 요소를 구성하므로 많은 양의 콘텐츠도 정돈된 느낌을 준다.
• 격자 형식에 따르므로 블록을 쌓듯 디자인이 편리하다.
• 일관되고 통일성 있는 아름다운 웹 디자인이 가능하다.

참고 사이트 : https://imweb.me/faq?mode=view&category=28&category2=31&idx=189