1. Style
Typography in CF
Tyopgraphy +CF
0912883
정영옥
STYLE

2. Style
Typography in CF
CF란
타이포의 분류
페이지 구성
디자인 컨셉
작업과정
Tyopgraphy +
CF
STYLE

3. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
CF란
CF [ Commercial Film ]
광고 선전용 텔레비전 영화. 커머셜 필름의 머릿 글자를 딴 일본식 영어로 영화용 카
메라에 의해 필름에 촬영된 삽입 광고를 말한다. 텔레비전 광고나 영화광고가 이에
해당된다. VCR이 나오기 전 텔레비전 광고도 필름으로 만든데서 유래된 말이다.

4. Style
Typography in CF
방송광고는 상품정보를 위주로 하는 인쇄광고에 비하여 표현 방법과 전달력이 다양하기
때문에 호소력이 강하고, 시청자(청취자)의 의식과 감각에 깊이 작용하여 인간의 욕구와
생활양식에 크게 영향을 미친다. 또 반복호소가 쉽고 전국적인 방송망을 갖추고 있어 광
고매체로서 효과적이다. 텔레비전 광고는 시각과 청각을 동시에 자극해 생생한 메시지
를 전달함으로써 이미지 형성과 설득이 어떤 매체보다 빠르고 정확하다.
[출처] 방송광고 [放送廣告 ] | 네이버 백과사전
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정

5. Style
Typography in CF
광고의 종류
기업광고
기업의 이미지 제고
-회사 아이덴티티를 개선하는 광고
-기업과 고객간의 신뢰를 제고하기 위한 광고
제품광고
특정 제품이나 서비스 혜택을 내세우기 위함
-개척광고_신제품을 론칭할 때 내는 광고
_경쟁광고_시장 내의 다른 제품 대비 경쟁 우위를 나타내는 광고
_비교광고_중요한 경쟁 제품과 비교하는 광고
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정

6. Style
Typography in CF
타이포의 사용
영상 + 타이포
시너지 효과
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정

7. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
타이포그래피를 보다
CF 속에서의 ‘글자’들은 아이러니하게도, 첨단 미디어가 우리의 눈과 귀를
현혹하고 있는 현재에도 여전히 중요한 의사전달의 매개체는 바로 ‘문자’임
을 상기시켜준다. 그리고 조금 더 나아가서는 그 글자들이 지면을 벗어나 움직
이는 자유를 얻었을 때, 혁혁한 위력을 발휘하며 단순히 의미를 인식하는 매개
체로서의 의미를 넘어 하나의 ‘예술’이 될 수 있음을 증명하고 있다.

8. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
국문서체
종류
탈네모꼴
고딕체류
바탕체류
굴림체류
필사체류
고전체류
상징체류
그래픽류
캘리그라피

9. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
종류 선정
1 32명조체 고딕체 캘리그라피

10. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
돋움체
돋움체류는 1920년대 초에 등장하여 1930년
대에 이르러 광범위하게 사용되기 시작한 고
딕체로 불리던 활자꼴로, 1991년 문화부에서
돋움체라고 하는 우리말 이름으로 지정한 글
꼴이다. 사전식자 판짜기 네모틀에 맞춰 만들
어진 활자꼴로서 글꼴의 기본줄기의 굵기가
일정하고 줄기의 방향을 수직, 수평, 대칭사향
으로 나타내며 글자꼴은 정, 직사각형을 이룬
다. 글자가 굵어 주목을 끄는데 효과가 있기
때문에 문장제목, 각종 표지판 등을 위해 가
장 많이 쓰인다.
캘리그라피
손으로 그린 그림문자라는 뜻이나, 종형상으로는
의미전달의 수단이라는 문자의 본뜻을 떠나 유
연하고 동적인 서, 글자 자체의 독특한 번짐, 살
짝 스쳐가는 효과, 여백의 균형미 등 순수 조형
의 관점에서 보는 것을 뜻한다. 즉, 캘리그라피는
기계적인 표현이 아닌 손으로 쓴 아름답고 개성
있는 글자체이다.
바탕체류
바탕체류는 붓의 필력이 다듬어진 한글꼴의
대표적인 활자체들인 명조체를 말한다. 1992
년 12월에 문화부에서 바탕체라는 이름으
로 순화했다. 명조체는 가로 획이 가늘고 세
로 획이 굵으며, 내려 그은 획의 첫머리와 가
로 그은 획의 끝머리를 세리프(serif)로 장식
한 서체를 말한다.
다른 서체에 비해 그 생김세가 정연하여 가
독성이 높아 신문, 잡지의 본문용 활자로 쓰
고 있는 서체다.

11. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
분류별
서체 비율
제품광고
기업광고
명조 16
고딕 19
캘리 9
명조 2
고딕 20
캘리 4
명조 36%
명조 8%
고딕 43%
고딕 77%
캘리 21%
캘리 15%

12. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
연령별
서체 비율
10
20대
명조 24%
고딕 48%
캘리 28%
명조 24%
고딕 64%
캘리 12%
명조 25%
고딕 56%
캘리 21%30
40대
50
60대

13. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
_국문서체 설명
_서체가 주는 느낌
명조체
바탕체류는 붓의 필력이 다듬어진 한글꼴의 대표적인 활자체들인 명조체를 말
한다. 1992년 12월에 문화부에서 바탕체라는 이름으로 순화했다. 하지만 바탕
체 보다는 명조체로 더 인식되어 있기 때문에 여기서는 명조체로 규정했다.
명조체는 가로 획이 가늘고 세로 획이 굵으며, 내려 그은 획의 첫머리와 가로
그은 획의 끝머리를 세리프(serif)로 장식한 서체를 말한다.
다른 서체에 비해 그 생김세가 정연하여 가독성이 높아 신문, 잡지의 본문용 활
자로 쓰고 있는 서체다.
세리프가 있어서 부드러운 느낌을 주고 이런 특
징 때문에 감성 광고에서 주로 사용된다.

14. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
_CF영상
_영상 정보
_캡쳐이미지

15. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
영상 + 한글

16. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
영사기, 필름, TV
서체의 해체
두개 이미지의 조합

17. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
페이지 이동 http://www.borninidea.com/#/home/
벤치마킹
사이트

18. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
메인 페이지 구성
http://www.circularmultimedia.com.ar/

19. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
서브 페이지 구성
http://www.studioprodigy.com/
http://www.marcecko.com/#/

20. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정

21. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
Key World
모던한, 깜끔한, 단정한
Main color
sub color
명조 고딕 캘리
Color System

22. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
I.A
contect me고딕
고딕체란
고딕사용의 효과
CF
캘리
캘리그래피란
캘리의 효과
CF
명조
명조체란
명조사용의 효과
CF
CF
CF란
CF속
타이포그래피
메인

23. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
메인 커서를 올려놨을 때

24. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
sub1_cf

25. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
sub2_서체 설명페이지

26. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
sub3_영상리스트

27. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
sub_영상 페이지

28. Style
Typography in CF
CF 타이포의 분류 페이지 구성 디자인 컨셉 작업과정
sub4_컨텍 페이지

29. Style
Typography in CF