動畫地圖視覺設計－以三國演義歷史故事為例

Visual Design of Animated Map-A Case Study of the Three Kingdoms' Romance Story

曾信翔(Xin-Xiang Zeng) ； 高慶珍(Ching-Jen Kao)

《地圖 ： 中華民國地圖學會會刊》 22卷2期 (2012/10) Pp. 35-48

https://doi.org/10.30006/JC.201210.0003

摘要

隨著科技的進步，地圖媒介也快速從傳統紙本轉移到螢幕發展。本研究建構在視覺的認知負荷上，藉由家喻戶曉的三國時代故事，自行繪製一齣符合地圖符號設計理論與多媒體學習認知理論的動畫劇本，於社群網路播放。經由對讀者的觀賞問卷分析後得知，動畫地圖製作時以單一主題為宜，主題符號以圖畫式設計為主，並搭配動作較少的幾何符號當背景，同時符號數量不可太多、太雜以避免認知超載現象。操作上，情節要流暢，以每秒24幀的播放速度最佳。並利用播放、暫停與停止三個基本控制項來凸顯動畫上的互動優勢。顯示動畫地圖的視覺效果，不再只是過去圖紙上特別注意的階層、對比設計而已，尚得顧及到科技層面上的速度、互動效果才能提升工作記憶之運行，達到視覺傳播之效果。

關鍵字

多媒體 ； 工作記憶 ； 記憶容量 ； 認知負荷 ； 可讀性

並列摘要

With the development of advanced technology, the method of display space information transferred from paper maps to computer screen. Based on the visual cognitive load theory, a Chinese famous story-'Three Kingdoms' Romance Story' was selected as the narrative to make an animated map and displayed in the face book. All the graphic representations in the animated map were followed the map design principles and cognitive theory of multimedia learning. Some design rules were found by analyzing questionnaires. In the narrative facet, most audience paid attention to single theme. In the symbol design facet, the thematic and motive symbols were designed as pictorial styles while the symbols of background as geometric and static. This phenomenon was accelerated the figure-ground organization. Also appropriate amount symbols avoided cognitive overload in operation. To provide the audience a sense of progression and rhythm, 24fps was the appropriate pace. Nevertheless, the three panels of display, pause, and stop also played a major role in providing basic interactive functions and could not be neglected. Comparing with traditional paper map, animated map's design was not only focused on hierarchical organization and visual contrast, but also focus on technique designs such as speed and interaction control. However, well organized conceptual and technical methods will facilitate the working memory in order to promote visual communication effects.

並列關鍵字

Multimedia ； Working Memory ； Memory Capacity ； Cognitive Load ； Legibility

參考文獻

高慶珍(2000)。觀光地圖上常用符號之認知研究。華岡理科學報。17，115-130。

高慶珍(2010)。應用環境觀察之認知符號設計動畫地圖。中華民國地圖學會會刊。20(1)，27-37。

譚其驤(1982)。中國歷史地圖集。台北:曉園出版社有限公司。

Ayers, P.(2005).The Cognitions Under Which Instructional Animation May Be Effective.International Workshop and Mini-conference on Extending Cognitive Load Theory and Instructional Design to the Development of Expert Performance.(International Workshop and Mini-conference on Extending Cognitive Load Theory and Instructional Design to the Development of Expert Performance).:

Clarke, L. M.(1989).An Experimental Investigation of the Communicative Efficiency of Point Symbols on Tourist Maps.The Cartographic Journal.26(2),105-110.