SlideShare a Scribd company logo
1 of 17
Download to read offline
HANYANG WOMEN’S UNIVERSITY 

INDUSTRIAL DESIGN LAB

TYPOGRAPHY
타이포그래피
kwonjeongeun@naver.com
4강
/ 17
1
타이포그래피의 표현 원리 1
복습
/ 17
2
디지털 타이포그래피
✓언어적 재료, 언어적 방식 불변
✓시력과 환경에 지배
흰색 종이 - 검은색 글씨
✓대문자 < 소문자
✓볼드 < 레귤러
✓산세리프 < 세리프
✓검은색 < 흰색 종이, 검은 글씨 선호
여백 - 글씨 관계 = 눈의 피로도 영향
가독성 좋은 고전 활자체 5가지
오늘 - 눈의 착시
타입의 착시와 시각 보정


준비 프로젝트 완성


토이 프로젝트 소개
/ 17
3
/ 39
4
눈의 착시
우리의 눈은 종종 참을 거짓으로 본다.
착시에는 여러 종류가 있지만
여기서는 타이포그래피와 관련된
기하학적 착시에 중점을 둔다.
/ 39
5
기하학적 착시
폰조 착시
Ponzo Illusion
포겐도르프 착시
Poggendorff Illusion
뮐러-리어의 착시
Muller-Lyer Illusion
/ 39
6
타입도 시각적 보정이 필요하다
145
145 145 145 145 145
보정한 결과
20 20 20 20
/ 39
7
타입도 시각적 보정이 필요하다
크기, 간격, 정렬 등 시각적 균질감을 보정한다.
뽀족한 정점, 곡선은 더 길게 연장한다.
ㅅ, A / o, C, O
/ 39
8
타입도 시각적 보정이 필요하다
3 8 B H X
Font : Helvetica Bold
위 글자를 뒤집어 놓은 것
3 8 B H X
3 8 B H X
3 8 B H X
/ 39
9
타입도 시각적 보정이 필요하다
Font : Helvetica Bold
상하 양분된 형태는 아래를 조금 더 크게 한다.
ㄹ, ㅌ / 8, 3 / E, H, X
/ 39
10
타입도 시각적 보정이 필요하다
V ㅈ
Font : Helvetica Bold(좌), Noto Sans CJK KR Bold(우)
획들이 서로 마주치는 교점은 다소 가늘게 한다.
ㅅ, ㅈ / n, r / 빼, 를
/ 39
11
타입도 시각적 보정이 필요하다
Y A G O C W S J
E X B S K H R 3 8
K Y M m r h p
Font : Futura Regular(상), Futura Bold(중, 하)
타입의 착시와 시각 보정


준비 프로젝트 완성


토이 프로젝트 소개


/ 17
12
타입의 시각 착시 보정을 생각하며
1.기름종이를 덧대어 그대로 그립니다. - 금일
2.제출 기한 : 차주 10월 4일 화요일 수업 첫 시간
상단 우측 연필로 기재 : 타이포그래피 A/B반 학번 이름
준비 프로젝트 완성
/ 17
13
Futura Medium / Helvetica Regular
타이포그래피 A반 00000000 홍길동 연필로 작성
2장 포개서
타입의 착시와 시각 보정


준비 프로젝트 완성


토이 프로젝트 소개
/ 17
14
/ 17
15
토이 프로젝트 소개
한 단어의 의미가 타이포그래피를 통하여 얼마나 강화될 수 있는지 확인
평가 기준 :
✓낱말의 의미를 강화/증진시키는 디자인
✓기발하고 미적인 기쁨을 주는 디자인
1.영어 단어 5개를 선택
2.그 단어의 크기, 배치, 위치, 사이 띄기, 각 글자 무게, 다양한 글꼴 조작 등
다양하게 함으로써 달라지는 표현상 특징을 탐구
✓다양한 폰트를 이용하는 것은 허용 O
✓폰트를 세공하는 것은 허용 O
✓단순히 단어를 반복한다 X
✓글자꼴을 가지고 그림을 만드는 것 X
✓색 X, 모노 톤 유지 O
/ 17
16
예시
끝.
다음 주 과제 :


준비 프로젝트 완료.


[중요] 다음 수업, PC(Ai 작업), 드로잉북(A
4
이상), 연필, 지우개.
/ 17
17
kwonjeongeun@naver.com

More Related Content

What's hot

2nd.lecture.design.for.icons
2nd.lecture.design.for.icons2nd.lecture.design.for.icons
2nd.lecture.design.for.iconsJeongeun Kwon
 
2nd.Lecture.Overview.of.Typography.pdf
2nd.Lecture.Overview.of.Typography.pdf2nd.Lecture.Overview.of.Typography.pdf
2nd.Lecture.Overview.of.Typography.pdfJeongeun Kwon
 
14th.Lecture.Final.PT.Guideline.pdf
14th.Lecture.Final.PT.Guideline.pdf14th.Lecture.Final.PT.Guideline.pdf
14th.Lecture.Final.PT.Guideline.pdfJeongeun Kwon
 
12th.Lecture.Design.for.Community.pdf
12th.Lecture.Design.for.Community.pdf12th.Lecture.Design.for.Community.pdf
12th.Lecture.Design.for.Community.pdfJeongeun Kwon
 
5th.Lecture.Design.for.Business.pdf
5th.Lecture.Design.for.Business.pdf5th.Lecture.Design.for.Business.pdf
5th.Lecture.Design.for.Business.pdfJeongeun Kwon
 
13th.Design.for.AI.Lecture.pdf
13th.Design.for.AI.Lecture.pdf13th.Design.for.AI.Lecture.pdf
13th.Design.for.AI.Lecture.pdfJeongeun Kwon
 
10th.Lecture.Design.for. Introspection.pdf
10th.Lecture.Design.for. Introspection.pdf10th.Lecture.Design.for. Introspection.pdf
10th.Lecture.Design.for. Introspection.pdfJeongeun Kwon
 
4th.Lecture.Design.for.Function.pdf
4th.Lecture.Design.for.Function.pdf4th.Lecture.Design.for.Function.pdf
4th.Lecture.Design.for.Function.pdfJeongeun Kwon
 
3rd.Lecture.The.Basic.Principles.of.Typography.pdf
3rd.Lecture.The.Basic.Principles.of.Typography.pdf3rd.Lecture.The.Basic.Principles.of.Typography.pdf
3rd.Lecture.The.Basic.Principles.of.Typography.pdfJeongeun Kwon
 
1st.Lecture.Introduction - H - Typo.pdf
1st.Lecture.Introduction - H - Typo.pdf1st.Lecture.Introduction - H - Typo.pdf
1st.Lecture.Introduction - H - Typo.pdfJeongeun Kwon
 
3rd.Lecture.Design.for.Communication.pdf
3rd.Lecture.Design.for.Communication.pdf3rd.Lecture.Design.for.Communication.pdf
3rd.Lecture.Design.for.Communication.pdfJeongeun Kwon
 
13th.Lecture.Step4.Ideation2.pdf
13th.Lecture.Step4.Ideation2.pdf13th.Lecture.Step4.Ideation2.pdf
13th.Lecture.Step4.Ideation2.pdfJeongeun Kwon
 
2nd.lecture.who.i.am.as.a.designer
2nd.lecture.who.i.am.as.a.designer2nd.lecture.who.i.am.as.a.designer
2nd.lecture.who.i.am.as.a.designerJeongeun Kwon
 
8th.Lecture.Step3.Analysis.pdf
8th.Lecture.Step3.Analysis.pdf8th.Lecture.Step3.Analysis.pdf
8th.Lecture.Step3.Analysis.pdfJeongeun Kwon
 
11th.Lecture.Step3.AnalysisUX.Modeling.pdf
11th.Lecture.Step3.AnalysisUX.Modeling.pdf11th.Lecture.Step3.AnalysisUX.Modeling.pdf
11th.Lecture.Step3.AnalysisUX.Modeling.pdfJeongeun Kwon
 
12th.Lecture.Step4.Ideation.pdf
12th.Lecture.Step4.Ideation.pdf12th.Lecture.Step4.Ideation.pdf
12th.Lecture.Step4.Ideation.pdfJeongeun Kwon
 
4th.Lecture.Service.Design.Process.pdf
4th.Lecture.Service.Design.Process.pdf4th.Lecture.Service.Design.Process.pdf
4th.Lecture.Service.Design.Process.pdfJeongeun Kwon
 
14th.Lecture.Final.PT.Guideline.pdf
14th.Lecture.Final.PT.Guideline.pdf14th.Lecture.Final.PT.Guideline.pdf
14th.Lecture.Final.PT.Guideline.pdfJeongeun Kwon
 
1st.Lecture.Introduction.pdf
1st.Lecture.Introduction.pdf1st.Lecture.Introduction.pdf
1st.Lecture.Introduction.pdfJeongeun Kwon
 
6th.Lecture.Personal.Assignment.Guideline.pdf
6th.Lecture.Personal.Assignment.Guideline.pdf6th.Lecture.Personal.Assignment.Guideline.pdf
6th.Lecture.Personal.Assignment.Guideline.pdfJeongeun Kwon
 

What's hot (20)

2nd.lecture.design.for.icons
2nd.lecture.design.for.icons2nd.lecture.design.for.icons
2nd.lecture.design.for.icons
 
2nd.Lecture.Overview.of.Typography.pdf
2nd.Lecture.Overview.of.Typography.pdf2nd.Lecture.Overview.of.Typography.pdf
2nd.Lecture.Overview.of.Typography.pdf
 
14th.Lecture.Final.PT.Guideline.pdf
14th.Lecture.Final.PT.Guideline.pdf14th.Lecture.Final.PT.Guideline.pdf
14th.Lecture.Final.PT.Guideline.pdf
 
12th.Lecture.Design.for.Community.pdf
12th.Lecture.Design.for.Community.pdf12th.Lecture.Design.for.Community.pdf
12th.Lecture.Design.for.Community.pdf
 
5th.Lecture.Design.for.Business.pdf
5th.Lecture.Design.for.Business.pdf5th.Lecture.Design.for.Business.pdf
5th.Lecture.Design.for.Business.pdf
 
13th.Design.for.AI.Lecture.pdf
13th.Design.for.AI.Lecture.pdf13th.Design.for.AI.Lecture.pdf
13th.Design.for.AI.Lecture.pdf
 
10th.Lecture.Design.for. Introspection.pdf
10th.Lecture.Design.for. Introspection.pdf10th.Lecture.Design.for. Introspection.pdf
10th.Lecture.Design.for. Introspection.pdf
 
4th.Lecture.Design.for.Function.pdf
4th.Lecture.Design.for.Function.pdf4th.Lecture.Design.for.Function.pdf
4th.Lecture.Design.for.Function.pdf
 
3rd.Lecture.The.Basic.Principles.of.Typography.pdf
3rd.Lecture.The.Basic.Principles.of.Typography.pdf3rd.Lecture.The.Basic.Principles.of.Typography.pdf
3rd.Lecture.The.Basic.Principles.of.Typography.pdf
 
1st.Lecture.Introduction - H - Typo.pdf
1st.Lecture.Introduction - H - Typo.pdf1st.Lecture.Introduction - H - Typo.pdf
1st.Lecture.Introduction - H - Typo.pdf
 
3rd.Lecture.Design.for.Communication.pdf
3rd.Lecture.Design.for.Communication.pdf3rd.Lecture.Design.for.Communication.pdf
3rd.Lecture.Design.for.Communication.pdf
 
13th.Lecture.Step4.Ideation2.pdf
13th.Lecture.Step4.Ideation2.pdf13th.Lecture.Step4.Ideation2.pdf
13th.Lecture.Step4.Ideation2.pdf
 
2nd.lecture.who.i.am.as.a.designer
2nd.lecture.who.i.am.as.a.designer2nd.lecture.who.i.am.as.a.designer
2nd.lecture.who.i.am.as.a.designer
 
8th.Lecture.Step3.Analysis.pdf
8th.Lecture.Step3.Analysis.pdf8th.Lecture.Step3.Analysis.pdf
8th.Lecture.Step3.Analysis.pdf
 
11th.Lecture.Step3.AnalysisUX.Modeling.pdf
11th.Lecture.Step3.AnalysisUX.Modeling.pdf11th.Lecture.Step3.AnalysisUX.Modeling.pdf
11th.Lecture.Step3.AnalysisUX.Modeling.pdf
 
12th.Lecture.Step4.Ideation.pdf
12th.Lecture.Step4.Ideation.pdf12th.Lecture.Step4.Ideation.pdf
12th.Lecture.Step4.Ideation.pdf
 
4th.Lecture.Service.Design.Process.pdf
4th.Lecture.Service.Design.Process.pdf4th.Lecture.Service.Design.Process.pdf
4th.Lecture.Service.Design.Process.pdf
 
14th.Lecture.Final.PT.Guideline.pdf
14th.Lecture.Final.PT.Guideline.pdf14th.Lecture.Final.PT.Guideline.pdf
14th.Lecture.Final.PT.Guideline.pdf
 
1st.Lecture.Introduction.pdf
1st.Lecture.Introduction.pdf1st.Lecture.Introduction.pdf
1st.Lecture.Introduction.pdf
 
6th.Lecture.Personal.Assignment.Guideline.pdf
6th.Lecture.Personal.Assignment.Guideline.pdf6th.Lecture.Personal.Assignment.Guideline.pdf
6th.Lecture.Personal.Assignment.Guideline.pdf
 

More from Jeongeun Kwon

DT_7th.Lecture.Design.for.5000.KWN.Workshop.pdf
DT_7th.Lecture.Design.for.5000.KWN.Workshop.pdfDT_7th.Lecture.Design.for.5000.KWN.Workshop.pdf
DT_7th.Lecture.Design.for.5000.KWN.Workshop.pdfJeongeun Kwon
 
DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료
DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료
DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료Jeongeun Kwon
 
DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료
DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료
DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료Jeongeun Kwon
 
DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료
DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료
DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료Jeongeun Kwon
 
DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료
DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료
DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료Jeongeun Kwon
 
DesignThinking_2nd.Lecture.Warm-Up.pdf 자료
DesignThinking_2nd.Lecture.Warm-Up.pdf 자료DesignThinking_2nd.Lecture.Warm-Up.pdf 자료
DesignThinking_2nd.Lecture.Warm-Up.pdf 자료Jeongeun Kwon
 
DesignThinking_1st.Lecture.Introduction.pdf 자료
DesignThinking_1st.Lecture.Introduction.pdf 자료DesignThinking_1st.Lecture.Introduction.pdf 자료
DesignThinking_1st.Lecture.Introduction.pdf 자료Jeongeun Kwon
 
14th.Lecture.Final.Assignment.Guideline.pdf
14th.Lecture.Final.Assignment.Guideline.pdf14th.Lecture.Final.Assignment.Guideline.pdf
14th.Lecture.Final.Assignment.Guideline.pdfJeongeun Kwon
 
13th.Lecture.Prototyping.and.Usability.Test.pdf
13th.Lecture.Prototyping.and.Usability.Test.pdf13th.Lecture.Prototyping.and.Usability.Test.pdf
13th.Lecture.Prototyping.and.Usability.Test.pdfJeongeun Kwon
 
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdfJeongeun Kwon
 
6th.Lecture.Personal.Assignment.Guideline.pdf
6th.Lecture.Personal.Assignment.Guideline.pdf6th.Lecture.Personal.Assignment.Guideline.pdf
6th.Lecture.Personal.Assignment.Guideline.pdfJeongeun Kwon
 
5th.Lecture.What.is.Information.Architecture.pdf
5th.Lecture.What.is.Information.Architecture.pdf5th.Lecture.What.is.Information.Architecture.pdf
5th.Lecture.What.is.Information.Architecture.pdfJeongeun Kwon
 
4th.Lecture.Service.Design.Process.pdf
4th.Lecture.Service.Design.Process.pdf4th.Lecture.Service.Design.Process.pdf
4th.Lecture.Service.Design.Process.pdfJeongeun Kwon
 
3rd.Lecture.What.is.Interaction.pdf
3rd.Lecture.What.is.Interaction.pdf3rd.Lecture.What.is.Interaction.pdf
3rd.Lecture.What.is.Interaction.pdfJeongeun Kwon
 
2nd.Lecture.What.is.Interface.pdf
2nd.Lecture.What.is.Interface.pdf2nd.Lecture.What.is.Interface.pdf
2nd.Lecture.What.is.Interface.pdfJeongeun Kwon
 
1st.Lecture.Introduction.pdf
1st.Lecture.Introduction.pdf1st.Lecture.Introduction.pdf
1st.Lecture.Introduction.pdfJeongeun Kwon
 
14th.Lecture.Final.PT.Guideline.pdf
14th.Lecture.Final.PT.Guideline.pdf14th.Lecture.Final.PT.Guideline.pdf
14th.Lecture.Final.PT.Guideline.pdfJeongeun Kwon
 
12th.Lecture.Step3.AnalysisUX.Modeling_2_JourneyMap.pdf
12th.Lecture.Step3.AnalysisUX.Modeling_2_JourneyMap.pdf12th.Lecture.Step3.AnalysisUX.Modeling_2_JourneyMap.pdf
12th.Lecture.Step3.AnalysisUX.Modeling_2_JourneyMap.pdfJeongeun Kwon
 
11th.Lecture.Step3.AnalysisUX.Modeling_1_Persona.pdf
11th.Lecture.Step3.AnalysisUX.Modeling_1_Persona.pdf11th.Lecture.Step3.AnalysisUX.Modeling_1_Persona.pdf
11th.Lecture.Step3.AnalysisUX.Modeling_1_Persona.pdfJeongeun Kwon
 
8th.Lecture.Step3.Analysis.pdf
8th.Lecture.Step3.Analysis.pdf8th.Lecture.Step3.Analysis.pdf
8th.Lecture.Step3.Analysis.pdfJeongeun Kwon
 

More from Jeongeun Kwon (20)

DT_7th.Lecture.Design.for.5000.KWN.Workshop.pdf
DT_7th.Lecture.Design.for.5000.KWN.Workshop.pdfDT_7th.Lecture.Design.for.5000.KWN.Workshop.pdf
DT_7th.Lecture.Design.for.5000.KWN.Workshop.pdf
 
DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료
DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료
DesignThinking_6th.Lecture.Shape.Mix.Workshop.Part.2.pdf 자료
 
DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료
DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료
DesignThinking_5th.Lecture.Shape.Mix.Workshop.Part.1.pdf 자료
 
DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료
DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료
DesignThinking_4th.Lecture.Scale.Mix.Workshop.pdf 자료
 
DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료
DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료
DesignThinking_3rd.Lecture.Context.Mix.Workshop.pdf 자료
 
DesignThinking_2nd.Lecture.Warm-Up.pdf 자료
DesignThinking_2nd.Lecture.Warm-Up.pdf 자료DesignThinking_2nd.Lecture.Warm-Up.pdf 자료
DesignThinking_2nd.Lecture.Warm-Up.pdf 자료
 
DesignThinking_1st.Lecture.Introduction.pdf 자료
DesignThinking_1st.Lecture.Introduction.pdf 자료DesignThinking_1st.Lecture.Introduction.pdf 자료
DesignThinking_1st.Lecture.Introduction.pdf 자료
 
14th.Lecture.Final.Assignment.Guideline.pdf
14th.Lecture.Final.Assignment.Guideline.pdf14th.Lecture.Final.Assignment.Guideline.pdf
14th.Lecture.Final.Assignment.Guideline.pdf
 
13th.Lecture.Prototyping.and.Usability.Test.pdf
13th.Lecture.Prototyping.and.Usability.Test.pdf13th.Lecture.Prototyping.and.Usability.Test.pdf
13th.Lecture.Prototyping.and.Usability.Test.pdf
 
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
7th.Lecture.UI.Design.and.Middle.Team.Assignment.Guideline.pdf
 
6th.Lecture.Personal.Assignment.Guideline.pdf
6th.Lecture.Personal.Assignment.Guideline.pdf6th.Lecture.Personal.Assignment.Guideline.pdf
6th.Lecture.Personal.Assignment.Guideline.pdf
 
5th.Lecture.What.is.Information.Architecture.pdf
5th.Lecture.What.is.Information.Architecture.pdf5th.Lecture.What.is.Information.Architecture.pdf
5th.Lecture.What.is.Information.Architecture.pdf
 
4th.Lecture.Service.Design.Process.pdf
4th.Lecture.Service.Design.Process.pdf4th.Lecture.Service.Design.Process.pdf
4th.Lecture.Service.Design.Process.pdf
 
3rd.Lecture.What.is.Interaction.pdf
3rd.Lecture.What.is.Interaction.pdf3rd.Lecture.What.is.Interaction.pdf
3rd.Lecture.What.is.Interaction.pdf
 
2nd.Lecture.What.is.Interface.pdf
2nd.Lecture.What.is.Interface.pdf2nd.Lecture.What.is.Interface.pdf
2nd.Lecture.What.is.Interface.pdf
 
1st.Lecture.Introduction.pdf
1st.Lecture.Introduction.pdf1st.Lecture.Introduction.pdf
1st.Lecture.Introduction.pdf
 
14th.Lecture.Final.PT.Guideline.pdf
14th.Lecture.Final.PT.Guideline.pdf14th.Lecture.Final.PT.Guideline.pdf
14th.Lecture.Final.PT.Guideline.pdf
 
12th.Lecture.Step3.AnalysisUX.Modeling_2_JourneyMap.pdf
12th.Lecture.Step3.AnalysisUX.Modeling_2_JourneyMap.pdf12th.Lecture.Step3.AnalysisUX.Modeling_2_JourneyMap.pdf
12th.Lecture.Step3.AnalysisUX.Modeling_2_JourneyMap.pdf
 
11th.Lecture.Step3.AnalysisUX.Modeling_1_Persona.pdf
11th.Lecture.Step3.AnalysisUX.Modeling_1_Persona.pdf11th.Lecture.Step3.AnalysisUX.Modeling_1_Persona.pdf
11th.Lecture.Step3.AnalysisUX.Modeling_1_Persona.pdf
 
8th.Lecture.Step3.Analysis.pdf
8th.Lecture.Step3.Analysis.pdf8th.Lecture.Step3.Analysis.pdf
8th.Lecture.Step3.Analysis.pdf
 

4th.Lecture.The.Visual.Principles.of.Typhography.pdf

  • 1. HANYANG WOMEN’S UNIVERSITY  INDUSTRIAL DESIGN LAB TYPOGRAPHY 타이포그래피 kwonjeongeun@naver.com 4강 / 17 1 타이포그래피의 표현 원리 1
  • 2. 복습 / 17 2 디지털 타이포그래피 ✓언어적 재료, 언어적 방식 불변 ✓시력과 환경에 지배 흰색 종이 - 검은색 글씨 ✓대문자 < 소문자 ✓볼드 < 레귤러 ✓산세리프 < 세리프 ✓검은색 < 흰색 종이, 검은 글씨 선호 여백 - 글씨 관계 = 눈의 피로도 영향 가독성 좋은 고전 활자체 5가지 오늘 - 눈의 착시
  • 3. 타입의 착시와 시각 보정 준비 프로젝트 완성 토이 프로젝트 소개 / 17 3
  • 4. / 39 4 눈의 착시 우리의 눈은 종종 참을 거짓으로 본다. 착시에는 여러 종류가 있지만 여기서는 타이포그래피와 관련된 기하학적 착시에 중점을 둔다.
  • 5. / 39 5 기하학적 착시 폰조 착시 Ponzo Illusion 포겐도르프 착시 Poggendorff Illusion 뮐러-리어의 착시 Muller-Lyer Illusion
  • 6. / 39 6 타입도 시각적 보정이 필요하다 145 145 145 145 145 145 보정한 결과 20 20 20 20
  • 7. / 39 7 타입도 시각적 보정이 필요하다 크기, 간격, 정렬 등 시각적 균질감을 보정한다. 뽀족한 정점, 곡선은 더 길게 연장한다. ㅅ, A / o, C, O
  • 8. / 39 8 타입도 시각적 보정이 필요하다 3 8 B H X Font : Helvetica Bold 위 글자를 뒤집어 놓은 것 3 8 B H X
  • 9. 3 8 B H X 3 8 B H X / 39 9 타입도 시각적 보정이 필요하다 Font : Helvetica Bold 상하 양분된 형태는 아래를 조금 더 크게 한다. ㄹ, ㅌ / 8, 3 / E, H, X
  • 10. / 39 10 타입도 시각적 보정이 필요하다 V ㅈ Font : Helvetica Bold(좌), Noto Sans CJK KR Bold(우) 획들이 서로 마주치는 교점은 다소 가늘게 한다. ㅅ, ㅈ / n, r / 빼, 를
  • 11. / 39 11 타입도 시각적 보정이 필요하다 Y A G O C W S J E X B S K H R 3 8 K Y M m r h p Font : Futura Regular(상), Futura Bold(중, 하)
  • 12. 타입의 착시와 시각 보정 준비 프로젝트 완성 토이 프로젝트 소개 / 17 12
  • 13. 타입의 시각 착시 보정을 생각하며 1.기름종이를 덧대어 그대로 그립니다. - 금일 2.제출 기한 : 차주 10월 4일 화요일 수업 첫 시간 상단 우측 연필로 기재 : 타이포그래피 A/B반 학번 이름 준비 프로젝트 완성 / 17 13 Futura Medium / Helvetica Regular 타이포그래피 A반 00000000 홍길동 연필로 작성 2장 포개서
  • 14. 타입의 착시와 시각 보정 준비 프로젝트 완성 토이 프로젝트 소개 / 17 14
  • 15. / 17 15 토이 프로젝트 소개 한 단어의 의미가 타이포그래피를 통하여 얼마나 강화될 수 있는지 확인 평가 기준 : ✓낱말의 의미를 강화/증진시키는 디자인 ✓기발하고 미적인 기쁨을 주는 디자인 1.영어 단어 5개를 선택 2.그 단어의 크기, 배치, 위치, 사이 띄기, 각 글자 무게, 다양한 글꼴 조작 등 다양하게 함으로써 달라지는 표현상 특징을 탐구 ✓다양한 폰트를 이용하는 것은 허용 O ✓폰트를 세공하는 것은 허용 O ✓단순히 단어를 반복한다 X ✓글자꼴을 가지고 그림을 만드는 것 X ✓색 X, 모노 톤 유지 O
  • 17. 끝. 다음 주 과제 : 준비 프로젝트 완료. [중요] 다음 수업, PC(Ai 작업), 드로잉북(A 4 이상), 연필, 지우개. / 17 17 kwonjeongeun@naver.com