시에프와 타이포 피티 최종

29
Tyopgraphy + CF 0912883 정영옥 STYLE

Transcript of 시에프와 타이포 피티 최종

Page 1: 시에프와 타이포 피티 최종

StyleTypography in CF

Tyopgraphy + CF

0912883

정영옥

STYLE

Page 2: 시에프와 타이포 피티 최종

StyleTypography in CF

CF란

타이포의 분류

페이지 구성

디자인 컨셉

작업과정

Tyopgraphy +CF

STYLE

Page 3: 시에프와 타이포 피티 최종

StyleTypography in CF

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

CF란

CF [ Commercial Film ]광고 선전용 텔레비전 영화. 커머셜 필름의 머릿 글자를 딴 일본식 영어로 영화용 카

메라에 의해 필름에 촬영된 삽입 광고를 말한다. 텔레비전 광고나 영화광고가 이에

해당된다. VCR이 나오기 전 텔레비전 광고도 필름으로 만든데서 유래된 말이다.

Page 4: 시에프와 타이포 피티 최종

StyleTypography in CF

방송광고는 상품정보를 위주로 하는 인쇄광고에 비하여 표현 방법과 전달력이 다양하기

때문에 호소력이 강하고, 시청자(청취자)의 의식과 감각에 깊이 작용하여 인간의 욕구와

생활양식에 크게 영향을 미친다. 또 반복호소가 쉽고 전국적인 방송망을 갖추고 있어 광

고매체로서 효과적이다. 텔레비전 광고는 시각과 청각을 동시에 자극해 생생한 메시지

를 전달함으로써 이미지 형성과 설득이 어떤 매체보다 빠르고 정확하다.

[출처] 방송광고 [放送廣告 ] | 네이버 백과사전

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

Page 5: 시에프와 타이포 피티 최종

StyleTypography in CF

광고의 종류

기업광고

기업의 이미지 제고

-회사 아이덴티티를 개선하는 광고

-기업과 고객간의 신뢰를 제고하기 위한 광고

제품광고

특정 제품이나 서비스 혜택을 내세우기 위함

-개척광고_신제품을 론칭할 때 내는 광고

_경쟁광고_시장 내의 다른 제품 대비 경쟁 우위를 나타내는 광고

_비교광고_중요한 경쟁 제품과 비교하는 광고

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

Page 6: 시에프와 타이포 피티 최종

StyleTypography in CF

타이포의 사용

영상 + 타이포시너지 효과

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

Page 7: 시에프와 타이포 피티 최종

StyleTypography in CF

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

타이포그래피를 보다

CF 속에서의 ‘글자’들은 아이러니하게도, 첨단 미디어가 우리의 눈과 귀를

현혹하고 있는 현재에도 여전히 중요한 의사전달의 매개체는 바로 ‘문자’임

을 상기시켜준다. 그리고 조금 더 나아가서는 그 글자들이 지면을 벗어나 움직

이는 자유를 얻었을 때, 혁혁한 위력을 발휘하며 단순히 의미를 인식하는 매개

체로서의 의미를 넘어 하나의 ‘예술’이 될 수 있음을 증명하고 있다.

Page 8: 시에프와 타이포 피티 최종

StyleTypography in CF

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

국문서체종류

탈네모꼴

고딕체류

바탕체류

굴림체류

필사체류

고전체류

상징체류

그래픽류

캘리그라피

Page 9: 시에프와 타이포 피티 최종

StyleTypography in CF

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

종류 선정

1 32명조체 고딕체 캘리그라피

Page 10: 시에프와 타이포 피티 최종

StyleTypography in CF

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

돋움체

돋움체류는 1920년대 초에 등장하여 1930년대에 이르러 광범위하게 사용되기 시작한 고딕체로 불리던 활자꼴로, 1991년 문화부에서 돋움체라고 하는 우리말 이름으로 지정한 글꼴이다. 사전식자 판짜기 네모틀에 맞춰 만들어진 활자꼴로서 글꼴의 기본줄기의 굵기가 일정하고 줄기의 방향을 수직, 수평, 대칭사향으로 나타내며 글자꼴은 정, 직사각형을 이룬다. 글자가 굵어 주목을 끄는데 효과가 있기 때문에 문장제목, 각종 표지판 등을 위해 가장 많이 쓰인다.

캘리그라피

손으로 그린 그림문자라는 뜻이나, 종형상으로는 의미전달의 수단이라는 문자의 본뜻을 떠나 유연하고 동적인 서, 글자 자체의 독특한 번짐, 살짝 스쳐가는 효과, 여백의 균형미 등 순수 조형의 관점에서 보는 것을 뜻한다. 즉, 캘리그라피는 기계적인 표현이 아닌 손으로 쓴 아름답고 개성있는 글자체이다.

바탕체류

바탕체류는 붓의 필력이 다듬어진 한글꼴의 대표적인 활자체들인 명조체를 말한다. 1992년 12월에 문화부에서 바탕체라는 이름으로 순화했다. 명조체는 가로 획이 가늘고 세로 획이 굵으며, 내려 그은 획의 첫머리와 가로 그은 획의 끝머리를 세리프(serif)로 장식한 서체를 말한다.다른 서체에 비해 그 생김세가 정연하여 가독성이 높아 신문, 잡지의 본문용 활자로 쓰고 있는 서체다.

Page 11: 시에프와 타이포 피티 최종

StyleTypography in CF

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

분류별서체 비율

제품광고

기업광고

명조 16

고딕 19

캘리 9

명조 2

고딕 20

캘리 4

명조 36%

명조 8%

고딕 43%

고딕 77%

캘리 21%

캘리 15%

Page 12: 시에프와 타이포 피티 최종

StyleTypography in CF

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

연령별서체 비율

1020대

명조 24%

고딕 48%

캘리 28%

명조 24%

고딕 64%

캘리 12%

명조 25%

고딕 56%

캘리 21%3040대

5060대

Page 13: 시에프와 타이포 피티 최종

StyleTypography in CF

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

_국문서체 설명

_서체가 주는 느낌

명조체

바탕체류는 붓의 필력이 다듬어진 한글꼴의 대표적인 활자체들인 명조체를 말

한다. 1992년 12월에 문화부에서 바탕체라는 이름으로 순화했다. 하지만 바탕

체 보다는 명조체로 더 인식되어 있기 때문에 여기서는 명조체로 규정했다.

명조체는 가로 획이 가늘고 세로 획이 굵으며, 내려 그은 획의 첫머리와 가로

그은 획의 끝머리를 세리프(serif)로 장식한 서체를 말한다.

다른 서체에 비해 그 생김세가 정연하여 가독성이 높아 신문, 잡지의 본문용 활

자로 쓰고 있는 서체다.

세리프가 있어서 부드러운 느낌을 주고 이런 특

징 때문에 감성 광고에서 주로 사용된다.

Page 14: 시에프와 타이포 피티 최종

StyleTypography in CF

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

_CF영상

_영상 정보

_캡쳐이미지

Page 15: 시에프와 타이포 피티 최종

StyleTypography in CF

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

영상 + 한글

Page 16: 시에프와 타이포 피티 최종

StyleTypography in CF

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

영사기, 필름, TV

서체의 해체

두개 이미지의 조합

Page 17: 시에프와 타이포 피티 최종

StyleTypography in CF

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

페이지 이동 http://www.borninidea.com/#/home/

벤치마킹사이트

Page 18: 시에프와 타이포 피티 최종

StyleTypography in CF

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

메인 페이지 구성

http://www.circularmultimedia.com.ar/

Page 19: 시에프와 타이포 피티 최종

StyleTypography in CF

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

서브 페이지 구성

http://www.studioprodigy.com/

http://www.marcecko.com/#/

Page 20: 시에프와 타이포 피티 최종

StyleTypography in CF

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

Page 21: 시에프와 타이포 피티 최종

StyleTypography in CF

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

Key World

모던한, 깜끔한, 단정한

Main color

sub color

명조 고딕 캘리

Color System

Page 22: 시에프와 타이포 피티 최종

StyleTypography in CF

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

I.A

contect me고딕

고딕체란고딕사용의 효과

CF

캘리

캘리그래피란캘리의 효과

CF

명조

명조체란명조사용의 효과

CF

CF

CF란

CF속타이포그래피

메인

Page 23: 시에프와 타이포 피티 최종

StyleTypography in CF

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

메인 커서를 올려놨을 때

Page 24: 시에프와 타이포 피티 최종

StyleTypography in CF

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

sub1_cf

Page 25: 시에프와 타이포 피티 최종

StyleTypography in CF

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

sub2_서체 설명페이지

Page 26: 시에프와 타이포 피티 최종

StyleTypography in CF

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

sub3_영상리스트

Page 27: 시에프와 타이포 피티 최종

StyleTypography in CF

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

sub_영상 페이지

Page 28: 시에프와 타이포 피티 최종

StyleTypography in CF

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

sub4_컨텍 페이지

Page 29: 시에프와 타이포 피티 최종

StyleTypography in CF