표제지
목차
국문초록 7
I. 서론 11
1. 연구목적 11
2. 연구방법 13
II. 웹 디자인 및 키네틱 타이포그래피의 이해 14
1. 웹 디자인의 이해 14
1.1. 웹의 개념 14
1.2. 웹 디자인의 특성 17
1.3. 웹 디자인 발전사 18
1.4. 웹 디자인 화면구성 22
1.5. 웹 디자인의 기능 25
2. 키네틱 타이포그래피의 이해 26
2.1. 키네틱 아트의 형성 26
2.2. 키네틱 타이포그래피의 역사적 고찰 29
2.3. 키네틱 타이포그래피의 개념 34
2.4. 키네틱 타이포그래피의 표현원리 35
2.5. 키네틱 타이포그래피의 특징 45
2.6. 키네틱 타이포그래피의 실제적 매체 사례 50
2.7. 웹 디자인에서 키네틱 타이포그래피의 표현 유형 53
III. 키네틱 타이포그래피의 표현분석 56
1. 조사분석 56
1.1. 조사대상 선정 56
1.2. 조사기준 선정 및 분석방법 57
2. 표현유형별 사례분석 59
2.1. 형태 중심적 표현 59
2.2. 기능중심적 요소의 표현 71
3 /2. 분석결과 및 제안 85
IV. 결론 86
참고문헌 87
Abstract 89
〈표1〉 웹 발전사 18
〈표2〉 준 언어학적 요소와 언어학적 요소 39
〈표3〉 형태 중심적 표현분석 -왜곡형 A 59
〈표4〉 형태 중심적 표현분석 -왜곡형 B 61
〈표5〉 형태 중심적 표현분석 -왜곡형 C 63
〈표6〉 형태 중심적 표현분석 -이미지형 A 65
〈표7〉 형태 중심적 표현분석 -이미지형 B 67
〈표8〉 형태 중심적 표현분석 -이미지형 C 69
〈표9〉 기능 중심적 표현분석 -내러티브형 A 71
〈표10〉 기능 중심적 표현분석 -내러티브형 B 73
〈표11〉 기능 중심적 표현분석 -내러티브형 C 75
〈표12〉 기능 중심적 표현분석 -내러티브형 D 77
〈표13〉 기능 중심적 표현분석 -다이나믹형 A 79
〈표14〉 기능 중심적 표현분석 -다이나믹형 B 81
〈표15〉 기능 중심적 표현 분석-다이나믹형 C 83
〈그림1〉 초창기 웹 디자인 19
〈그림2〉 다이나믹형 웹 페이지 21
〈그림3〉 http://www.esprit.com 22
〈그림4〉 http://www.chongga.com 23
〈그림5〉 http://www.samsungmuseum.org 24
〈그림6〉 루이스 캐롤 31
〈그림7〉 기욤 아폴리네르 32
〈그림8〉 필리포마리네티 32
〈그림9〉 쿠르트 슈비터스 32
〈그림10〉 엘 리시츠키 33
〈그림11〉 로베르 마셍 33
〈그림12〉 점의 구조와 키네틱 타이포그래피의 적용 35
〈그림13〉 선의 구조와 키네틱 타이포그래피의 적용 36
〈그림14〉 면의 구조와 키네틱 타이포그래피의 적용 36
〈그림15〉 부피의 구조와 키네틱 타이포그래피의 적용 37
〈그림16〉 억양의 다양한 감정 표현 38
〈그림17〉 크기의 다양한 감정 표현 39
〈그림18〉 근접의 다양한 감정 표현 40
〈그림19〉 그루핑의 표현사례 40
〈그림20〉 시간에 따른 음절의 회전표현 41
〈그림21〉 타이포그래피의 리듬 표현 42
〈그림22〉 타이포그래피의 왜곡 표현 43
〈그림23〉 선,형,심벌의 표현 43
〈그림24〉 영화 세븐의 오프닝 50
〈그림25〉 MTV의 오프닝 51
〈그림26〉 TIDE의 TV광고 52
〈그림27〉 http://www.warprecords.com 59
〈그림28〉 http://juxtinteractive. com 61
〈그림29〉 http://www.typographic.com 63
〈그림30〉 http://www-6.ibm.com/jp/design/smile 65
〈그림31〉 http://www.bemboszoo.com 67
〈그림32〉 http://www.phish.com/farmhouse 69
〈그림33〉 http://www. bornmagazine.org/projects/walking/main.html 71
〈그림34〉 http://www.subculturealliance.com/bommag/afterbody/core/hasFlash.html 73
〈그림35〉 http://www . bornmagazine.org/projects/flyingwithfear/ 75
〈그림36〉 http://www.bbcdmc.com 77
〈그림37〉 http://www.frost.com 79
〈그림38〉 http://www.firstbornmedia.com 81
〈그림39〉 http://www.eye4u.com 83