#13, 포스터와 그리드 종류

1.  그리드 응용 : 워크숍 포스터 1

012

1. 포스터 내용분석
- 정보의 성격을 분류해서 그리드를 이용한다.
- 제목, 부가내용 1, 부가내용 2, 주석 등등
판형제작 A3 - 297X420 mm

인디자인 실습
1. 여백 Default 3mm
2. 슬러그 필요 없음
3. 레이아웃 > 안내선 만들기 > 그리드 제작

- 정보의 중요도는 클라이언트와 협의하에 결정한다.
- 정보의 성격에 따라 공간 분리를 고려하여 디자인 함.
- 정보를 구분하여 차등을 주어 정보의 접근을 용이하게 한다.

 

2. 포스터 작업 순서

012345678

 

포스터 내용분석 > 판형 제작(A3) > 그리드 제작(19X14) > 글자배치 > 글자분류 > 글자강조 > 글자정리

 

3. 포스터 배리에이션

0123456

축의 변화
왼쪽 > 오른쪽
- 왼쪽은 축이 한 쪽에 있어 시선이 안 쪽으로 흐르고, 오른쪽은 축이 양쪽에 있어 시선이 분산된다.
- 사람은 네모 박스를 그리려는 경향이 있는데, 타이포그래피에서는 박스가 아닌 축을 이용해야 효율적으로 시선의 흐름을 강조할수 있다.
- 정렬 축을 통해 정보 그룹을 만든다 > 시선을 집중시킨다 !

축의 의도적 분리
- 축을 파괴 함으로서 글의 리듬을 만들고 제목을 강조함

축의 길이 수정
- 왼쪽은 축의 연결성이 부족함

간격차이
- 간격을 일정하게 쓰는 것보다, 차등을 주면 다양한 시각 흐름을 형성 하는데 용이하다.
- 글자 간격을 다르게 한다 > 정보 구별을 한다

입체적 공간
- 하나는 짧은 축, 하나는 긴 축
- 겹쳐져 있는 공간을 형성함으로서 입체감을 부여함

 

4. 레이아웃 종류

 

1. 침실 배치
- 하나의 기능을 목적으로 만들어진 레이아웃
- 글자를 동일한 하나의 기능으로 배치
- 소설책
2. 거실 배치
- 사진, 글자 등 다양한 디자인 요소를 이용해 다목적 기능을 가진 레이아웃
- 글자와 이미지가 분리되어 보임
3. 호텔로비 배치
- 잡지에서 볼 수 있는 레이아웃
- 글자와 이미지가 다이나믹하게 연출 됨
- 글자와 이미지가 결합되어 보임
- 읽기보단 보는것에 초점이 맞춰있다.
4. 부엌 배치
- 목적에 따라 공간을 차등적으로 구분한 레이아웃
- 역량 분석표, 도표, 차트, 목차와 같이 정보를 차등적으로 구분함.
- 부엌은 다른 방들보다 엄격하게 정리되어 있음.

 

5. 그리드의 종류

블록 그리드 (Block Grid)
- 하나의 큰 블록이 반복 됨
- 변화가 없음
- 소설책, 도록 소개글 등
- 독자는 다음 페이지도 예상이 가능하다

단 그리드 (Column Grid)
- 블록 그리드 보다 내용이 복잡하고 다양할 때 사용 됨
- 공간이 쪼개져있어 기능에 따라 공간을 차등적으로 사용할 수 있다.
- 내용이 많고 종류가 다양한 신문, 웹사이트에 많이 사용 됨

모듈 그리드 (Modular Grid)
- 글과 이미지가 다양하게 사용 됨
- 단 그리드 보다 더 유연하게 사용할수 있다.
-디자이너가 가장 많이 사용하는 그리드 형식

계층 그리드 (Hierachical Grid)
- 그리드의 크기가 일정하지 않음
- 목적에 따라 공간을 사전에 잘라서 사용함
- 특정한 정보를 강조하는 인포메이션 디자인, 웹사이트 계층 디자인에 사용 됨

 

6. 블록 그리드 예시

- 한글의 경우 글줄이 길어지면 가독성이 떨어진다.
- 한 줄당 12~13단어가 적당하다.
- 텍스트는 블록 그리드, 이미지는 모듈 그리드를 사용하는게 용이하다.
- 책을 만들때 한 종류의 그리드만을 이용하지 않고, 정보의 유형에 따라 다양한 그리드 종류를 섞어
사용한다.
- 프로젝트 유형에 따라, 목적을 가지고 그리드 시스템을 결정하여 사용한다.

 

7. 단 그리드 예시

- 한 페이지에 이미지,글자를 함께 사용할때는 그리드의 Gutter를 사용하는게 좋다.
- 다양한 기능을 가지고 있는 페이지는 블록 그리드보단 단 그리드를 사용하는게 효과적이다.
- 정보의 성격에 따라 챕터는 6단 내용은 3단으로 구성했다. 목적에 따라 단의 갯수를 차등적으로 사용한다.

 

8. 모듈 그리드 예시

0123

- 모듈 그리드는 블록그리드, 단 그리드를 포함하기 때문에 사용성이 높다.
- 목적에 따라 다양한 그리드를 사용할 수 있다.
- 잡지, 도록, 웹사이트 등 변화를 가지는 컨텐츠에 많이 사용한다.
- 자신이 다룰 컨텐츠의 형식에 따라 다양한 그리드를 사용할 줄 알아야한다.
- 페이지 마다 같은 레이아웃이 아닌 그리드 시스템을 만들어 그 안에서 정보에 따라 다양한 레이아웃을 사용한다.

 

- 모듈 그리드에서도 계층 그리드와 같이 정보 구분을 할 수 있다.

 

9. 계층 그리드 예시

- 표 디자인에 많이 사용된다.
- 표, 계층이 목적에 따라 공간의 폭이 일정하지 않을때는 모듈 그리드 보다는 계층 그리드를 사용하는것이 효과적이다.

 

- 하나의 그리드만 사용하지 않는다 ! 다양한 그리드를 유동적으로 사용할줄 알기.