프레젠테이션 디자인, 이렇게 하면 되나요?

한번 배우면 평생 써먹는 슬라이드 & 보고서 디자인 가이드

윤춘근 지음

제이펍 2022년 12월 09일 출간 종이책 : 2022년 06월 10일 출간

작품소개

책소개

디자인은 디자이너의 고유 업무라고 생각할 수 있지만, 대개의 직장인은 오래전부터 디자인을 하고 있다. 학창 시절에는 발표 수업을 위해 슬라이드를 디자인했으며, 회사 생활 중에는 보고서 작성을 위해 편집 디자인을 한다. 그동안 디자인 기본기를 고려하지 않은 채 무작정 내용을 입력하고, 이미지를 배치했을 뿐이다. 이제부터라도 슬라이드 제작이나 보고서 작성 등에 디자인을 접목해 보자. 더 읽기 좋은 문서, 더 잘 정리된 문서를 완성할 수 있으며, 나아가 “일 좀 하네!”라는 이야기도 듣게 될 것이다. 《프레젠테이션 디자인, 이렇게 하면 되나요?》는 어떻게 하면 더 목적에 부합하고, 더 보기 좋은 슬라이드를 완성할 수 있는지 디자인 기본기를 바탕으로 설명한다. 이 책으로 편집 디자인 기본기부터 서체, 이미지, 컬러 등을 공부한다면 슬라이드 제작뿐만 아니라 보고서나 기획서 작성 등에도 디자인 이론을 적용할 수 있게 될 것이다.

목차

CHAPTER 01 알아두면 유용한 편집 디자인 법칙들
LESSON 01 설레지 않으면 버려라, 프레젠테이션 디자인을 위한 첫 단계 012
_슬라이드 문서와 보고서의 가장 큰 차이점 012
_프레젠테이션 디자인을 위한 사전 준비 014
_슬라이드 한 장에 너무 많은 정보를 담지 말자 015
_긴가민가하다면 일단 숨겨라 016
_문단을 문장으로, 문장을 단어로 줄일 수 있다 016

LESSON 02 한 편의 영화 같은 프레젠테이션의 비밀, 반복으로 완성되는 통일성 019
_처음 슬라이드부터 마지막 슬라이드까지 동일한 규칙으로 019
_통일감을 연출하는 가장 쉬운 방법, 반복 021

LESSON 03 완벽한 프레젠테이션을 위한 네 박자, 기승전결 025
_영화와 프레젠테이션의 공통점 025
_슬라이드의 종류를 나눠볼 수 있어야 한다 026
_디자인의 자연스러운 흐름을 위한 슬라이드 배경의 강약중강약 031

LESSON 04 프레젠테이션 디자인의 비율 032
_4:3 vs. 16:9 032
_생각보다 많이 다른 4 :3과 16 :9의 차이를 느껴보자 033
_프레젠테이션 환경에 따라 슬라이드 비율을 변경해야 할 때 035
_사람의 눈은 좌우로 넓은 이미지를 볼 때 생생한 느낌을 받는다 037

LESSON 05 슬라이드 위에 효과적으로 디자인 요소를 배치하려면? 039
_레이아웃의 핵심, 어떻게 효과적으로 요소들을 배치할 것인가? 039
_보이지 않는 그리드의 마법 040
_슬라이드에서 효과적인 그리드를 설정하는 방법 041
_하나의 기준 그리드에 표현되는 다양한 레이아웃 043
_프레젠테이션 디자인에 어울리는 레이아웃 & 그리드 살펴보기 045

LESSON 06 안정감 있는 슬라이드를 위한 신박한 레이아웃 법칙 047
_주변에서 흔히 볼 수 있는 안정적인 레이아웃 047
_레이아웃에 따라 느껴지는 슬라이드의 균형감이 다르다 048
_디자인 요소의 무게감을 조절하여 적절하게 배치한다 050
_삼등분 법칙을 고려한다 053
_삼등분 법칙을 활용한다 054

LESSON 07 비슷한 것끼리 모아서 정리하는 그룹핑 057
_비슷한 것들은 최대한 가깝게 모은다 057
_그룹핑의 정석, 바로 써먹는 게슈탈트 법칙 058
_정보를 명확하게 만드는 그룹핑의 명확성 059

LESSON 08 슬라이드를 신박하게 정리하는 정렬 기능 061
_좋아 보이는 것들은 잘 정렬되어 있다 061
_프로그램의 다양한 정렬 기능을 활용한다 062
_과정으로 살펴보는 디자인 요소 간 정렬 포인트 066
_놓치기 쉬운 세 가지 정렬 포인트 067

LESSON 09 슬라이드 위에서 확실히 튀어 보이는 방법 069
_슬라이드에서 뚜렷한 대비 만들기 069
_프레젠테이션 디자인에서 느낄 수 있는 대비들 070
_많이 쓰는 슬라이드의 대비 조합 073

LESSON 10 채우는 것보다 중요한 여백 만들기 078
_슬라이드에서 여백이 중요한 이유 078
_여백의 역할 080
_프레젠테이션 디자인에서 여백을 만드는 방법 082
_조도와 슬라이드의 배경색에 따라 여백이 달라 보인다 083
[프레젠테이션 디자인 체크 리스트] 084

CHAPTER 02 당신이 오늘 쓴 맑은 고딕은 사실 맑지 않다
LESSON 01 슬라이드 위 텍스트는 말하고 있다 088
_빈 슬라이드에서 마주하는 첫 번째 고민 088
_텍스트 요소를 깔끔하게 정리한다 089
_기본적으로 피하면 좋을 서체들 091
_서체마다 풍기는 인상이 있다 092

LESSON 02 디자인에 사용할 서체는 세 가지 그룹뿐이다 094
_세 가지 서체 그룹을 분류해보자 094
_전통이 느껴지는 명조체 그룹 095
_현대적 감각의 고딕체 그룹 097
_감성적 느낌의 캘리그래피 그룹 098

LESSON 03 완성도를 높이는 텍스트 디자인의 절대 규칙 101
_전체 프레젠테이션에 너무 많은 서체를 쓰지 않는다 101
_본문 길이에 따라 보기 편한 서체의 굵기가 있다 104
_영문은 영문 서체를 사용한다 105
_서체는 있는 그대로 사용한다 105

LESSON 04 슬라이드 위 텍스트의 크기는 얼마가 적당할까? 107
_텍스트 크기가 생각보다 크게 보이는 이유는 화면 배율 때문이다 107
_우선순위에 따라 서체 크기에 차등을 준다 108

LESSON 05 슬라이드가 밋밋해 보인다면? 텍스트에 포인트 주기 113

LESSON 06 읽기 좋은 텍스트의 비밀: 자간, 행간, 단락 맞추기 117
_글자 간격의 비밀, 자간 좁히기 117
_글줄 간격의 비밀, 행간 조절하기 120
_깔끔하게 정돈할 수 있는 단락 맞추기 123

LESSON 07 서체의 끝없는 변신, 타이포그래피를 활용한 타이틀 디자인 126
_프레젠테이션 디자인의 시작, 주제에 맞는 텍스트 타이틀 디자인하기 126
_다양한 사례로 살펴보는 타이포그래피 타이틀 디자인 127
_주제에 맞는 텍스트 타이틀 디자인 작업 과정 살펴보기 131
_타이틀 디자인을 활용하여 프레젠테이션 디자인 통일성 높이기 133

LESSON 08 텍스트 디자인에 활용하기 좋은 무료 한글 서체 135
_고딕 그룹 무료 추천 한글 서체 136
_명조 그룹 무료 추천 한글 서체 138
_캘리그래피 그룹 무료 추천 한글 서체 140
[프레젠테이션 디자인 체크 리스트] 142

CHAPTER 03 이미지에도 히어로(Hero)가 있다
LESSON 01 슬라이드 위 이미지의 레이아웃 방법 146
_백 마디 글보다 이미지 한 장의 감성 146
_같은 이미지라도 배치 방법에 따라 슬라이드의 인상이 달라진다 147
_세로 vs. 가로, 배치에 따라 느낌이 달라진다 149
_프레젠테이션 디자인을 위한 히어로 이미지 판단하기 151
_한 장의 이미지를 슬라이드 배경으로 활용하는 방법 155
_많은 양의 이미지를 배치하는 방법 156

LESSON 02 이미지와 텍스트의 꿀 조합을 위한 방법들 158
_이미지가 심플하거나 복잡해 보이는 이유 158
_정보의 양이 적은 이미지에서 텍스트 활용하기 159
_정보의 양이 많은 이미지에서 텍스트 활용하기 161

LESSON 03 2% 아쉬운 이미지를 채워줄 잘라내기 기술 163
_이미지를 잘라내는 세 가지 방법 163
_이미지 잘라내기 시 지켜야 할 기본 규칙 167
_이웃하는 이미지가 있을 때 지켜야 할 기본 규칙 169

LESSON 04 흔히 보는 이미지는 대부분 비트맵 이미지다 170

LESSON 05 좋아 보이는 이미지를 위한 비법 176
_이미지 필터 적용으로 느낌 충만한 디자인 완성하기 176
_이미지에 대한 편견 깨기: 둥근 모서리나 원형 사용하기 180
_흰색 배경에서 흰색 위주의 이미지를 사용하는 법 181
_프레임을 이용해 실제 사이즈감 더하기 183
_프레젠테이션 디자인 체크 리스트 184

CHAPTER 04 이미지에도 히어로(Hero)가 있다
LESSON 01 색다른 프레젠테이션 디자인을 위한 컬러 언어 이해하기 186
_컬러를 설명하는 세 가지 개념: 색상, 명도, 채도 186
_컬러 이론의 위대한 발견, 색상환 188
_컬러의 기본을 알아야 하는 이유 191
_프레젠테이션 디자인에서 마주하는 컬러에 대한 고민들 194

LESSON 02 프레젠테이션 디자인에서 지켜야 할 컬러 법칙 197
_청중이 보기에 편해야 한다 197
_슬라이드에 가장 많이 사용되는 컬러는 무채색이다 198
_세 가지 컬러로 6 :3 :1의 법칙을 적용한다 199
_가장 무거운 컬러와 가벼운 컬러를 구분한다 200
_전체 프레젠테이션에서 통일감을 유지한다 201

LESSON 03 전체 분위기를 좌우하는 배경 컬러 선정하기 202
_가장 일반적인 배경, 흰색과 검은색 202
_개성을 표현할 수 있는 유채색 배경 사용하기 205
_화려한 느낌의 그라디언트 배경 사용하기 206

LESSON 04 컬러의 힌트는 프레젠테이션 안에 있다 210
_그 어디에도 그냥 사용된 컬러는 없다 210
_프레젠테이션 주제에 어울리는 컬러 찾기 211
_기업 혹은 브랜드와 관련된 프레젠테이션은 컬러 고민이 필요 없다 213

LESSON 05 컬러 선택을 도와주는 웹 도구 활용하기 215
_슬라이드 분위기를 키워드로 표현해서 컬러를 찾는다 215
_그라디언트 조합도 어렵지 않게 골라서 사용한다 219
_이게 네가 원하는 컬러구나 221
[프레젠테이션 디자인 체크 리스트] 222

CHAPTER 05 글보다 더 빠른 이해를 위한 인포그래픽 활용의 모든 것
LESSON 01 슬라이드에 인포그래픽이 필요한 이유와 인포그래픽의 종류 224
_매력적인 정보 전달 방법, 인포그래픽 224
_프레젠테이션 디자인에 사용할 수 있는 다양한 인포그래픽 225

LESSON 02 좋은 다이어그램 디자인을 위한 5가지 가이드 229
_다이어그램을 사용하는 분명한 이유가 있어야 한다 229
_청중에게 흥미를 불러일으켜야 한다 230
_시각적 흐름이 명확해야 한다 230
_비교 데이터에서는 크기 대비를 사용한다 233
_과하지 않게 디자인한다 233

LESSON 03 다이어그램 제작 흐름과 패턴 그리고 도형 234
_다이어그램의 제작 흐름 살펴보기 234
_다이어그램에는 기본 패턴이 있다 236
_기본 도형의 형태에 따라 다이어그램의 분위기가 달라진다 239

LESSON 04 내가 만든 표만 보면 가슴이 답답해지는 이유 243
_심플한 표 디자인의 시작, ‘선’을 최소한으로 사용한다 243
_표의 첫인상을 결정하는 선 스타일 244
_간단 명료한 표 디자인을 위한 소소한 방법들 247
[프레젠테이션 디자인 체크 리스트] 248

CHAPTER 06 잘 쓰면 약, 못 쓰는 독이 되는 애니메이션 & 동영상
LESSON 01 프레젠테이션에 움직임이 필요한 이유 250
_프레젠테이션의 두 가지 움직임, 화면 전환과 애니메이션 250
_애니메이션은 단순한 장식이 아니다 256

LESSON 02 몰입감을 해치지 않게 움직임을 적용하는 소소한 노하우 258
_움직임을 사용하면서 몰입감 방해하지 않기 258
_차분한 움직임의 대명사, 디졸브 260
_밀어내기 전환 효과로 슬라이드의 확장 효과를 연출한다 261

LESSON 03 프레젠테이션에 동영상 사용하기 263
_슬라이드에 동영상을 넣는 두 가지 방법 263
_삽입한 동영상의 첫인상을 결정할 몇 가지 노하우 265
[프레젠테이션 디자인 체크 리스트] 268

출판사 서평

프레젠테이션 디자인이 그저 예쁘게 꾸미는 것일까?
흔히 사람들은 프레젠테이션 디자인을 예쁘게 꾸미는 것 정도로 생각한다. 그저 ‘예쁘게 꾸미는 것’이라는 오해로 프레젠테이션에서 ‘디자인’의 중요성과 쓰임도 제대로 인지하지 못한다.

결국 ‘프레젠테이션’을 주제로 하는 책은 ‘프레젠테이션 방법론’에 대한 것이 대부분이다. 그나마 ‘디자인’에 대해 소개하는 책도 디자인 이론에 기반하지 않고, 어떻게 하면 시각적으로 예뻐 보일지에 주목하는 정도다.

《프레젠테이션 디자인, 이렇게 하면 되나요?》에서는 그동안 프레젠테이션 디자인에 대해 잘못 알려진 오해를 바로잡고, 디자인에 대한 편견을 깨우쳐 준다. 우선은 보고서와 프레젠테이션을 위한 슬라이드의 차이가 읽는 것과 보는 것이라는 점에 주목한다.

보고서와 달리, 짧은 시간에 핵심을 파악해야 하는 슬라이드에서 ‘디자인의 핵심 역할’은 정리다. 그러므로 편집 디자인 법칙부터 서체, 이미지, 컬러 사용 등 거의 모든 디자인 이론을 동원하여 프레젠테이션 목적에 맞춰 핵심 내용을 제대로, 빠르게 전달하는 요령을 알려준다.

그런 다음에 비로소 심미적인 부분을 고려한다. 한 마디로, 이 책에서 이야기하는 디자인은 단순히 예뻐 보이게 하는 방법이 아니라, 목적에 따라 제대로 정리하는 방법이다. 이 책으로 디자인 기본기와 다양한 사례를 살펴봄으로써 보고서나 기획서를 작성할 때도 디자인 기본기를 활용할 수 있을 것이다. 더는 디자인을 어렵게 생각하지 말고, 문서 작성의 한 방법으로 생각하고 쉽게 접근해 보자!

이 책의 대상 독자
ㆍ 직접 슬라이드를 제작하는 프레젠터
ㆍ 보고서, 기획서를 더 잘 작성하고 싶은 직장인
ㆍ 발표 수업이 잦은 대학생
ㆍ 좀 더 쉽게 디자인을 공부하고 싶은 모든 사람

작가정보

저자(글) 윤춘근

연세대학교 커뮤니케이션 대학원에서 커뮤니케이션 디자인을 전공했고, 현재는 LG전자 디자인경영센터에서 즐기며 일하다 보니 어느덧 10년 차 디자이너가 되었다. 스무 살에 애플 키노트 앱에 빠진 후 ‘프레젠테이션 디자인’에 진심이 되었고, 페이스북에서 프레젠테이션 디자인 페이지 [프디]를 운영한다. 또한, 카카오 브런치에서 ‘비범한츈’으로 활동하면서 모두를 위한 프레젠테이션 디자인 정보와 철학을 틈틈이 공유 중이다.