편집 디자인 이론 STEP 04.

편집디자인 이론 STEP 04. 에서는 시각의 3요소 중 세 번째 대 제목 레이아웃(Layout)에 대해서 정리했습니다. 레이아웃 또한 디자인의 가장 기본적인 요소인 시각의 3요소 중 한 가지이므로 실무, 디자인 분야 모두 아주 중요한 요소입니다. 실무나 교육기관에서 배운 내용을 기반으로 작성하는 글로 잘못된 내용이 포함될 수 있습니다.

 

레이아웃(Layout)

레이아웃을 한마디로 정의한다면 제작물의 큰 아이디어 또는 조화를 이룬 독특한 형태(form)라고 할 수 있다. 즉, 타이포그래피, 이미지 및 일러스트레이션, 여백 등의 각 구성요소를 주어진 공간 안에 효율적으로 배치 하는 것을 말한다. 구성요소들이 조화롭고 균형 있게 논리적으로 배열되었을 때 내용이 쉽고 정확하게 전달될 수 있다. 이렇게 내용 전달이 쉽고 정확하게 배열된 레이아웃이 성공적으로 작업된 결과물이라고 정의할 수 있다.

 

레이아웃 작업 시 고려사항

- 주목성 : 시각적 구성요소를 눈에 잘 띄게 만들어 대중의 눈에 자극을 주고 시선을 집중시킨다.

- 가독성 : 쉽게 읽을 수 있고 빠르게 이해할 수 있도록 기능적 타이포그래피 필수요소를 적절하게 조절한다.

- 명쾌성 : 시각적 구성요소의 내용을 뚜렷하고 확실하게 전달 할 수 있도록 한다.

- 조형성 : 입체감 있고 흥미롭게 형상화되어 시각적 아름다움이 잘 나타날 수 있도록 한다.

 

 

그리드(Grid)

레이아웃에서 위의 조건들을 충족하기 위해 도입된 하나의 방법이 그리드 시스템이다. 그리드 시스템은 구성요소들을 체계적으로 분할하고 서로 융화시키고, 디자인 작업에 통일감을 부여할 수 있도록 질서를 도입하는 하나의 수단이라고 할 수 있다. 따라서 레이아웃을 잡을 때, '본문의 양은 얼마나 되는가?', '컨텐츠의 갯수는 몇개인가?', '공간을 어떻게 나눌 것인가?' 등의 문제를 주관적이기보다 객관적으로 해결할 수 있는 방법이 될 수 있다.

그리드로는 아래 예시 이미지의 형태와 같이 블록 그리드, 칼럼 그리드, 모듈 그리드를 예로 들 수 있다. 블록 그리드는 하나의 칼럼, 칼럼 그리드는 세로 단이 2개 이상일 때, 모듈 그리드는 가로와 세로로 분할한 그리드를 말한다. 플렉시블 그리드는 다소 실험적인 느낌이 강한 그리드이며, 실무에서는 잘 사용하지 않는다.

 

 

종류별 그리드 예시 이미지

 

 

 

정렬(Align)

정렬은 다른 디자인 구성 요소와 조화를 이루도록 텍스트 블록 안에 글자들을 정렬하는 작업이다.

 

1. 좌측정렬

왼쪽 글줄을 기준으로 정렬되어 오른쪽 끝줄이 들쑥날쑥해진다. 많은 양의 텍스트를 다루거나 행간이 좁을 경우 효과적으로 쓰인다.

- 장점 : 문장과 단어들로써 글줄을 만들 수 있기 때문에 가독성이 높고 글줄이 자유롭다. 고르지 못한 오른쪽 흘림(끝줄길이 미적기능/글의 대비)이 시각적 흥미를 더해줄 수 있다.

- 단점 : 글줄이 모두 달라 레이아웃을 방해할 수 있으므로 작업에 어려움이 따른다. 끝줄의 형태가 바깥쪽으로 볼록하거나 오목해지는 것에 주의해서 작업해야 한다.

 

2. 우측정렬

오른쪽 글줄을 기준으로 정렬되어 왼쪽 끝이 들쑥날쑥해진다. 적은 양의 텍스트를 다룰 때 용이하나 실무에서는 자주 사용되지 않는다.

- 장점 : 짧은 문장으로 흥미를 유발해야 할 경우 효과적으로 쓸 수 있으며, 좌측 정렬과 같이 일정한 문장과 단어 유지가 가능하다.

- 단점 : 왼쪽 정렬에 익숙해져 있기 때문에 가지런히 정렬되지 않은 각 행의 서두를 찾는 데 약간의 어려움을 느낄 수 있다.

 

3. 양끝정렬

글줄 왼쪽 끝과 오른쪽 끝이 모두 일직선상에 정렬하는 방식이다. 양끝 정렬은 본문의 텍스트 정렬에서 가장 많이 쓰인다.

- 장점 : 글을 읽는 데 가장 적합한 정렬 방법으로, 독자로 하여금 다른 시각적 요소보다 내용에 집중하도록 도와준다.

- 단점 : 글줄의 좌우를 강제로 글줄에 맞추려는 특성 때문에 단어가 불규칙해 질 수 있다.

 

4. 중앙정렬

중앙을 기준으로 모든 글줄들이 배열되므로 행폭의 첫머리와 끝이 들쑥날쑥해진다. 적은 양의 텍스트 처리에 용이하며 고급스러운 느낌을 준다. 세로가 긴 도큐먼트에서 어울린다.

- 장점 : 실루엣의 형태가 흥미를 자극할 수 있으며, 대칭의 형태를 통해 품위 있고 세련된 디자인을 만들 수 있다.

- 단점 : 다음 행의 서두를 찾는 것이 다고 어렵게 느껴질 수 있다. 실루엣이 시각적으로 흥미롭게 보이도록 만드는 데 주의를 기울여야 한다.