動畫圖示設計之初探

圖示已經成為應用軟體的代表圖案，然而圖示如果再加上動態效果，在傳達軟體狀態上應是一個良好的呈現方式。本研究的目的在歸納與整理圖示動態效果的設計依據，同時針對應用軟體常見的執行狀態，與所設計的動畫圖示建立彼此的關聯。本研究根據動作式圖示(Kineticons) 與情緒式圖示(Empatheticons) 等相關研究，歸納整理出九種動態的來源，包含生物的運動、手勢/ 姿勢、器官/ 組織的動作、機械的動作、物理跟自然的影響、卡通動作、情緒、圖示本身性質以及附加元素等，共設計出57 個動畫圖示，經過專家訪談以及使用者篩選測試後，共篩選了30 個動畫圖示。期望本研究所設計的動畫圖示，能對設計師在應用圖示呈現軟體的執行狀態的一個參考。

關鍵字

動作圖示；動畫圖示；人機介面

並列摘要

Icons have already become the main way for users to understand and interact with the software. However, if the animated effects are added into the icons, it would be a great display for expressing the status of the apps. The goal of this research is to conclude and organize the basis for designing the animated effects of icons, and simultaneously, to build the connection between the designed animated icons as well as the common software implementing status. According to some researches related to Kineticons and Empatheticons, this study concludes nine resources of the animations, including living creatures' exercises, gestures and postures, organs and tissues' motions, machines' movements, physical and natural effects, cartoon actions, emotions, the features of the icons and the attached elements, etc. Totally 57 animated icons are designed on these foundations. After the Delphi technique and the preliminary tests, 30 animated icons were selected. It is expected that the animated icons created in this study would provide the designers a reference of how icons reflect the statuses of the apps.

並列關鍵字

Kineticons ； Animated Icons ； Human Computer Interface

國際替代計量

動畫圖示設計之初探

全文下載

主題瀏覽