移动端系统动效风格与运动曲线的关联研究
|
摘要
文章运用感性工学的方法,从运动曲线这一动效元素出发,研究运动曲线与移动端系统动效风格的关联。首先将收集到的108个系统动效感性评价词汇进行筛选,得到5组针对于移动端系统动效的感性风格评价。之后运用语义差异法,进行运动曲线与5组感性风格评价词汇的对应关系实验,分析运动曲线对每种动效风格的影响程度。实验表明运动曲线对动效风格有显著影响,验证了从动效元素角度出发,量化研究动效风格的可行性。总结得出的各运动曲线感性风格强烈程度,以及动效风格与运动曲线特征的关系,可以帮助设计师更加准确地选取运动曲线,进行动效的风格化设计。
Based on the theory of perceptual engineering, this study explores the relationship between the movement curve and the dynamic sentimental style. Firstly, we collected 108 dynamic sensibility evaluation vocabularies, and obtained five groups of sensible style evaluations for the dynamic effects of mobile systems. After that, we used the semantic difference method to explore the corresponding relationship between the motion curve and the five emotional style evaluation vocabularies, and analyze the degree of influence of the motion curve on each dynamic style. In the end, we have summarized the table of the degree of intensity of the emotional curve of the motion curve under various styles,providing the designer with a quantitative reference for the selection of the motion curve in the branded kinetic effect design.
Based on the theory of perceptual engineering, this study explores the relationship between the movement curve and the dynamic sentimental style. Firstly, we collected 108 dynamic sensibility evaluation vocabularies, and obtained five groups of sensible style evaluations for the dynamic effects of mobile systems. After that, we used the semantic difference method to explore the corresponding relationship between the motion curve and the five emotional style evaluation vocabularies, and analyze the degree of influence of the motion curve on each dynamic style. In the end, we have summarized the table of the degree of intensity of the emotional curve of the motion curve under various styles,providing the designer with a quantitative reference for the selection of the motion curve in the branded kinetic effect design.
引文
[1]张大伟,郭烜,韩臻.安全可信智能移动终端研究[J].中兴通讯技术,2015,21(05):39-44.
[2]Novick D,Rhodes J,Wert W.The communicative functions of animation in user interfaces[C]//ACM International Conference on Design of Communication.ACM,2011:1-8.
[3]Shanmugasundaram M,Irani P.The effect of animated transitions in zooming interfaces[C].//Working Conference on Advanced Visual Interfaces.ACM,2008:396-399.ACM Press the working conference-Napoli,Italy,2008.05
[4]Merz B,Tuch A N,Opwis K.Perceived User Experience of Animated Transitions in Mobile User Interfaces[C]//CHI Conference Extended Abstracts on Human Factors in Computing Systems.ACM,2016:3152-3158.
[5]谭浩,刘进,谭征宇.基于意象的交互界面动效设计方法研究[J].包装工程,2016(6):53-56.
[6]Apple 2016.iOS human interface guidelines:animation.[OL]https://developer.apple.com/library/ios/documentation/UserE xperience/Conceptual/MobileHIG/Animation.html#//apple_r ef/doc/uid/TP40006556-CH57-SW1.
[7]Liddle D.Emerging Guidelines for Communicating with Animation in Mobile User Interfaces[C]//ACM International Conference on the Design of Communication.ACM,2016:16.
[8]Zhao,L.Synthesis and Acquisition of Laban Movement Analysis Qualitative Parameters for Communicative Gestures[D].Philadelphia:University of Pennsylvania,2002.
[9]苏建宁,江平宇,朱斌,等.感性工学及其在产品设计中的应用研究[J].西安交通大学学报,2004,38(1):60-63.
[10]袁树植,高虹霓,王崴,等.基于感性工学的人机界面多意象评价[J].工程设计学报,2017(5):523-529.
[11]川喜田二郎.KJ法[M].东京:中央公论社,1986.
[2]Novick D,Rhodes J,Wert W.The communicative functions of animation in user interfaces[C]//ACM International Conference on Design of Communication.ACM,2011:1-8.
[3]Shanmugasundaram M,Irani P.The effect of animated transitions in zooming interfaces[C].//Working Conference on Advanced Visual Interfaces.ACM,2008:396-399.ACM Press the working conference-Napoli,Italy,2008.05
[4]Merz B,Tuch A N,Opwis K.Perceived User Experience of Animated Transitions in Mobile User Interfaces[C]//CHI Conference Extended Abstracts on Human Factors in Computing Systems.ACM,2016:3152-3158.
[5]谭浩,刘进,谭征宇.基于意象的交互界面动效设计方法研究[J].包装工程,2016(6):53-56.
[6]Apple 2016.iOS human interface guidelines:animation.[OL]https://developer.apple.com/library/ios/documentation/UserE xperience/Conceptual/MobileHIG/Animation.html#//apple_r ef/doc/uid/TP40006556-CH57-SW1.
[7]Liddle D.Emerging Guidelines for Communicating with Animation in Mobile User Interfaces[C]//ACM International Conference on the Design of Communication.ACM,2016:16.
[8]Zhao,L.Synthesis and Acquisition of Laban Movement Analysis Qualitative Parameters for Communicative Gestures[D].Philadelphia:University of Pennsylvania,2002.
[9]苏建宁,江平宇,朱斌,等.感性工学及其在产品设计中的应用研究[J].西安交通大学学报,2004,38(1):60-63.
[10]袁树植,高虹霓,王崴,等.基于感性工学的人机界面多意象评价[J].工程设计学报,2017(5):523-529.
[11]川喜田二郎.KJ法[M].东京:中央公论社,1986.