11강 브랜드 디자인과 타이포그래피

1. HANYANG WOMEN’S UNIVERSITY
INDUSTRIAL DESIGN LAB
TYPOGRAPHY
타이포그래피
kwonjeongeun@naver.com
11강
/ 41
1
브랜드 디자인과 타이포그래피

2. 메시지, 하나의 목소리
모든 소통의 공통 요소, 디자인 시스템
팀 과제 소개
슬랙 팀 방 만들기
/ 41
2

3. 메시지로 타이포그래피가 어려웠다면?
/ 41
3
정보 메시지
타이포
그래피
브랜드
=
정보
타이포
그래피
What : 하나의 목소리
How : CI / BI / VI

4. / 41
4
브랜드, 기업의 통합된 이미지
우리의 뇌, 구분 가능한 브랜드 2000여 개.
복잡다단한 정보화 시대에서
기업의 통합된 이미지는
비즈니스 경영에서 전략적인 무기.
이 개념을 가장 먼저 받아들인 1950년대 IBM
창업자 #토마스왓슨 - 디자이너 #폴랜드
근대적 CI 개념 도입
✓회사의 마크
✓쇼룸의 인테리어
✓편지지,봉투에 이르기까지
모든 기업 아이템을 통일된 시스템으로 디자인하여
최첨단 컴퓨터 회사의 이미지를 업그레이드 시켰고 결과는 성공적이었다.
Q. 컴퓨터 회사라서 성공적인 것 아닌가?

5. 브랜드, 기업의 통합된 이미지
출처 : Interbrand, Best Global Brands TOP 100, 2022
/ 41
5

6. / 39
6
정보
타이포
그래피
브랜드
(나)
명함
이력서
포트폴리오
/ 41
6

7. Q. 브랜드 디자인을 잘 했다! 떠오르는 회사는?
/ 41
7

8. Q. 브랜드 디자인은 영원한가?
/ 41
8
생장 (⽣⻑)
변화하는 과정 속에서 미래를 예측하여
그 상황에 맞는 최선의 결과를 만들기 위해 노력하는 것이
곧 브랜드 디자인.
브랜드와 디자인 시스템*은
계속 변화하여 발전되어 나가는 것이다.
?

9. 세상을 바꾼 4개의 사과
그리고 애플
예시 : 애플 로고 변천사
/ 41
9
Q. 브랜드 디자인은 영원한가?

10. Q. 다시, 브랜드와 디자인 시스템이란?
/ 41
10
예술과 달리 디자인은 목적, 목표, 이슈가 분명하다.
사용 목적이 명확하고
전달하려는 메시지가 있다.
미디어
모양
메시지
전달
색깔
재료 소리
그림 이벤트

11. Q. 다시, 브랜드와 디자인 시스템이란?
/ 41
11
모든 소통에는 ‘공통 요소’를 가지고 있어야 한다.
단순히 모든 건물, 간판, 명함에 새겨져 있는 로고를
말하는 것이 아니다. 공통 요소란?
디자인이 향하는 공통의 방향을 말한다.
미디어
모양
메시지
전달
색깔
재료 소리
그림 이벤트
공통 요소 소통

12. 메시지, 하나의 목소리
모든 소통의 공통 요소, 디자인 시스템
팀 과제 소개
슬랙 팀 방 만들기
/ 41
12

13. / 41
13
브랜드 Brand
목장 - Branding Iron -> 소유주 구분
산업화 - Brand -> 제품, 서비스, 회사 자체

14. / 41
14
브랜딩 Branding
브랜드가 이미지라고 한다면 이를 관리하는 모든 활동, 브랜딩.
브랜딩 중에서도 아이덴티티 :
소비자에게 직접 제시되는
시각적인 부분이 우리가
주력하는 분야
브랜드 아이덴티티 디자인이라 불리는 분야
디자인이 좋다, 나쁘다 보다
결과물이 제품, 회사 이미지에 얼마나 부합하느냐가 중요.

15. / 41
15
브랜딩 Branding
결과물이 제품, 회사 이미지에 얼마나 부합하느냐가 중요.
시각적인
표현 요소로
소비자에게
어필하는
상표의 집약
상표의 성격
그 브랜드를
사용하는 사람이
어떤 생각을 갖고 있고
어떤 행동을 하고
어떤 옷을 입는지
그 브랜드의 개성 자체
유형 무형

16. 브랜드 아이덴티티의 시각 기본 요소
LOGO(TYPE) COLORS TYPEFACE 4th ELEMENTS
GUIDELINE
PICTOGRAM IMAGE DO&DONT LITERATURE
MANUAL
DOCUMENT
DEVICE
VEHICLE
ETC.
STANTIONARY
EDITORIAL
ADVERTISING
WEB
SIGNAGE
PROMOTION
각 요소들이 체계적으로 정립되어야 각 요소들이 결합하여 하나의 시스템으로 완성되었을 때
-> 브랜드가 통일되고 강력한 목소리를 낼 수 있다.
/ 41
16

17. Design Is
Outstanding As
A Competitive Weapon
When It Comes To
Visualizing
A Business Strategy.
David Carson
/ 41
17

18. / 41
18
Symbol or/and Wordmark
예 : 애플 로고 변화
변질 아닌 변화해야 한다.
알리는데
비용이 많이 든다.
예 : SAMSUNG
문자 형태 자체
브랜드 이름을
직접 알려 장점
Symbol ONLY Wordmark ONLY
① LOGO, 제일 먼저 만나는 브랜드의 얼굴

19. / 41
19
① LOGO, 제일 먼저 만나는 브랜드의 얼굴
브랜딩 작업 중 시각적으로 가장 처음 인식되는 것.
로고는
✓컬러를 가지고 있고
✓서체와 연계되는 경우가 많고
✓4th 엘리먼트에 대한 모티프를 제공하는 등
4가지 기본 요소 중 가장 중심이 되는 요소, 로고
-> 팀 과제에서 가장 중요하게 볼 요소, 로고 형태.

20. 예시 : Fedex
① LOGO, 제일 먼저 만나는 브랜드의 얼굴
/ 41
20
간접적, 배송을 의미
✓빠른 배송
✓당일 배송
✓직접 배송
-> 더 빠를 것이라 인식

21. “당시 리드 칼리지는 미국 최고의 서체 교육을 제공했던 것 같습니다. 학교 곳곳에 붙
어 있는 포스터와 서랍에 붙어 있는 상표들은 손으로 아름답게 그린 서체 예술이었습
니다. 저는 정규 과목을 들을 필요가 없으므로 서체 수업을 들었습니다. 그때 저는 세
리프와 산세리프체에 관해 배웠고, 다른 글자들을 조합했을 때의 자간, 그 여백의 다
양함을 배웠으며 위대한 글자체의 요소가 무엇인지에 관해 배웠습니다. 그것은 도저
히 과학적인 방식으로는 표현해 낼 수 없는 아름답고 유서 깊고 예술적으로 미묘한
것이어서 전 매료되고 말았습니다. 이 중 어느 하나라도 제 인생에 실질적 도움이 될
것 같지는 않았습니다. 그러나 10년 후 우리가 첫 번째 매킨토시를 구상할 때 그것들
은 고스란히 빛을 발했습니다. 우리가 설계한 매킨토시에 그 기능을 모두 집어넣었으
니까요. 그것은 아름다운 서체를 가진 최초의 컴퓨터였습니다. 제가 만약 그 서체 수
업을 듣지 않았다면 매킨토시의 복수 서체 기능이나 자동 자간 맞춤 기능은 없었을
것입니다.”
② TYPEFACE, 과학적 방식으로 설명할 수 없는 미묘함
/ 41
21 출처 : 2005, 스탠포드 대학교 졸업식, 스티브 잡스 연설문 中

22. / 41
22
② TYPEFACE, 과학적 방식으로 설명할 수 없는 미묘함
/ 41
22

23. / 41
23
Wordmark 유형의 아이덴티티 작업을 할 때
[주의] 충분한 지식
이 없이 임의로 획
조절, 두께를 손볼
경우 망한다.
최소한의 수정 권장.
그 자체로 충분하다.
새로 서체를 만드는 경우 기존 서체를 활용하는 경우
② TYPEFACE, 과학적 방식으로 설명할 수 없는 미묘함
[주의] 전용 서체의
난발. 안 만들어도
되는데 굳이.

24. 예시 : BODONI
② TYPEFACE, 과학적 방식으로 설명할 수 없는 미묘함

25. 예시 : FUTURA
② TYPEFACE, 과학적 방식으로 설명할 수 없는 미묘함
/ 41
25
루이비통, 폭스바겐. 성격과 분야가 다른 기업이지만 둘 다 같은 서체를 사용.
-> 누구도 비슷하게 보거나 혼돈하지 않는다.

26. ③ COLORS, 같은 컬러, 다른 느낌
/ 41
26
브랜드 시각화할 때,
사람들의 시선을 가장 쉽고 강력하게
사로잡을 수 있는 방법 중 하나, 컬러.
✓먼저 인지되는 것, 색
✓직관적, 심리적 호소력 높아
✓브랜드 고유 컬러 지속적으로 노출
브랜드 이미지 강화에 효과적

27. 업종 달라도 같은 계열의 컬러 사용 기업 발견.
가장 많이 사용된 컬러 중 하나, 블루.
✓미묘한 차이. 기업 브랜드가 지향하는 컨셉, 전략 차이.
③ COLORS, 같은 컬러, 다른 느낌
/ 41
27
HP
KLEENEX
GOLDMAN
SACHS
IBM INTEL
GE
NOKIA
PANASONIC ALLIANZ
AXA
Meta
VOLKSWAGEN
SAMSUNG
VISA
CITY
HYUNDAI FORD GILLETTE
PEPSI
GAP

28. “… 넌 그 스웨터가 단순한 ‘블루’ 컬러가 아니란 건 모르는 것 같구나. 그런 터키블루가 아니라 정확
히는 셀루리언블루란 거야. 2002년에 오스카 드 렌타가 셀룰리언블루 가운을 발표했었지. 그 후에
이브 생 로랑이 군용 셀룰리언블루 재킷을 선보였었고 그 후 8명의 다른 디자이너들의 발표회에서
셀룰리언블루는 속속 등장하게 되지. 그런 후엔 백화점으로 내려갔고 끔찍한 캐주얼 코너로 넘어간
거지. 그렇지만 그 블루는 수많은 재화와 일자리를 창출했어. 좀 웃기지 않니? 패션계와는 상관없다
는 네가 사실은 패션계 사람들이 고른 색깔의 스웨터를 입고 있다는 게? 그것도 이런 ‘물건’들 사이
에서…”
-> 컬러가 수익 창출에 어떤 힘을 발휘하는지
-> 블루라는 카테고리 안에 얼마나 섬세하고 민감한 컬러들이 존재하는지 잘 설명해 준다.
/ 41
28 출처 : 영화 <악마는 프라다를 입는다> 中
③ COLORS, 같은 컬러, 다른 느낌

29. / 41
29
아이덴티티 작업을 할 때
단독 단독과 보조 컬러
③ COLORS, 같은 컬러, 다른 느낌
대표 컬러
반드시 그런 것은 아님
예 : 애플의 대표 컬러는?
그레이?
답하기 어렵다.

32. 룩, 크, 러, 유, 슬, 슬, …
네덜란드 = 오렌지
이유? 다른 국가와 차별화
✓오라녜 Oranje 가문
✓네덜란드만의 역사와 정체성
이 반영된 자연스러운 결과
③ COLORS, 같은 컬러, 다른 느낌
예시 : 네덜란드

33. / 41
33
④
4
th Element, ‘포스 Force’ 엘리먼트이다
로고, 서체, 컬러 못지않게 중요한 또 하나의 요소.
말 그대로 4번째 요소.
각 기업마다 커뮤니케이션 스타일 달라.
✓어디로 로고, 서체, 컬러만 사용
✓로고만 존재
✓좀 더 적극적으로 접근하기 위해
그 외 비주얼 요소를 만들기도
4th Element, 로고, 서체, 컬러를 제외한 모든 시각적 요소를 총칭함.
✓즉 그래픽 모티브, 패턴 등 해당

34. / 41
34
예시 : 아디다스 3선
④
4
th Element, ‘포스 Force’ 엘리먼트이다
✓루이비통 패턴
✓코카콜라 병 형태
✓푸마 라인
로고, 서체 이상으로 활용도가 높은
그래픽 요소로 리뉴얼 작업을 할때
유연성을 극대화시킨다.

35. / 41
35
요약
4가지 요소는
독립적 또는 같이 사용 되는데
그 바탕을 이루는 것이 디자인 시스템이다.
LOGO(TYPE)
COLORS
TYPEFACE
4th ELEMENTS
LOGIC = SYSTEM
LOGIC
LOGIC
LOGIC
DESIGN SYSTEM

36. 예시 : 브랜드 디자인
출처 : Plus X 웹사이트, Plus X Behance
앱 아이콘
로고
앱 스플래시 화면
/ 41
36

37. 메시지, 하나의 목소리
모든 소통의 공통 요소, 디자인 시스템
팀 과제 소개
슬랙 팀 방 만들기
/ 41
37

38. / 41
38
팀 과제 소개
특정 회사 브랜드 아이덴티티를 리디자인
✓로고를 중심으로 4가지 시스템을 구축한다.
Q. 기존 것이 나쁘지 않은데 왜, 항상 새로운 것만 원해?
A. 바꾸는 게 나쁜 것은 아니다. 바꾸는 이유가 타당해야 한다.
첫 번째 우리의 할 일, 리디자인할 브랜드를 선정합니다.
✓인지도가 있는 브랜드, 알려진 브랜드여야 한다.
✓알려지지 않았다면, 해당 시장 점유율 높은 브랜드여야 한다.
✓브랜드 디자인에 아쉬움이 있는 브랜드여야 한다
(왜? 너무 잘 한 것을 더 잘..?).

39. / 41
39
차추 팀 미팅 준비
1.리브랜딩 조건에 맞는 브랜드 리서치
범위 : 기업(B2C, B2B), 스타트업(유니콘 기업), 정부기관, 공공기관, 비영리단체 포함
예 : 도서관, 약국, …
2.3군데 후보군을 준비한다.
3.그냥 오지 마라. 발표라고 생각하고 PPT 자료를 가져온다.
-3군데 후보군으로 선정한 이유가 있을 것.
-각 후보 브랜드의 브랜드 상태와 팀 과제로 검토하는 이유로 구성한 내용을 기대한다.
-잊지 말자. 이것도 타이포그래피다.
-한 장에 3개 후보군 다 담아오면, 기말 발표에서 만나게 될 것이다.
4.3번 준비가 잘 되면, 저와 함께 팀 브랜드를 선정합니다.

40. / 41
40
제출 기한 : 차주 11월 22일 화요일 수업 첫 시간 전까지
A반 11:00 / B반 14:00까지
제출 방법 : 슬랙 팀 방에 제출합니다.
PPT 업로드
차추 팀 미팅 준비

41. 끝.
다음 주 과제 :
후보 회사 리서치 및 3개 후보군 미팅 준비 업로드.
/ 41
41
kwonjeongeun@naver.com