비영리기관을 위한 홍보물제작가이드 Ngo's promotional material making guide kamsw_v01

비영리 기관을 위한 홍보물 제작 가이드
NGO's Promotional Material Making Guide
Present, 08. May. 2017 Proprietary and Confidential
By takwhan.kim | Daystone corp.
Daystone | onmam.com

Index
2
- Overview Public Relations
- Promotional Material
- Core Production Guides
- Triple Media
- Take something for nothing

4
I. Public Relations?
양방향 커뮤니케이션을 통해 공중 사이에 이해를 형성하는
행위
매체에 기업 또는 상품에 대한 정보를 노출시켜 이미지를 개
선시키거나 상품의 판매를 촉진시키는 행위

5
나 진짜
괜찮은 남자야!
나 진짜
괜찮은 남자야!
나진짜괜찮은남자야!
안녕하십니까?
Marketing Telemarketing
Advertising Public Relations
너를믿어,너는진짜
괜찮은사람이야!
I. Promotional Material

6
홍보물 (弘報物)
[명사]어떤 사실이나 제품 따위를 널리 알리기 위하여 만든 인쇄물 따위의
물건
‘팸플릿(pamphlet)’ 하드커버나 제본이 되지 않은 소책자를 말한다.
흔히 양면 인쇄된 낱장의 종이나 반(혹은 1/3, 1/4)로 접힌 것을 말하기도 하고
(이는 보통 리플릿(leaflet)이라 불린다), 반으로 접힌 몇 장의 종이나 이를 간단한
책의 형태로 철한 것을 말하기도 한다.
* 유네스코에 따르면 팸플릿으로 불리기 위해서는 적어도 5페이지 이상, 48페이지를 넘어서는 안 된
다. 그 이상은 책(book)으로 분류한다.

7
리플릿(leaflet) 홍보를 목적으로 만든
낱장의 종이 인쇄물을 가리킨다. 주로 상
업적인 목적으로 많이 만들지만, 정치적
내용이나 자신의 주장을 알리기 위한 목
적으로 만들어지기도 한다.
전단지, 찌라시 광고지라고도 불린다
브로슈어(Brochure)호텔에서 일반적으로 고객에게 당해 호텔의 광고나 선전
목적으로 만든 소책자를 말한다.
카탈로그(catalogue, catalog) 목록, 요람, 편람이라는 뜻. 형태상 ‘록(錄)’이라
는 글자를 붙이고 있는 상품 등록, 제품 안내, 영업 안내 등이 있다. 안내서의 총칭으로
쓰이고 있으며 각종 메이커나 판매업자 사이에서 가장 널리 이용되고 있는 제품의 목록
이고 해설서이다.

8
포스터(Poster)시각디자인의 기본형식으로서, 일정한 지면 위에 효과적 표현을 통해
강한 인상으로 원하는 내용을 전하는 ‘대중전달매체’

9
카드뉴스(Card news)2014년 후반부터 언론사들이 차용하기 시작한 이미지를
주로 활용한 뉴스 포맷 중 하나로, 모바일을 위해 가독성과 이미지 비율을 높인 뉴스
포맷이다.
SNS 사이트 또는 커뮤니티(DC Inside)에서 정보 전달을 위해 이미지를 중심으로 간
단한 텍스트를 첨부하는 경우가 잦았고, 이것이 언론으로 전해져 카드뉴스로 발전하
게 되었다.
- 뉴스라고 하지만, 사실 뉴스 뿐만 아니라 생활정보나 사설등을 SNS에 업로드 하는
규격에 가깝다.
- 페이스북과 같은 SNS나, 포털 사이트, 언론사 웹사이트 등 여러군데에서 활용되고
있다.
YNT 카드뉴스
열정에 기름붓기(facebook)
굿네이버스 카드뉴스

Message
(Copyright)
Good Image
(High Q)
The
Right Font
11
Key point!
좋은 홍보물을 만드는 요소
전달하고자 하는 문장과 좋은 이미지 그리고 적당한 글꼴만 있다면
홍보물의 절반은 완성 된거다.

How to Making
1.Planning기획
2. Concept구상
3. Design제작
4.Launching홍보
* 모든 홍보물에 해당된다.

13
How to Making
Design | 제작
소구대상에 대한 인지_홍보물에 대한 객관적 평가
Mobile First - 짧은 글, 온라인 접근성 고려(70%)
반복작업은 홍보담당자의 숙명 ㅠㅠ

14
How to Making
Design | 소셜 콘텐츠 사이즈

15
Design Elements
Layout
: 타이포그래피, 사진 및 일러스트레이션, 여백, 색상 등의 구성요소들을
제한된 지면 안에 배열하는 작업
주목성
: 독자의 시선을 집중시켜 기사에 주목하
도록 한다.
가독성
: 읽기 쉽고 이해하기 쉬우며, 중요한 것
과 중요하지 않은 것을 한눈에 알 수 있도
록 한다.
조형성
: 레이아웃 구성요소들의 변화를 통해 보
기 좋고, 시각적으로 안정되고 흥미롭도
록 한다
창조성
: 기존의 레이아웃과 차별화되고, 단조롭지
않도록 새로운 시도를 통해 개성을 부여한다.
기억성
: 독자의 기억에 오래 남도록 한다.
레이아웃에서 위조건을을 충족하기 위해 도입된 하나
의 방법이 그리드시스템 이다.

16
 다른 크기의 글꼴을 사용한다 (헤드라인은 부제목보다 더 크다)
 중요한 정보에는 색을
 정보를 그룹으로 분리하는 규칙을 사용한다.
 활자의 굵기를 달리한다.
(세미볼드체는 두드러져 보이지만 볼드체야말로 더 도드라져 보인다)
 정보 주변에 여백을 둔다.
 중요한 문구 옆에 그림을 놓는다 ( 그것은 시선을 끌고 메시지를 보강한다)
 상자 안에 활자를 넣거나 혹은 흥미로운 모양을 준다.
 세부 항목 바로 앞에 점들을 찍어 끌어낸다.
 활자의 스타일을 바꿔라.
Good Layout
Design Elements

17
IMPRESSION
감동적인
FUN
재미있는
INFORMATION
유익한 정보
온라인(소셜)에서 바이럴이 잘되는 소재로는
유용한 정보이거나 감동적인 또는 재미있는 콘텐츠이다.
일반적으로 다양한 ‘짤’을 이용해서 감동과 재미요소를 충족시키고 있다.
I. Making Guide

19
Mistakes | for Example
I. Making Guide

23
Trimming
Trimm
-ing
I. Making Guide

24
I. Making Guide
6 Principles of Graphic Design
1.Unity / Harmony
2.Balance
3.Hierarchy
4.Scale / Proportion
5.Dominance / Emphasis
6.Similarity & Contrast
출처 : Folo.co.in

25
I. Making Guide
6 Principles of Graphic Design 1. Unity / Harmony_통합/조화
- 홍보물의요소들 사이에 간격
- 배치된 요소들의 연관성
2. Balance_균형
- 기준 축에서 요소들의 배치
- 시각적 평형의 상태
출처 : Folo.co.in

26
I. Making Guide
6 Principles of Graphic Design
4. Scale / Proportion_규모비율
- 요소들은 관계와 비중에 따라 각각 다른 사
이즈를 갖는다.
3. Hierarchy_위계질서
- 나무(트리)구조로 요소들이 가지와 더불어 배치
되어 있다.
- 둥지구조 상하위의 비율을 구조화
- 동일한 비중의 요소들을 동일한 선상에 배치
출처 : Folo.co.in

27
I. Making Guide
6 Principles of Graphic Design 5. Dominance / Emphasis_지배적/강조
- 같은 형태의 일련의 요소를 구분한다.
- 시각적 집중에 변화를 준다.
6. Similarity & Contrast_유사/대비
- 다른 형태, 전경과 배경의 분리
- 질감과 형대의 변화를 통한 대조적 효과
출처 : Folo.co.in

28
I. Making Guide
Hierarchy_위계질서
디자인에서 위계구조는 효율적인 방법으로 정보를 전달하기 위해
받아들이게 되는 정보의 순서를 시각적 대비를 통해 형성한다

29
트리플 미디어(Triple Media)
The Medium is the Massage:
An Inventory of Effects, 1967
Marshall McLuhan
Message + Format or Design =
Content
콘텐츠의 내용을 결정하는 기준으로
- 언드미디어(Earned Media)
- 페이드미디어(Paid Media)
- 온드미디어(Owned Media)

30
NGO관점에서 트리플 미디어(Triple Media)
Paid Media | 지불한 비용을 대가로 사용한다.
기업이 비용을 지불하고 미디어에 노출되는 콘텐츠를 제어할 수 있는데 최근에는 전통적인 광고, 즉
기업이 콘텐츠 제작하고 집행 할 수 있는 매체만 제공받는 것 뿐만 아니라 언드미디어와 페이드미디
어의 중간 형태라고도 할 수 있는, 네이티브 애드와 같은 새로운 페이드 미디어들이 출현하여 영역을
확장되고 있다.
특징 : 광범위한 인지를 획득하고 Owned/Earned 미디어로 잠재고객을 유도한다.
Owned Media | 자신이 소유하고 통제할 수 있다.
미디어의 운영자에게 게재된 콘텐츠 내용을 결정할 수 있다. 자사 미디어, 자사 채널이라고도 불리는
기업,단체 홈페이지, 공식 블로그, 마이크로 사이트, 페이스북/유튜브/트위터/인스타그램 같은 소
셜미디어 안에서 기업이 직접 운영하는 공식 채널 등으로 온드미디어는 잠재고객을 고객으로 너쳐링
(육성)하는 것을 목적으로 하며, 고객과 장기적인 관계를 형성하는 것이 특징이다.
Earned Media | 노력을 통해 획득 할 수 있다.
콘텐츠의 내용의 결정에 기업이 전혀 관여할 수 없다. 신문이나 잡지사의 사설, 트랜드나 제품에 대
한 미디어의 독립적인 분석 기사, 리뷰 전문 사이트에 게재된 전문가나 일반 고객들의 리뷰 기사 등
은 기업이 그 콘텐츠의 내용의 결정에 영향을 미칠 수 없으나 기업과 관련된 컨텐츠가 게재되고 있으
므로 언드미디어라고 한다.

31
온드미디어는 비영리 목적 대해서 가장 정확한 정보를 제공할 수 있는 채널로서 홍보주
체가 필요한 정보를 언제라도 제공할 수 있어 담당자 입장에서는 가장 효과적이고 안정
적으로 활용 가능한 미디어이다.
기관의 연혁, 정보, 문화, 약도,영상,사진등을 정리한 홈페이지와 홍보물 블로그나 소셜미디어의 공식 채
널 등을 통해 교인 또는 잠재적 대상자와 실시간 커뮤니케이션을 상시 가능하게 하는 메시지를 실체적으
로 대상자들에게 체험시키는 미디어이다.
페이드미디어에서의 광고 커뮤니케이션 활동과 언드미디어에서의 활동의 결과가 모이
고 자산으로 쌓이는 미디어이다.
분석 도구를 이용해서 정보를 받아들이기 전에 페이드미디어와 언드미디어와 온드미디어를 다양한 패턴
으로 번갈아 방문하는 잠재고객들의 행동과 그들이 온드미디어 안에서 만들어낸 움직임을 정밀하게 측정
하고 단체또는 기업 기관의 시스템과 연계하여 대응전략을 수립할 수 있다.
노출에 따라 비용이 증가하는 페이드 미디어와 달리 초기비용 외에 추가적인 운영비용
의 부담이 적고 완성도 있는 콘텐츠를 통해서 잠재크리스천과 지속적이고 장기적으로
커뮤니케이션을 유지할 수 있다는 관점에서 가장 효율적인 미디어이다.
온드미디어 내의 콘텐츠가 대상자의 입장에서 꼭 필요한 정보로 기획되고 제작되면 그들은 정보를 받아
들이기 이전뿐이 아니라 일상생활중에도 지속해서 온드미디어에 방문하게되는데 이를 통해 협회나 기관
들은 그들에게 추가적인 비용 지급 없이 지속해서커뮤니케이션 채널을 유지할 수 있게 되므로 완성도 있
는 온드미디어는 가성비면에서 가장 우수하다
NGO관점에서 온드 미디어(Owned Media)

32
NGO관점에서 트리플 미디어(Triple Media)분류
구분
페이드미디어
(Paid Media)
온드미디어
(Owned Media)
언드미디어
(Earned Media)
목적
제품 및 브랜드 인지도 강화
하고 온드미디어로의
트래픽 유도
방문한 잠재고객을 고객으로
육성하고 고객 충성도를 강화
제품과 브랜드에 대해 제삼자가
생산하는 정보로 고객 신뢰와
평판을 개선
종류
- TV
- 신문
- 잡지
* 유료 퍼블리시티
- 포탈의 검색, 배너광고
- 옥외 광고
- 제휴 광고 등
홈페이지(모바일)
간행물
전도지
공식블로그
페이스북 공식계정
인스타그램 공식계정
Twitter 공식계정
Youtube공식계정
뉴스성 기사
분석/리뷰 기사
블로거 리뷰
유저 코멘트
페이스북 사용자 계정
인스타그램 사용자계정
Twitter 사용자 계정
Youtube사용자계정

33
Adobe Color CC https://color.adobe.com/ko/
Color?
http://paletton.com http://colllor.com/

34
Adobe Color CC https://color.adobe.com/ko/
Color?

36
Where can I find good images?
The problem is the image.
도대체 이미지란…

37
좋은 이미지는 어디서 찾을 수 있는가?
픽사베이 https://pixabay.com/

38
Morguefile https://morguefile.com/

39
무료 바탕화면 http://wallpaperswide.com/

40
그래픽 소스 찾기 https://freedesignresources.net/category/free-graphics/?paged1=2&paged2=1

41
디자인 요소 구하기https://speckyboy.com/
디자이너를 위한 공자 아이콘셑 50

42
픽토그램 구하기
https://www.flaticon.com/
더 많은 픽토그램
https://thenounproject.com/

43
벡터이미지를 찾는다.
프리픽 140만개소스 무료 https://www.freepik.com/

44
아이콘 구하기
https://www.sketchappsources.com/resource/download-1886.html
다양한 백그라운드 패턴 구하기
http://ava7patterns.com/tag-pink.php
프리벡터스
http://www.freevectors.me/search/love
로고찾기
https://seeklogo.com/#
브랜드찾기
http://www.brandsoftheworld.com/
특정사물 또는 도표 인포그래픽 요소 찾기
https://publicdomainvectors.org/

45
Where can I find good Font?
The problem is the font.
도대체 글꼴이란…

46
좋은 글꼴은 어디서 찾을 수 있는가?
네이버 나눔글꼴 http://hangeul.naver.com/2017/nanum

47
영문 구글산토스(Noto Sans)or어도비 본고딕(Source Han San)
https://www.google.com/get/noto/#/
구글과 어도비가 참여한 한, 중, 일 통합서체

48
윤디자인연구소 한글 폰트 나눔 http://font.co.kr/yoonfont/free/main.asp

49
가비아 한글폰트 https://company.gabia.com/font

50
우아한형제들 배달의 민족
http://www.woowahan.com/%EB%B0%B0%EB%8B%AC%EC%9D%98%EB%AF%BC%EC%A1%B1-
%EA%B8%80%EA%BC%B4

51
고도체 http://design.godo.co.kr/custom/free-font.php

52
고도체 http://design.godo.co.kr/custom/free-font.php
야놀자체 http://cast.yanolja.com/detail/2171
아모레퍼시픽 아리따글꼴 http://www.apgroup.com/int/ko/about-us/visual-identity/arita-
typeface.html
더페이스샵 잉크립튀드체 http://www.thefaceshop.com/event/lipquid/main.jsp#FontDownload
부산체 http://www.busan.go.kr/bhbusan
제주서체 http://jeju.go.kr/jeju/symbol/font/infor.htm
미생체 손글씨 http://webtoon.daum.net/event/misaengfont

54
나는 도대체 아무 것도 모르겠다.
Canva
https://www.canva.com/
이메일 뉴스레터 디자인부터 블로그 전용 그래픽까지 실용적인 디자인을 다량 보유하고 있어 편리하면서도
전문적이다. 많은 무료 템플릿을 소셜 미디어 포맷별로 선택하여 이용할 수 있다. 한글 폰트가 다양하지 않
다는 문제점이 있는데, 소액의 비용을 결제하고 프리미엄 계정으로 업그레이드하면 한글 폰트를 업로드하
여 사용할 수 있다.

55
piktochart
https://create.piktochart.com/printable 포스터, 인포그래픽, 프리젠테이션

56
Visage https://create.visage.co/#graphics

57
Desygner https://premium.desygner.com/upgrade

58
카드뉴스만들기 tyle https://tyle.io/

59
로고를 디자인 해보자 https://www.tailorbrands.com/

감사합니다.
㈜데이스톤 | 온맘닷컴
http://www.onmam.com
김택환 takwhan.kim@onmam.com
Facebook : www.facebook.com/xenosis21

비영리기관을 위한 홍보물제작가이드 Ngo's promotional material making guide kamsw_v01

Recommandé

Recommandé

Contenu connexe

Similaire à 비영리기관을 위한 홍보물제작가이드 Ngo's promotional material making guide kamsw_v01

Similaire à 비영리기관을 위한 홍보물제작가이드 Ngo's promotional material making guide kamsw_v01 (20)

Plus de takwhan kim

Plus de takwhan kim (6)

비영리기관을 위한 홍보물제작가이드 Ngo's promotional material making guide kamsw_v01