文章詳目資料

地圖 : 中華民國地圖學會會刊

  • 加入收藏
  • 下載文章
篇名 動畫地圖視覺設計─以三國演義歷史故事為例
卷期 22:2
並列篇名 Visual Design of Animated Map A Case Study of the Three Kingdoms' Romance Story
作者 曾信翔高慶珍
頁次 035-048
關鍵字 多媒體工作記憶記憶容量認知負荷可讀性MultimediaWorking MemoryMemory CapacityCognitive LoadLegibility
出刊日期 201210

中文摘要

隨著科技的進步,地圖媒介也快速從傳統紙本轉移到螢幕發展。本研究建構在視覺的認知負荷上,藉由家喻戶曉的三國時代故事,自行繪製一齣符合地圖符號設計理論與多媒體學習認知理論的動畫劇本,於社群網路播放。經由對讀者的觀賞問卷分析後得知,動畫地圖製作時以單一主題為宜,主題符號以圖畫式設計為主,並搭配動作較少的幾何符號當背景,同時符號數量不可太多、太雜以避免認知超載現象。操作上,情節要流暢,以每秒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.

相關文獻