Follow Us

Copyright 2017 Pan-creators


레이아웃: 그리드 시스템

Photo by BY VIKTOR HANACEK on picjumbo

 레이아웃이란 디자인의 목적에 맞게 정보들을 제한된 공간 안에 효율적으로 배치하는 것이다. 이때 주목성과 명시성, 심미성 등을 고려한다. 레이아웃은 지면 이미지를 좌우하기 때문에 디자인에 있어서 중요한 단계라고 할 수 있다.

그리드 시스템

 레이아웃 기법 중 ‘그리드 시스템’이 대표적이다. 그리드(Grid)란 사전적으론 격자, 바둑판의 눈금을 의미하며 디자인에서는 디자인 영역을 일정하게 구획하는 것을 의미한다. 격자 상태의 가이드라인이라고 생각하면 된다. 그리드 시스템은 시각디자인의 전반적인 영역에서 사용되는데 예를 들자면 편집 디자인(포스터, 매거진 등)이나 웹디자인이 있다.

그리드 시스템의 장점

  • 정돈되어 보인다.

 그리드 시스템이 모던 그래픽 디자인을 대표하는 기법 가운데 하나가 될 수 있었던 가장 큰 이유라고 생각한다. 사각형의 그리드를 활용하여 지면을 구성하는 것은 구성 요소들이 잘 정돈되어 보이는 효과를 준다.

  • 작업이 수월해진다.

 그리드를 활용하면 구성 요소를 배치하는 데에 있어 일종의 가이드 역할을 하기 때문에 그리드가 없을 때 보다 훨씬 수월하게 작업을 진행할 수 있다. 특히 텍스트, 사진 등 구성 요소들이 많으면 많을수록 그리드의 역할이 중요해진다.

  • 작업물에 통일성을 주는 수단이 되기도 한다.

 일반적으로 여러 페이지로 이루어진 레이아웃의 경우 자칫하면 페이지마다 통일성이 떨어져 보일 수가 있다. 디자이너들은 이러한 상황을 피하기 위해 고민하는데 그리드 시스템을 잘 활용한다면 전체적인 통일감을 유지하는 것이 가능해진다.

그리드의 종류: 다단 그리드

 그리드를 단으로 나누는 것인데, 단(column)의 수에 따라 이미지가 달라진다.

  • 1단 그리드

 1단 그리드의 경우 구성요소의 단일 비중이 큰 디자인에 많이 사용된다. 텍스트의 비중이 큰 기사 같은 출판물 등이다.

  • 2단 그리드

 이미지와 텍스트를 함께 배치할 수 있는 구조이다. 이미지와 텍스트의 구분이 명확하다고 느껴진다. 소책자나 팸플릿에 많이 사용된다.

  • 3단 그리드

 2단 그리드에 비해 보다 많은 요소들을 배치해야 할 때 사용된다. 편집 디자인에서 많이 사용된다. 잡지를 디자인할 때 종종 통일성을 주기 위해 3단 그리드 하나만을 사용하기도 한다.

그리드의 종류: 모듈 그리드

 모듈 그리드는 단을 여러 개로 쪼갠 그리드이다. 레이아웃의 구성 요소가 많을 때 사용한다. 주로 웹디자인에서 많이 사용되며 다단 그리드와 같이 쓰일 때도 있다. 모듈 그리드의 경우 다양한 조형요소들을 강약을 주어 배치하기가 쉽고, 리듬감이 느껴진다.

튜토리얼 by 정혜인
artndesign.hi@gmail.com