#14, 레이아웃 구성과 리플렛

1. 레이아웃 구성원리

 

 

구조적
- 공간에 귀속되는 레이아웃

즉흥적
- 공간을 구조적으로 연출할수 없는 레이아웃

 

2. 레이아웃 구성원리 예시 1

 

 

구조적 - 공간에 귀속 되는 레이아웃
즉흥적 - 유기적 이미지 형태를 사용하는 레이아웃

- 구조적 연출과 유기적 이미지가 충돌하여 입체적인 레이아웃이 탄생한다.
- 이미지를 수평에서 수직으로 배치하여 시선의 흐름을 연출함
- 구조적 연출과 즉흥적 연출이 상호보완 된다.
- 제목이 아래, 위, 아래 순으로 배치하여 시선의 흐름을 연출함

- 무조건 그리드를 맞추기 보다는, 그리드를 기준으로 변화를 줄 수 있는 부분은 연출을 해야한다.

 

3. 레이아웃 구성원리 예시 2

 

01234

- 정보의 중요성에 따라 중요한 내용은 1단으로 구성하고 그 외의 내용은 3단으로 구성함.
- 구조적 연출과 즉흥적 연출이 어울리면 레이아웃이 풍성해진다.

 

4. 레이아웃 구성원리 예시 3

 

012

- 글자 만들어내는 구조적인 공간과, 이미지가 만드는 즉흥적인 이미지가 맞물리면 웅장한 느낌을 준다.
- 사진의 형태와 구조적 형태가 어울리게 연출 하였다.
- 라인을 쓰지 않고 정렬만 잘 하여도 분류를 잘 할수 있다.

 

 

5. 리플렛 분석

 

01234

1. 그룹
실력이 부족하면, 우선 사진은 사진끼리 텍스트는 텍스트끼리 그루핑을 해준후 변화를 줘라.

2. 대비
공간분할의 대비를 통해 임팩트 있게 연출해라

3. 이미지 크기, 위치
이미지를 키우면 공간도 그만큼 키워주어야한다.
텍스트 박스와 겹치게 디자인하여 입체적으로 디자인하였다.

 

6. 리플렛 레이아웃 과정

 

 

1. 디자인 요소 배치
필요한 요소들은 화면에 모두 배치한다.

2. 디자인 요소 그룹
이미지, 텍스트끼리 요소들을 그루핑한다.

3. 디자인 요소 강조
대비, 서체등을 통해 요소를 강조한다.

4. 디자인 요소 변화
사진 크기, 위치등의 변화를 준다.

 

7. 내지 구성: 템포 / 높이 변화 

 

0123

- 이미지의 크기와 배치를 통해 시선의 템포와 높이 변화를 유도할 수 있다.
- 템포 / 높이 변화를 이용해 재밌는 디자인을 연출할 수 있다.
- 이미지의 높낮이가 일정하면 지루할수 있다.
- 높낮이의 변화가 너무 많으면 어지러울수 있다.
- 이미지를 겹치면 템포를 연결하여 연출할수 있다.
- 사진을 대각선, 모양에 맞추어 잘라 템포와 높이를 다이나믹하게 연출할수 있다.

 

8. 리플렛 표지 분석

 

- 표지와 내지의 그래픽 모티브 사용에 통일성을 주어야한다.
- 표지는 주목성을 가져야 한다.
-레이아웃은 제한된 지면 안에 텍스트, 이미지 등의 디자인 요소를 배치, 변형하면서 전체 흐름에 맞추어 연출해야 한다.