오늘은 그리드 시스템에 대해 배워보겠습니다!!!:D

많이 들어는 보셨지만 자세히 어떤 역할을 하는지 모르시는 분들이 많으실 텐데

알려드리겠습니다~!

그리드는 영역을 일정하게 효율적인 작업과 디자인할 수 있게 

도와주는 가이드의 역할이고 방문자에게 페이지가 포함하는

 정보를 최적의 형태로 보여주고 전달하기 위한 도구로 안정된 구조로 만들어 주며,

가독성 및 심미성도 더해집니다.

또 '격자'라는 의미를 가지고 있지만

웹 디자인에서는 그리드 시스템이라고도 부릅니다.

그리드의 기본 요소는 4가지가 있습니다.

margin : 위, 아래, 위쪽, 오른쪽 가자 장자리 여백을 말합니다.

gutter : 칼럼과 칼럼 사이의 공간입니다.

column : 레이아웃을 구성할 때 시각적 요소를 배치하는 기본적인 뼈대로 가는 선이나,

여백으로 분리된 세로 기둥을 말합니다. 

일반적으로 '단'이라고 부르며 1단, 2단, 3단 그리드로 부릅니다.

container : 콘텐츠를 담고 있는 영역입니다.

그리드 시스템의 장점은 디자인 레이아웃은 모든 측정값이 동일한 규칙에 따르면

 자동으로 그보다 일관된 UI를 얻게 됩니다. 균일한 요소와 간격을 사용해 플랫폼, 화면 크기에 

일관성을 부여해 그래픽 요소의 체계적인 배열을 도와줍니다. 반응형 디자인의 경우 해상도 

대응이 쉬워지고 디자이너와 개발자 사이의 쉬운 커뮤니케이션 시스템이 됩니다.

오늘은 그리드 시스템에 대해 배워보았는데요!

잘 이해하셨길 바라며 다음에 새로운 포스팅으로 찾아뵙겠습니다!!!