Follow Us

Copyright 2017 Pan-creators


그리드를 활용하는 법

모듈 그리드를 활용하는

모듈 그리드는 단을 여러 개로 쪼갠 그리드이다. 다양한 조형요소들을 강약을 주어 배치하기가 쉽고, 리듬감이 느껴진다는 장점이 있다. 모듈의 크기에 따라 그 효과가 조금씩 다르다.

모듈의 크기가 커질수록 각 요소의 위치가 고정된다. 물론 전체적으로 정돈되어 보인다는 장점이 있지만 자유로운 요소 배치는 조금 힘들다.

모듈의 크기가 작아지면 다양한 레이아웃 패턴을 시도할 수 있다는 점이 장점이다. 하지만 그리드 단위가 너무 작아지면 그 수가 지나치게 많아지기 때문에 정돈된 느낌을 주기가 힘들어진다.

모듈 그리드를 활용 예시

 같은 그리드를 활용하더라도 다양한 결과물이 나올 수 있다.

일러스트레이터에서 그리드 그리기(2017CC한글버전)

  1. 대지(Artboard)에 판면을 설정하여 사각형을 하나 그립니다.

2. 사각형을 선택한 후 상단의 메뉴바의 [오브젝트]-[패스]-[격자로나누기]를 클릭해줍니다. (영어 버전의 경우 [Object]-[Path]-[Split Into Grid])

3. 원하는 간격에 따라 열과 단을 나누어 줍니다. (영어로 열은 [Rows] 단은 [Columns]라고 되어있습니다)

이때 사이값을 조정하여 모듈간의 여백을 조정해 줄 수 있습니다. 미리보기를 체크하여 사용하시는 게 좋습니다.

안내선 추가를 통해 그리드 단위 이외에도 아트보드를 가로지르는 안내선을 사용할 수도 있습니다.

4. 만들어진 그리드를 활용하여 요소들을 배치하여 줍니다.

TIP) 웹디자인을 위한 그리드 사이트

http://grid.guide/

http://gridcalculator.dk/

 

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