:::

詳目顯示

回上一頁
題名:動畫圖示設計之初探
書刊名:實踐設計學報
作者:王學武 引用關係巫家瑜王咨閔李家瑩 引用關係
作者(外文):Wang, Hsueh-wuWu, Chia-yuWang, Tzu-minLee, Chia-ying
出版日期:2017
卷期:11
頁次:頁32-44
主題關鍵詞:動作圖示動畫圖示人機介面KineticonsAnimated iconsHuman computer interface
原始連結:連回原系統網址new window
相關次數:
  • 被引用次數被引用次數:期刊(0) 博士論文(0) 專書(0) 專書論文(0)
  • 排除自我引用排除自我引用:0
  • 共同引用共同引用:4
  • 點閱點閱:14
圖示已經成為應用軟體的代表圖案,然而圖示如果再加上動態效果,在傳達軟體狀態上應是一個良好的呈現方式。本研究的目的在歸納與整理圖示動態效果的設計依據,同時針對應用軟體常見的執行狀態,與所設計的動畫圖示建立彼此的關聯。本研究根據動作式圖示(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.
期刊論文
1.Lodding, Kenneth N.(1983)。Iconic Interfacing。IEEE Computer Graphics and Applications,3(2),11-20。  new window
2.侯東旭、廖志中(20000300)。人機介面中電腦圖像呈現方式之研究。工業工程學刊,17(2),181-190。new window  延伸查詢new window
會議論文
1.Bodner, R. C.、MacKenzie, I. S.(1997)。Using Animated Icons to present complex tasks。The 1997 Conference of the Centre for Advanced Studies on Collaborative Research。Toronto:IBM Canada Ltd.。281-291。  new window
2.Chen, Y.、Ma, X.、Cerezo, A.、Pu, P.(2014)。Empatheticons: Designing Emotion Awareness Tools for Group Recommenders。The XV International Conference on Human Computer Interaction,1-8。  new window
3.Harrison, C.、Hsieh, G.、Willis, K. D.、Forlizzi, J.、Hudson, S. E.(2011)。Kineticons: using iconographic motion in graphical user interface design。The SIGCHI Conference on Human Factors in Computing Systems,1999-2008。  new window
4.Ponsard, A.、Ardekani, K.、Zhang, K.、Ren, F.、Negulescu, M.、McGrenere, J.(2015)。Twist and pulse: ephemeral adaptation to improve icon selection on smartphones。The 41st Graphics Interface Conference,219-222。  new window
學位論文
1.陳彩虹(2003)。使用者對於手機功能需求與圖像辨識度之研究(碩士論文)。雲林科技大學。  延伸查詢new window
2.蔡劼明(2006)。智慧型手機圖像辨識率與滿意度之評估研究(碩士論文)。國立臺北科技大學。  延伸查詢new window
3.曾舒珮(2010)。悅趣化數位教材介面視覺風格設計對使用者操作意願影響之性別差異研究(碩士論文)。國立臺北教育大學。  延伸查詢new window
4.林財全(2010)。筆記型電腦功能選項圖像與使用者喜好度之研究(碩士論文)。大同大學。  延伸查詢new window
圖書
1.Horton, William Kendallk(1994)。The Icon Book: visual symbols for computer systems and documentation。New York:John Wiley & Sons, Inc.。  new window
2.Shneiderman, B.(1978)。Designing the User Interface。New York:Addison-Wesley。  new window
3.方裕民(2003)。人與物的對話--互動介面設計理論與實務。台北市:田園城市出版社。  延伸查詢new window
4.Galitz, Wilbert O.(2002)。The essential guide to user interface design: an introduction to GUI design principles and techniques。New York:John Wiley & Sons。  new window
圖書論文
1.Brugger, C.(1999)。Public information symbols: A comparison of ISO testing procedures。Visual information for everyday use: Design and research perspectives。London:Taylor & Francis。  new window
 
 
 
 
第一頁 上一頁 下一頁 最後一頁 top
QR Code
QRCODE