移动端系统动效风格与运动曲线的关联研究

贾淇琇，李霞

（北京邮电大学，北京 100876）

随着移动互联网的发展，智能移动终端的数量急剧增加，功能也日益完善，用户对于手机用户体验要求也在提高，国内各移动终端厂商都基于安卓系统开发了第三方操作系统。由于技术及安卓系统框架的限制，各系统的核心功能大同小异，通过系统让用户直观感受品牌风格，潜移默化地加深品牌认知度，已成为各厂商的战略要点。系统动效是各品牌移动终端提升用户体验的重要手段，研究动效的感性风格，对于移动终端系统的品牌化设计具有重要意义。

目前交互设计领域中，Novick D等人研究了不同类型动效与其承担的交互功能之间的关系，证明了动效承担交互功能的有效性。Shanmugasundaram等人的导航任务实验表明动效可以帮助用户更好地理解任务，降低完成任务总时间，提升使用体验。Merz Benedikt等比较了不同形式过渡动效的用户体验效果。在动效设计的研究中，谭浩等提出了先为品牌建立一个与之风格相符的意象，再将意象各种实际运动形态运用到动效中的设计方法。苹果、谷歌等设计规范为系统的动效设计提供了一般性的指导原则。Daniel Liddle将IOS、UWP、谷歌三个设计规范中的动效设计原则与传统动画设计原则做了对比分析，提出了未来研究需要关注动效的个性化开发。

综上来看，动效在提升移动端用户体验中的重要作用早已得到学者们的认同，但动效的研究大都集中在交互功能领域，关于动效元素的感性风格研究还很缺乏。动效的感性风格通过动效的色彩、图形、运动等体现，其中运动是动效最为突出的特征。动作分析鼻祖拉班把运动分为物体、空间、时间、效果四个方面，从拉班的观点出发，动效的运动构成可以分为空间、时间、形变、强度四方面。强度是指元素的运动幅度，在设计制作时用不同的运动曲线来表现。运动曲线的一致运用可以增强系统动效的统一性，影响用户的直观感受，是动效风格化设计的良好切入点。因此，本文从运动曲线这一动效元素入手，探究不同运动曲线给用户带来的风格感受。

一、移动端系统动效的感性风格评价标准

在设计中，风格是品牌设计的一种约束。本研究要分析动效运动曲线的风格感受，所以第一步要明确属于动效的感性风格词汇。设计学常用感性工学的方法获取产品的风格评价词汇，感性工学由山本健一1986年在美国首次提出，其中心思想是通过分析人的感性，将人模糊的感性需求转化为定量的数据，建立感性与产品设计要素之间的联系。

（一）系统动效样本与感性词汇收集

本文从7种主流品牌手机系统中收集典型系统动效，为保证样本的有效性和可用性，对收集的样本进行筛选，去除相似度较高和不常见的样本，最终选取具有代表性的动效样本15个，完成了典型样本的筛选。感性词汇是指将人在心理上对产品的感受，通过词汇形容描述出来。本文的感性特征词汇部分，从各品牌手机系统的动效宣传中收集了形容词，并通过问卷与访谈，收集了20名智能手机用户对系统动效的描述语句，从中提取感性词汇，最终收集到系统动效感性词汇108个。

（二）系统动效风格评价

在得到108个感性词汇后，需要对词汇进行筛选，归纳出不同维度的风格评价标准。运用KJ法——川喜田二郎提出用于收集整理问题的分析方法，剔除了相似度过高的感性词汇，并将含义相同的词汇进行了归类，统一为一个词汇。根据“二级性”原理设定，将词汇归纳成一组组反义形容词，并保证每组词的含义属于不同维度的评判标准，最终得到10组风格词对，分别为：A1简洁-复杂、A2机械-自然、A3刚烈-柔和、A4高级-幼稚、A5直观-抽象、A6活泼-沉稳、A7新颖-普通、A8平滑-卡顿、A9快速-拖沓、A10韵律-杂乱。

为了更谨慎地从10组初次调研的词汇中挑选出具有代表性的风格词汇，本研究进行了进一步的问卷分析。邀请50名智能手机用户（男女各25人），对15个典型样本进行10组风格的打分，通过SPSS分析软件，采用主成分分析法，从10组风格词对中筛选最终词对。

取样适当性（KMO）检验中，KMO值＞0.5，Barlett显著性＜0.05，表明变量间的共同因子足够多，可以进行因子分析。根据旋转因子矩阵（表1），得出5个影响较大的因子分别是A1简洁-复杂、A5直观-抽象、A7新颖-普通、A3刚烈-柔和、A6活泼-沉稳，因此选择这5组词汇作为动效风格评价标准。

> 表1 旋转组件矩阵

二、动效风格与运动曲线的关联实验

运动曲线是动效运动自然的关键因素，动效的运动过程往往并不是匀速，而是符合一定节奏的。在动效设计时，运动曲线广泛用于位移、大小、旋转、变色等动效形变中，为动效带来不同的风格感受。将运动曲线的感性风格进行量化，对动效的品牌化设计有重要意义。

为了检验动效的运动曲线对上一步研究中得出的5种动效风格是否有显著影响，以及各运动曲线的风格强烈程度。本研究分析了所收集到的典型动效的运动轨迹，在与AE-flow曲线库中的运动曲线进行对照后，选择了常用的六种运动曲线进行实验探索。分别为quintin（曲线一）、quintout（曲线二）、backin（曲线三）、backout（曲线四）、easein easeout（曲线五）和elastic（曲线六）。为了控制动效形变这一变量，本实验将每个曲线分别运用到大小、位移和旋转三种常用形变中，控制除了运动曲线外其他元素不变，共制作出了18个实验动效。（表2）

> 表2 实验动效素材编号

实验招募用户62名，年龄18～30岁，男女各31人，均为智能手机用户。将感性风格评价词汇中得到的五组动效风格词汇，与上述六种运动曲线与三种变换类型两两组合制作的18个动效运用SD法做成问卷。请用户依次观看18个动效，使用李克特五点量表对18个动效进行五组意象风格反义词对的打分，如简洁-复杂这组反义词，非常简洁、简洁、一般、复杂、非常复杂分别对应-2、-1、0、1、2的分数。

三、动效风格与运动曲线的关联分析

各动效五组风格评价得分见图1。对运动曲线在五组风格评价中的得分进行方差分析，得出运动曲线对五组风格中的四组有显著影响；对每种风格下的各曲线得分进行多重对比，得到了每种风格下各曲线的风格程度量化。下面作具体分析：

（一）运动曲线对四组动效风格有显著影响

进一步分析运动曲线对五组风格影响程度的差异，根据方差分析，显著性小于0.05即为存在显著影响。从结果可以看出，本实验选取的六种运动曲线对简洁-复杂、直观-抽象、新颖-普通和活泼-沉稳四组风格有显著影响。因此在设计时通过不同运动曲线的选择，可以给用户带来传达上述四组风格的差异。本次实验选取的六种曲线对刚烈-柔和这一风格没有影响，分析原因可能因为六种曲线的选取均符合物理运动规律，且实验动效都为较简短的过渡类动效，因此都偏柔和风格，没有形成差异。（表3）

图1 动效的风格评价得分

> 表3 运动曲线对五组风格的影响

（二）运动曲线的风格强烈程度总结

在得出动效运动曲线对简洁-复杂、直观-抽象、新颖-普通、活泼-沉稳四组动效风格有显著影响后，通过多重比较来进一步确定每组曲线间的差异程度，得出六种曲线在四种风格下的强烈程度。（表4）部分得出的运动曲线感性风格强烈程度等级表，可以为品牌化动效设计提供运动曲线选取的参考。

> 表4 运动曲线的感性风格强烈程度等级表

（三）运动曲线特征与动效风格关联总结

分析风格一致运动曲线在初始速度、速度反复程度上的共同之处，得到动效风格与运动曲线特征的一些关联。第一，结束速度平缓归零的曲线能给用户带来简洁、直观的感受。第二，初始速度小且无速度反复的曲线可以带来沉稳的风格感受。第三、速度反复次数较多的运动曲线能带来活泼的风格感受。

四、结语

从整个表中可以看出每种曲线最多只在一组形容词汇中没有明显风格倾向，说明曲线可以成为传递动效品格的良好载体。有些曲线具有较强的风格性，如曲线二与曲线五在三组风格词汇中都有强烈的倾向，将这类运动曲线运用到动效中，可以很好地传达出相应的风格。本

通过运动曲线传达动效风格是移动端系统品牌化设计的良好切入点，也是现有研究中还较少涉及的研究点。本文基于感性工学的理论，通过因子分析归纳出对移动端系统动效风格影响最大的五组感性风格词汇；通过实验设计验证了运动曲线是动效风格的显著影响因素，并运用SD法分析得到了六种常用运动曲线的风格强烈程度等级，以及动效风格与运动曲线风格的一些关联，为动效风格化设计中运动曲线的选取提供了参考。本研究还有不少工作需要完善和改进：除了运动曲线外，影响移动端系统动效风格的因素还有色彩、图形、运动轨迹等，本文只研究了运动曲线单一因素对动效意象风格的影响，后续还需探讨各因素结合使用的情况。■