디자인적 표현확장으로서 인터랙티브 디지털 타이포그라피에 대한 연구 : Java Applet을 이용한 타이포그라피 표현을 중심으로 = Study on interactive digital typography as an extension of design expression : centered on typography expression using Java Applet

국문 초록 (Abstract)

산업혁명 이후 기술의 발전은 사회변화에 커다란 영향을 미쳐왔다. 20세기 인 류가 체험하는 것 중 가장 혁명적 변화는 미디어에 의한 것으로 이러한 변화를 이 끄는 새로운 미디어 기술은 디지털에 의한 것이었다. 이것은 문화의 근본을 뒤흔든 근본적 혁명이었으며, 인간의 소통방식 자체를 변화시킨 중대한 화두이기도 하다. 디지털미디어는 타이포그라피 표현을 한층 더 시각적, 언어적 형태로 변모시킴으로 써 본질적인 인간커뮤니케이션이 가능한 새로운 표현 공간으로 부각되고 있다. 타이포그라피에 있어서도 표현 영역과 커뮤니케이션의 확장을 가져온 것이다.
20세기 초 타이포그라피는 과학기술 발달에 따른 변화와 다른 예술장르와의 교류 인쇄기술의 발전 새로운 가치관 등과 맞물려 언어적 성격의 기호에서 상징적 성격의 기호로 변화한 글자를 새로운 표현매체로 재인식하게 되었다. 이 당시의 새로운 의미의 타이포그라피는 기존 조판체제에 대한 해체적인 태도와 함께 활자의 형태와 공간을 중요한 조형적 표현 요소로 삼아 실험성을 추구하게 되는데, 이와같은 타이포그라피의 실험은 금속활자로 인해 결정화된 타입이 공간에 대응되면서 추상적 형태를 가진 이미지로써의 조형성 문제로 확장된 것으로 볼 수 있다. 전통적 개념의 타이포그라피가 각각의 의미를 지닌 글자 기호로 된 단어의 병렬연결로써 하나의 큰 기호체를 만드는 것이 주된 기능이었다면. 20세기 초 실험적 타이포그라피는 새로운 시각·언어적 표현으로, 현대 타이포그라피의 표현 영역을 넓혔던 것 이다.
즉 새로운 표현 공간으로 부각되고 있는 디지털미디어는 20세기 초 실험적 타이포그라피에서 보여졌던 시각·언어적 표현들을 바탕으로 새로운 표현공간 - 디지털 미디어의 가상공간 - 에서 기존의 배열법칙을 뛰어넘는 순수 미학적 측면에 서의 방법론으로써 인터랙티브 디지털 타이포그라피가 제시되고 있는 것이다.
이러한 배경에서 본 연구는 타이포그라피의 기술적 배경인 미디어적 환경변화 와 그에 따른 구현방법, 그리고 디자인적 표현양상을 통해 인터랙티브 디지털 타이 포그라피의 의미와 특징 그리고 앞으로의 발전 가능성에 대해 조망해 보고자 했다.
[제1장]에서는 먼저 미디어 발달에 따른 타이포그라피의 변화와 개념의 확장 을 설명하기 위해 타이포그라피의 기본개념과 문자 발명 이후 인쇄미디어에서 디지털미디어 시대로 타이포그라피 흐름과 커뮤니케이션 패러다임의 변화에 대해 정리함으로써, 역사적 맥락에서 그리고 현대 타이포그라피의 확장된 표현영역으로써 인터랙티브 디지털 타이포그라피의 위치를 정리하였다.
[제2장]에서는 인터랙티브 디지털 타이포그라피의 개념과 특징을 인쇄미디어 에서의 타이포그라피 개념과 디자인원리에 대입하여 설명하는 것으로 공통된 요소를 찾았으며 기존 타이포그라피와의 차별성을 새로운 디지털미디어의 속성과 관련 지어 설명함으로써 발견해 냈다. 곧 인터랙티브 디지털 타이포그라피는 디자인적 표현과 관련이 깊은 미디어가 인쇄된 지면에서 네트워크로 연결된 컴퓨터의 모니터라는 가상공간으로 변화된 것으로, 새롭게 추가된 인더랙견 개념으로 인쇄미디어 나 영상미디어와는 달라진 독자의 참여와 조절이 가능한 움직임을 갖게 된 것으로 특성이 정리된다.
이러한 인터랙티브 디지털 타이포그라피에 대한 적극적인 실험은 90년대 후반 존 마에다(John Maeda)에 의해 주도적으로 진행되었던 것으로 [제3장]에서는 인터랙티브 디지털타이포그라피 표현을 존 마에다(John Maed에의 도구로써 컴퓨터 프로그래밍에 대한 생각과 이를 이용한 여러 디자인적 실험을 살펴봄으로써 새로운 공간에서 새로운 디자인적 표현을 이끌어내는 도구로써의 가능성을 다루었다. 구체적으로 존 마에다의 직접적 영향을 받은 자바 애플릿(lava Aapplet)을 이 용한 디자인적(타이포그라피적) 표현과 다른 멀티미디어 저작 도구를 이용한 표현 을 사례를 [제4장]에서 살펴봄으로써, 존 마에다가 강조하고 있는 컴퓨터 프로그래밍의 필요성을 재정리하며 지금의 인터랙티브 디지털 타이포그라피 표현의 가능성 과 개선점에 대해 논의하였다.
본 논문의 목적은 아날로그 인쇄미디어에서의 타이포그라피를 인터랙티브 디지털 타이포그라피가 압도할 수 있다는 가능성을 부각시키려는 것이 아니다. 인쇄 된 지면 위에서의 타이포그라피는 그 자체로서 매력을 갖고 표현되어질 것이며 인터랙티브 디지털 타이포그라피가 갖고 있는 장점을 취합하여 표현을 넓혀나갈 수도 있을 것이다. 반대로 인터랙티브 디지털 타이포그라피는 과거에도 그래왔듯 인쇄에 서의 타이포그라피로부터 디자인표현에 대한 노하우를 얻을 수 있을 것이다. 인터랙티브 디지털 타이포그라피에서 기존의 타이포그라피보다 독창적인 표현은 디지 털미디어의 특성을 부각시키는 표현들로, 이러한 표현은 미디어에 대한 충분한 이해를 통해 얻어질 수 있을 것이다. 본 논문에서는 미디어 이해에 대한 방법, 메시지·정보를 효과적으로 시각화하여 전달할 수 있는 방법으로 컴퓨터 프로그래밍- 자바 -을 도구로 한 디자인적 표현 확장으로써 인터랙티브 디지털 타이포그라피를 제안하며, 본 연구를 통해 디자이너들이 프로그래밍을 디자인표현의 도구로 적극 인식하고 다룰 수 있는 계기를 갖길 바란다.
미디어 기술의 절대적 속성은 늘 가변적이었으며 잠재적인 '가능성'으로 역할) 을 한다. 동일한 기술이라도 사용 목적에 따라 매우 상이한 모습을 나타내며 이러한 잠재적 가능성은 인간의 꿈·이상, 그것을 실현하기 위한 의지에 따라 현실적으로 어떤 구체화된 형태로 나타나게 되는 것이다.

다국어 초록 (Multilingual Abstract)

The progress of technology after the industrial revolution has exerted significant impact on the social transformation. Among the changes experienced by the humankind during the 20th Century is the media initiated revolutionary change. The new media technology that leads these changes is based on digital. These changes are part of the revolution that shakes up the very foundation of the culture, and they are important issues that changed the communication method of the human beings. Digital media changed the typography expression into a more visual and language form. As such, it is highlighted as a space for new expression that enables fundamental human communication. Now, the domain of expression and the communications have expanded when it comes to typography.
At the beginning of the 20th Century, typography newly perceived the letters as a new medium of expression since they were transformed from symbols with language characteristic into symbols with symbolic characteristic in accordance to changes resulting from the progress of science and technology, interactions with other artistic genres, progress of printing technology, new value systems etc. The new meaning of typography of this time pursues experimentalism by having the form and space of printing type as an important element of formative expression along with dismantling attitude on the existing composition system. This type of typographical experiment expands into a formation issue as an image that has abstract form and which corresponds to the type crystallized by metallic printing type. If the main function of the traditional concept of typography was to make a bigger, single symbol by arranging words made of letter symbols, each with their own significance, the experimental topography at the beginning of the 20th Century expanded the expression domain of modern topography through new visual and language expression. That is, the digital media, highlighted as a space of new expression, suggests interactive digital typography as a methodology from purely aesthetical aspect that surpasses the existing arrangement law into new expression space-virtual space of digital media-based on the visual and language expressions that were shown in the experimental topography at the beginning of the 20th Century.
Against these backgrounds, this research addresses transformation in the media environment, which is the technological background of typography, ensuing materialization method, significance and characteristics of interactive digital typography through design type of expression aspect, and the future growth possibility.
[Chapter 1] organizes the flow of the typography and transformation of communication paradigm from the time its basic concept and letter were invented into the printing media and then again to digital media in order to explain the transformation of typography, following media development, and the expansion of its concept. As such, this paper organizes the position of interactive digital typography from its historical point of view and as a modern typography's expanded domain of expression.
[Chapter 2] found the common elements of the characteristics and concept of interactive digital typography by substituting the typographical concept within the printing media with its design principle. As such, it discovered the differentiating factor with existing typography by explaining it by relating it with the attributes of the new digital media. That is, interactive digital typography is a result of transforming media, which is closely related to the design type of expression, from printed paper surface to a virtual space, which is called the monitor of computer that is linked through networking. It is a newly added interactive concept that is different from the printing media and image media in the sense that it is characterized by movement, which enables participation and manipulation by the views.
Active experiment regarding this type of interactive digital typography was initiated by John Maeda during the latter half of 1990s. [Chapter 3] examines thoughts on computer programming-as a tool of John Maeda when it is seen as interactive digital typography expression-and various design type of experiments. As such, the possibility of using it as the tool for bringing out the new design type of expression into the new space is addressed. By examining the design type of (typographical) expression, which uses the Java Applet that has been directed affected by John Maeda, and case of expression that uses other multimedia authoring tool in [Chapter 4] in more detail, the paper re-organizes the necessity of computer programming that is emphasized by John Maeda, and makes an argument on the possibilities of present interactive digital typography expression and improvement areas.
The purpose of this paper is not to highlight the possibility that interactive digital typography can overwhelm the typography of analog printing media. Typography on the printed paper surface will retain its own attractiveness and will be expressed as such. And it will be possible to expand the ability to express by leveraging the advantages of interactive digital typography. On the contrary, as is true in the case of interactive digital typography, it would be possible to gain know-how on the post-design expression from the typography of printing. Compared to existing typography, more unique expressions of the interactive digital typography are the expressions that highlight the characteristics of the digital media. These expressions can be gained through sufficient understanding of the media. This paper suggests computer programming-Java-as a method for effectively communicating the method, message and information regarding comprehension of media via visual means. Hopefully, the designers will consider programming as a tool for expression through this research.
The absolute attributes of media technology were always variable, and they act as latent 'possibility'. Even comparable technologies manifest different forms depending on the purpose of their usage. These latent possibilities manifest in real, detailed forms depending on the human beings' dream, ideal and willingness to realize these.

목차 (Table of Contents)

• 목차
• 국문요지
• 서론 = 1
• 1. 연구 배경 및 목적 = 1
• 2. 연구 내용 = 5
• 3. 연구 방법 및 논문의 구성 = 6
• 1. 예비적 고찰 : 미디어 발달에 따른 타이포그라피의 확장 = 9
• 1.1. 미디어 테크놀로지와 타이포그라피의 관계 = 9
• 1.1.1. 타이포그라피의 개념 = 9
• 1.1.2. 미디어 기술과 타이포그라피 = 12
• 1.1.3. 움직이는 글자 = 26
• 1.2. 인터랙티브 디지털 타이포그라피의 형성 배경 = 29
• 1.2.1. 20세기 초 실험적 타이포그라피 = 29
• 1.2.2. 움직이는 글자 = 32
• 1.2.3. 구체시대로부터 디지털시대의 타이포그라피 = 35
• 2. 인터랙티브 디지털 타이포그라피의 이해 = 42
• 2.1. 인터랙티브 디지털 타이포그라피의 개념 = 42
• 2.1.1. 현대 타이포그라피의 특징 = 43
• 2.1.2. 인터랙티브 디지털 타이포그래피의 기본요소와 디자인 원리 = 47
• 2.2. 인터랙티브 디지털 타이포그라피의 특성 = 52
• 2.2.1. 가상공간 = 52
• 2.2.2. 인터랙션 = 56
• 2.2.3. 움직임 = 60
• 3. 자바 애플릿을 이용한 인터랙티브 디지털 타이포그라피 실험 = 69
• 3.1. 존 마에다(john maeda)의 타이포그라피 특징 = 69
• 3.1.1. reactive
• kinetic type
• network = 70
• 3.1.2. Design by numbers = 74
• 1) 컴퓨터 프로그래밍(computer programming) = 74
• 2) DBN(Design By Numbers) = 77
• 3.2. 자바 애플릿을 이용한 인터랙티브 디지털 타이포그라피 구현 = 79
• 3.2.1. 자바(Java) = 79
• 3.2.2. 인터랙티브 디지털 타이포그라피의 구현 [사례 분석] [존 마에다의 자바캘린더 를 중심으로] = 87
• 1) 자바 캘린더 cosmos = 87
• 2) 수학적 알고리즘의 이용 = 91
• 3.3. 존 마에다(John Maeda)의 영향 = 95
• 3.3.1. 벤자민 프라이(Benjamin Fry) = 95
• 3.3.2. 피터 조(Peter Cho) = 98
• 3.3.3. 골란 레빈(Golan Levin) = 101
• 3.3.4. 마크 내피어(Mark Napier) = 102
• 3.3.5. 멀티미디어 저작도구를 이용한 실험들 = 104
• 4. 인터랙티브 디지털 타이포그라피의 의미와 전망 = 109
• 4.1. 인터랙티브 디지털 타이포그라피의 의미 = 110
• 4.2. 인터랙티브 디지털 타이포그라피의 개선점 = 112
• 4.3. 인터랙티브 디지털 타이포그라피의 전망 = 115
• 5. 결론 = 117
• 참고 문헌 = 121
• 그림 목록 = 126
• 표 목록 = 128
• 용어 정리 = 129
• 소스 정리 = 133
• 영문 요지 = 140