안녕하십니까!

오늘은 모든 디자이너에게 필수적인

그리드 시스템​에 대해 알려 드리려 합니다.

특히 디자인의 초보자에게

도움이 되는 내용을 준비했으니

끝까지 함께 읽어주세요. 😊

---

그리드 시스템이란?

쉽게 말해서, 그리드 시스템​은 디자인 작업을

체계적으로 도와주는 보이지 않는 가이드라인입니다.

이 가이드라인은 수평선과 수직선으로 구성되며,

콘텐츠를 일관되게 정렬할 수 있는 틀을 제공합니다.

예를 들어, 웹페이지나 앱 화면을 볼 때 콘텐츠들이

정돈된 느낌이 드는 이유 중 하나가 바로

그리드 시스템 덕분입니다.

---

그리드 시스템의 구성 요소

그리드 시스템은 크게 세 가지로 구성됩니다.

​

1. 컬럼(Columns)

콘텐츠를 배치하는 기본 단위​입니다.

화면을 여러 개의 세로줄로 나누어 콘텐츠가 정렬되도록 합니다.

---

2. 거터(Gutters)

컬럼 사이의 간격으로,

요소 간의 균형을 맞추고 시각적으로 깔끔함을 더합니다.

---

3. 마진(Margins)