Kinetic Typography

Kinetic typography refers to the technique of expression with animated text. Similar to the study of traditional typography of designing static typographic forms, kinetic typography focuses on understanding the effect time has on the expression of text. Kinetic typography has demonstrated the ability to add significant emotive content and appeal to expressive text, allowing some of the qualities normally found in film and the spoken word to be added to static text. Kinetic type has been widely and successfully used in film as well as in television and computer-based advertising. Perceptual psychology research on attention, reading performance, and comprehension has indicated that time-based presentation of text can be used effectively to capture and manipulate a viewer’s attention and in some cases improve overall reading performance.

Kinetic Typography Layout Engine

Kinetic Typography Layout Engine

Kinetic Typography Layout Engine (2014)

As online communications over a computer screen has increased dramatically, the need for users to deliver emotions over text has increased as well. Kinetic typography has been suggested as a valid form of text- based emotional expression in a number of research papers. In this paper, we present an automatic layout generator using kinetic typography, which enables a sentence-level display of the animated text in a way users could effectively deliver their intended emotional states. Specifically, we focus on two parts that are at the core of our engine; text layout and kinetic effects assignment. The shape and algorithm of word cloud are adopted to arrange and display words within a sentence, and the form of layout changes upon word size and chat bubble size determined by the level of energy. Kinetic effects assignment deals with specific animated motions that represent the mood of emotion, either positive or negative. Based on the proposed architecture, we suggest a prototype of a sentence-level layout generator. Sample effects generated by our prototype are evaluated through a web experiment, and results demonstrate the validity of our architecture in conveying emotion as intended.

  • Joonhwan Lee, Soojin Jun, Dongwhan Kim, Inho Won, Jieun Wee, Sooyeun Jang, Yaena Jang and Heeryung Choi (2014). “Show Me How You Feel: Using Automatically-Generated Kinetic Typography Layout to Convey Emotion” (Under Review, ACM SIGCHI)

Validity of Kinetic Typography

Kinetic typography has been suggested to express emotions in computer-mediated communication(CMC) by empowering static texts with dynamic attributes, where conversations occur primarily in text-based forms. In this work, we investigate whether pre-defined kinetic typography effects are capable of delivering emotions, and further, which specific attributes of kinetic typography arouse such emotions. The results show that emotional response of users were corresponding to the emotions intended by experts, indicating that pre-defined kinetic typography is an applicable way to express emotions consistently in CMC. Also, results demonstrate some key attributes that derive certain levels of mood and energy respectively. Energy level turned out to be affected by the font size, transparency, direction of movement, amount of movement, velocity, and acceleration of the text, while mood level was influenced by the transparency, direction of movement, regularity in movement, and speed of the text.

  • 이준환, 김동환, 위지은, 장수연, 하세용, 전수진 (2014). “키네틱 타이포그래피를 통한 텍스트 기반 커뮤니케이션에서의 감정 전달 연구” 한국멀티미디어학 연구 17권 1호 (2014): 77-93

Kinetic Typography Use in Real Time Text-Based Communication

As text-based communication methods become more popular with the advancement of Computer-Mediated Communication (CMC), it is becoming more important to overcome the limitations of expressing emotions over text. Kinetic typography is known to convey emotions effectively, and therefore, can be expected to successfully convey emotions in synchronous text-based communication as well. In this paper, we suggest ways to use kinetic typography in real-time conversation. First, we define unit motions for creating various kinetic typography effects promptly. Second, we also suggest an interface of instant kinetic typography messenger, which can easily add various kinetic effects to the input text in real-time.

  • Lee, J., Jang, S., Kim, D., Wee, J., Jang, Y., Won, I. Ha, S., & Jun, S. (2013). “Kinetic typography instant messenger to convey emotion in real-time text-based communication,” the 2013 Fall Conference of the Korean Institute of Information Scientists and Engineers (poster presentation completed)