개인 노트 정리) 시각디자인5 - 시각디자인 구성 원리..레이아웃 유형과 그리드 시스템

완전정복! 시각디자인 기초 올인원 패키지 Online
part1 시각디자인 기초 1 (오프라인 매체 & 기본 시각디자인)
시각디자인 구성 원리..레이아웃 유형과 그리드 시스템

 

# 레이아웃 유형과 그리드 시스템

## 레이아웃의 종류

1. 침실 배치

2. 거실 배치

3. 호텔로비 배치

4. 부엌 배치

 

## 정리

- 각각의 레이아웃에 따라 어떤 그리드 시스템을 이용하는지 알아야 한다.

 

## 그리드의 종류

- 블록 그리드 : 한 가지의 목적만 가지고 사용.(사용 예 : 소설 책)

- 단 그리드 : 글의 종류가 다양하여 나눠서 써야 할때 사용. 공간이 나뉘어 있다. 기능에 따라서 공간을 차등적으로 사용 가능. (사용 예 : 신문, 웹 사이트)

- 모듈 그리드 : 블록, 단 그리드 보다 공간이 더 나뉘어 있다.(사용 예 : 안내장, 포스터), 디자이너가 제일 많이 사용하는 그리드.

- 계층 그리드 : 목적에 따라 공간을 미리 자른다. 무작위로 공간을 자른다. 공간을 겹치기도 한다.

 

# 레이아웃 유형과 그리드 시스템 예시1

- 같은 책 안에서도 그리드를 바꿔서 사용할 수 있다. (예 : 글은 블록그리드로 사용하고 이미지는 모듈 그리드로 사용)

- 글자와 이미지가 같이 있을 때는(혼용된 페이지) 블록 그리드보단 단 그리드가 더 효과적일 수 있다.

- 이미지와 글자를 같이 사용할 때에는 거터를 설정하여 부딪치지 않게 하면 좋다.

 

# 레이아웃 유형과 그리드 시스템 예시2

- 모듈 그리드 장점 : 목적에 따라 다양하게 그리드를 사용할 수 있다.

 

# 레이아웃 유형과 그리드 시스템 예시3

- 모듈 그리드를 이용하여 유기적인 변화를 일으키면서도 통일성 있게 시스템을 운영하면서 텍스트와 이미지를 변조할 수 있다.

- 텍스트만 많은 경우에도 모듈 그리드는 유용하다.

- 표는 정형적인 계층 그리드.

- 모듈 그리드를 잘 사용하면, 블록, 단, 계층으로도 사용할 수 있다.

 

# 레이아웃 구성원리 구조적, 즉흥적

- 사진, 글 등 다양한 디자인 요소를 가지고 레이아웃을 했을 때, 어떤 부분을 즉흥적으로 하고 어떤 부분을 구조적으로 레이아웃을 할지에 대해서 알아본다.

 

# 구조적, 즉흥적 레이아웃 디자인 사례1

# 구조적, 즉흥적 레이아웃 디자인 사례2

- 레이아웃을 구조적으로 통일성 있게 쭉 하는 것이 아니라 즉흥적으로 변조도 하다보면 레이아웃을 다양하게 경험해 볼 수 있다.

- 즉흥적인 연출과 구조적인 연출이 서로 어울렸을 때, 레이아웃이 풍성해 진다.

# 구조적, 즉흥적 레이아웃 디자인 사례3

- 글자가 만들어내는 구조적인 공간과 이미지가 만들어내는 즉흥적인 공간들이 서로 맞물리면서 연출이 된다.

 

# [실습] 구조적, 즉흥적 레이아웃 리플렛 디자인1

# [실습] 구조적 즉흥적 레이아웃：리플렛 디자인1-2

# [실습] 구조적 즉흥적 레이아웃：리플렛 디자인1-3

# [실습] 구조적 즉흥적 레이아웃：리플렛 디자인1-4

 

# 구조적, 즉흥적 레이아웃 리플렛 디자인2

## 레이아웃 과정 

1. 디자인 요소 배치 : 일단 요소를 배치해본다.

2. 디자인 요소 그룹 : 이미지는 이미지대로 글은 글대로 그룹을 지어 이원화시킨다.

3. 디자인 요소 강조 : 크기 등을 바꾸어 강조해 본다.

4. 디자인 요소 변화 : 이미지 요소들에 변화를 주어 다이나믹하게 바꾸어 본다.

 

## 기타

- 사진을 어떤 방향으로 배치하는지도 중요하다. (사진안의 시선, 좌우 반전 등)

- 사진의 변화(대각선으로 자르기)

 

# 구조적, 즉흥적 레이아웃 리플렛 디자인3

- 템포와 변화 : 이미지의 가로 길이의 변화에 따른 템포, 이미지 배치 높이 변화

# 구조적, 즉흥적 레이아웃 리플렛 디자인4

- 레이아웃은 제한된 지면 안에 텍스트, 이미지 등의 디자인 요소를 배치, 변형하면서 전체 흐름에 맞추어 연출해야 한다.