디자인은 꼭 디자이너만 알아야 할까?디자인은 디자이너의 고유 업무라고 생각할 수 있지만, 대개의 직장인은 오래전부터 디자인을 하고 있다. 학창 시절에는 발표 수업을 위해 슬라이드를 디자인했으며, 회사 생활 중에는 보고서 작성을 위해 편집 디자인을 한다. 그동안 디자인 기본기를 고려하지 않은 채 무작정 내용을 입력하고, 이미지를 배치했을 뿐이다. 이제부터라도 슬라이드 제작이나 보고서 작성 등에 디자인을 접목해 보자. 더 읽기 좋은 문서, 더 잘 정리된 문서를 완성할 수 있으며, 나아가 “일 좀 하네!”라는 이야기도 듣게 될 것이다. 《프레젠테이션 디자인, 이렇게 하면 되나요?》는 어떻게 하면 더 목적에 부합하고, 더 보기 좋은 슬라이드를 완성할 수 있는지 디자인 기본기를 바탕으로 설명한다. 이 책으로 편집 디자인 기본기부터 서체, 이미지, 컬러 등을 공부한다면 슬라이드 제작뿐만 아니라 보고서나 기획서 작성 등에도 디자인 이론을 적용할 수 있게 될 것이다.
연세대학교 커뮤니케이션 대학원에서 커뮤니케이션 디자인을 전공했고, 현재는 LG전자 디자인경영센터에서 즐기며 일하다 보니 어느덧 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_많이 쓰는 슬라이드의 대비 조합 073LESSON 10 채우는 것보다 중요한 여백 만들기 078_슬라이드에서 여백이 중요한 이유 078_여백의 역할 080_프레젠테이션 디자인에서 여백을 만드는 방법 082_조도와 슬라이드의 배경색에 따라 여백이 달라 보인다 083[프레젠테이션 디자인 체크 리스트] 084CHAPTER 02 당신이 오늘 쓴 맑은 고딕은 사실 맑지 않다LESSON 01 슬라이드 위 텍스트는 말하고 있다 088_빈 슬라이드에서 마주하는 첫 번째 고민 088_텍스트 요소를 깔끔하게 정리한다 089_기본적으로 피하면 좋을 서체들 091_서체마다 풍기는 인상이 있다 092LESSON 02 디자인에 사용할 서체는 세 가지 그룹뿐이다 094_세 가지 서체 그룹을 분류해보자 094_전통이 느껴지는 명조체 그룹 095_현대적 감각의 고딕체 그룹 097_감성적 느낌의 캘리그래피 그룹 098LESSON 03 완성도를 높이는 텍스트 디자인의 절대 규칙 101_전체 프레젠테이션에 너무 많은 서체를 쓰지 않는다 101_본문 길이에 따라 보기 편한 서체의 굵기가 있다 104_영문은 영문 서체를 사용한다 105_서체는 있는 그대로 사용한다 105LESSON 04 슬라이드 위 텍스트의 크기는 얼마가 적당할까? 107_텍스트 크기가 생각보다 크게 보이는 이유는 화면 배율 때문이다 107_우선순위에 따라 서체 크기에 차등을 준다 108LESSON 05 슬라이드가 밋밋해 보인다면? 텍스트에 포인트 주기 113LESSON 06 읽기 좋은 텍스트의 비밀: 자간, 행간, 단락 맞추기 117_글자 간격의 비밀, 자간 좁히기 117_글줄 간격의 비밀, 행간 조절하기 120_깔끔하게 정돈할 수 있는 단락 맞추기 123LESSON 07 서체의 끝없는 변신, 타이포그래피를 활용한 타이틀 디자인 126_프레젠테이션 디자인의 시작, 주제에 맞는 텍스트 타이틀 디자인하기 126_다양한 사례로 살펴보는 타이포그래피 타이틀 디자인 127_주제에 맞는 텍스트 타이틀 디자인 작업 과정 살펴보기 131_타이틀 디자인을 활용하여 프레젠테이션 디자인 통일성 높이기 133LESSON 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_기업 혹은 브랜드와 관련된 프레젠테이션은 컬러 고민이 필요 없다 213LESSON 05 컬러 선택을 도와주는 웹 도구 활용하기 215_슬라이드 분위기를 키워드로 표현해서 컬러를 찾는다 215_그라디언트 조합도 어렵지 않게 골라서 사용한다 219_이게 네가 원하는 컬러구나 221[프레젠테이션 디자인 체크 리스트] 222CHAPTER 05 글보다 더 빠른 이해를 위한 인포그래픽 활용의 모든 것LESSON 01 슬라이드에 인포그래픽이 필요한 이유와 인포그래픽의 종류 224_매력적인 정보 전달 방법, 인포그래픽 224_프레젠테이션 디자인에 사용할 수 있는 다양한 인포그래픽 225LESSON 02 좋은 다이어그램 디자인을 위한 5가지 가이드 229_다이어그램을 사용하는 분명한 이유가 있어야 한다 229_청중에게 흥미를 불러일으켜야 한다 230_시각적 흐름이 명확해야 한다 230_비교 데이터에서는 크기 대비를 사용한다 233_과하지 않게 디자인한다 233LESSON 03 다이어그램 제작 흐름과 패턴 그리고 도형 234_다이어그램의 제작 흐름 살펴보기 234_다이어그램에는 기본 패턴이 있다 236_기본 도형의 형태에 따라 다이어그램의 분위기가 달라진다 239LESSON 04 내가 만든 표만 보면 가슴이 답답해지는 이유 243_심플한 표 디자인의 시작, ‘선’을 최소한으로 사용한다 243_표의 첫인상을 결정하는 선 스타일 244_간단 명료한 표 디자인을 위한 소소한 방법들 247[프레젠테이션 디자인 체크 리스트] 248CHAPTER 06 잘 쓰면 약, 못 쓰는 독이 되는 애니메이션 & 동영상LESSON 01 프레젠테이션에 움직임이 필요한 이유 250_프레젠테이션의 두 가지 움직임, 화면 전환과 애니메이션 250_애니메이션은 단순한 장식이 아니다 256LESSON 02 몰입감을 해치지 않게 움직임을 적용하는 소소한 노하우 258_움직임을 사용하면서 몰입감 방해하지 않기 258_차분한 움직임의 대명사, 디졸브 260_밀어내기 전환 효과로 슬라이드의 확장 효과를 연출한다 261LESSON 03 프레젠테이션에 동영상 사용하기 263_슬라이드에 동영상을 넣는 두 가지 방법 263_삽입한 동영상의 첫인상을 결정할 몇 가지 노하우 265[프레젠테이션 디자인 체크 리스트] 268
