홈앤서비스 SK BROADBAND

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

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