목차 디자인은 페이지 숫자, 페이지의 내용이 간단하게 들어갑니다. 간단하지만, PPT 발표의 전체 내용을 한눈에 파악할 수 있기 때문에 중요한 디자인 중 하나입니다. 목차 디자인의 목적이 분명하기 때문에 내용을 잘 전달할 수 있도록 일목요연하게 디자인하면 좋습니다.

오늘 포스팅은 목차 디자인의 레이아웃 예시 모음입니다.

기본적으로 숫자와 소제목을 나열하지만, 선, 면, 사진, 도형으로 구분하여 더 보기 쉽게 디자인하기도 합니다

 

많은 목차가 있지만 PPT에 사용하면 좋을 것 같은 레이아웃만 모았습니다. 목차 디자인은 PPT의 첫인상입니다. 발표할 때, 스마트해 보일 수 있도록 멋진 목차 디자인하세요!

Contents

Louve 홍보 이미지 템플릿

기본 디자인

목차 디자인은 기본적으로 순서대로 숫자와 소제목을 나열합니다 

Table of contents
Table of contents

면으로 나누기 1

페이지 숫자와 소제목을 면으로 구분하여 디자인한 예시입니다. 제목만 읽을 수 있어 전체 내용을 파악하기 좋습니다

Table of contents
Table of contents

면으로 나누기 2

면을 더 세분화하여 챕터별로 구분하였습니다. 컨셉에 따라 색조합을 사용할 수 있어 더 예쁜 느낌입니다

Contents
Contents

선으로 나누기

가장 쉽고 깔끔하게 목차 디자인을 할 수 있는 방법입니다. 목차의 내용이 많을 때 사용하기 좋습니다

Table of contents
Table of contents
Contents
Table of contents

세로 선

선을 세로로 사용하여 목차 디자인을 특별하게 만들 수 있습니다

Table of contents
Table of contents

언더 라인

제목이나 숫자 밑에 짧은 선을  넣으면 구분도 잘되고 깔끔해 보입니다. 각 목차 별로 많은 내용을 넣어야 할 때 사용하면 좋습니다

Table of contents
Table of contents
Table of contents

가운데 정렬

목차 디자인에서 가운데 정렬도 많이 사용하는데, 예시는 색다른 것을 준비했습니다. 여러 서체를 사용했지만 가운데 정렬로 깔끔해진 디자인, 면으로 가운데 정렬을 구분한 디자인, 글꼴 크기 변화 없는 나열식 목차 디자인입니다

Table of contents
Contents
Contents

계단형 1

목차의 내용이 많을 때 사용하면 좋은 디자인입니다. 섹션별로 쭉 나열하였는데 조화로워 보이는 이유는 맨 아래 기준선에 맞게 정렬하였기 때문입니다. 텍스트 뿐이지만 리듬감이 느껴집니다

Table of contents
Table of contents

계단형 2

위의 예시가 세로의 리듬감이라면 가로로 리듬을 느낄 수 있는 목차 레이아웃입니다. 반듯한 정렬에서 옆으로 살짝 옮긴 것 같은데, 느낌있는 스타일입니다

Contents
Contents

큰 텍스트

큼지막한 숫자를 사용하면 시선이 집중되고 레이아웃이 깔끔해 보입니다. 숫자를 크게 사용하여 집중도를 높여보세요!

Table of contents
Table of contents
Table of contents
Table of contents

텍스트 배경

목차의 영문인 Contents를 배경으로 만들어서 간단하지만 특별한 목차 디자인을 만들 수 있습니다

Table of contents
Table of contents

겹치기 1

페이지 숫자와 제목을 겹치거나, 숫자와 이미지를 겹쳐서 나만의 목차 디자인을 만들 수 있습니다. 자칫 둘다 안보일 수 있기 때문에 색 대비를 잘 맞춰야 합니다. 첫 번째 예시의 노란색과 검정색 텍스트를 겹친 것처럼 색 대비가 많이 되면 둘다 잘 보입니다

Table of contents
Table of contents
Table of contents

겹치기 2

위의 겹치기 예시보다 좀 더 어려운 디자인입니다; 디자인은 어려운데 깔끔해 보이는 이유는 강조할 색을 1-2개만 사용했기 때문입니다. 내용은 모두 검정색이고 숫자에 색이 사용되었습니다. 숫자는 배경처럼 보이지만 기능적인 역할도 소화하고 있는 멋진 디자인입니다

Table of contents
Table of contents

3단

목차의 많은 페이지 숫자를 넣어야 할 때, 숫자를 크게 강조하고 3단으로 정리하면 깔끔해 보입니다

Table of contents
Table of contents
Table of contents

텍스트만 나열

요새 이런 디자인을 많이 볼 수 있습니다. 쭉 텍스트만 나열하고 1~2가지 색만 사용하는 레이아웃입니다. 가독성이 높지 않지만 심플한 디자인입니다. 가운데 정렬로 하고 페이지 숫자와 제목의 색만 다르게 하면 깔끔해 보입니다.

Table of contents
Table of contents

세로 텍스트

심플피가 많이 사용하는 디자인 스타일입니다. 텍스트를 90도 돌려서 세로 형태로 만드는 것입니다. 가독성은 떨어지나 좀 있어 보이는 레이아웃입니다. 텍스트가 디자인의 한 요소로써 아름다움을 돋보이게 만드는 방법인 것 같습니다. 가독성이 떨어지기 때문에 모두가 알고있는 제목을 세로로 만들면 좋습니다

Table of contents
Table of contents
Table of contents
Table of contents

도형

직사각형이나 원을 사용하면 특별한 목차 디자인을 만들 수 있습니다. 

Table of contents
Table of contents

아이콘

각 목차 내용에 맞는 아이콘을 넣으면 이해도 빠르고 가독성도 높아집니다

Table of contents

이미지 정렬

이미지를 같은 크기로 정렬하면 깔끔하고 디자인이 풍부해보입니다. 목차 내용에 맞는 이미지를 사용하면 내용 전달이 더 쉬워집니다 

Contents
Contents
Table of contents

이미지 나열

이미지를 반듯하게 정렬하지 않고 자유롭게 나열해도 멋진 목차 디자인이 됩니다. 이런 레이아웃이 부담스럽다면 기준선 하나에 맞춰도 되고 마름모 모양처럼 나열해도 좋습니다

Contents
Table of contents
Table of contents

이미지 가운데 나열

이미지를 가운데 기준에 맞춰서 나열하는 것도 자연스럽고 멋진 목차 디자인입니다. 이미지 크기와 숫자 크기를 다양하게 사용하면 더 매력적인 레이아웃이 만들어집니다

Table of contents

여백없는 이미지

보통 가장자리는 여백을 두고 그 안에서 디자인합니다. 하지만 과감하게 이미지를 끝까지 배치하면 넓어 보이고 시선이 확 트여 보일 수 있습니다. 이런 디자인이 부담스럽다면 이미지 1개만 여백없이 배치하는 것도 좋은 방법입니다

Contents
Table of contents
Contents

흑백 이미지 + 강조색

이미지가 많아지면 자칫 복잡해 보일 수 있기 때문에 흑백으로 사용하면 깔끔해 보일 수 있습니다. 텍스트는 자신의 브랜드 색 1개를 사용하면 강조 효과도 있고 브랜드 이미지 전달도 쉽습니다  

Contents
Contents

목차 디자인은 내용 정리하는 슬라이드를 만들 때도 참고하면 좋을 것 같습니다. PPT 작업할 때 1개의 슬라이드에 많은 내용을 정리해야 할 때가 많습니다. 선, 면, 이미지를 활용하여 쉽고 간단하게 전달하는 것은 필수입니다. 오늘 자료 보면서 멋진 PPT 작업 하세요!