智能手机动效设计研究

发布时间：2021-01-13 01:38

　　智能手机上,动效无处不在,是手机操作过程中呈现和使用频率最高的功能之一.针对智能手机动效设计的基本原则、方法和准则展开研究,就动效设计的体验价值和商业价值,围绕人与智能手机之间的自然交互问题进行了综合探讨.通过智能手机经典动效交互的案例研究,分析了多场景下的人机自然交互的动效设计体验,探讨了基于用户对智能手机动效设计的需求来建立相应的人机自然交互系统的理论与方法.在实际中的应用表明,所提出的动效设计准则便于交互、信息准确、用户友好. 

【文章来源】：计算机辅助设计与图形学学报. 2020,32(07)北大核心

【文章页数】：6 页

【部分图文】：

命令行界面的动效

在设计动画效果的时候,常常面临如何选择进出场方向或界面延伸方向的问题.智能手机的显示范围往往受物理显示器大小的限制,而手机所要呈现的内容量又远远大于这个屏幕范围,于是就会经常有滚动、切换页面、出入场景等事件和用户进行交互;这类事件多由动画效果来呈现,称之为导航事件.不同的导航事件涵盖着不同的逻辑,所以在设计整个界面的时候经常会需要考虑一个如图2所示全局的逻辑空间结构.这个空间结构不会完整地显示在手机屏幕中,只是在适当的时候显示出一部分,但是每一部分又通过导航事件连接起来.在导航事件的辅助下,用户的意识中必须也有一个对该结构清晰并且正确的理解,这样用户在各个页面和场景之间才可以任意切换而不迷失方位,这就叫做结构同步.在开发应用程序界面时,设计人员一般会绘制界面逻辑图,方便团队对界面的逻辑结构有一个共同的理解,而这个逻辑结构也应该清晰地传达给用户.传统的界面逻辑图是二维的,但近年来应用程序的内容越来越多,导致二维平面无法承载,很多程序开发人员会设计三维的立体空间逻辑图,除了宽度高度还有深度.因此在开始设计导航事件(动画效果)之前,应该先绘制出此三维逻辑结构图,把该虚拟结构像现实存在的一台精密仪器一样具体地画出来.这样在涉及指向性或者空间拓展的动画效果设计时,就可以很清楚地参考这个三维逻辑结构.图2以情感用户界面(emotion UI,EMUI)系统为例,介绍了全局的逻辑空间及其结构.

在智能手机的使用过程中,为了减少用户的学习,并符合用户的心理预期,一致性在UI中起至关重要的作用.打破一致性会让用户产生交互上的错乱感.例如,图3所示红框部分是Widget页面中显示的用户曾经打开过的应用(App),而Widget页面就是由手机左下角向上划出的记录用户打开过的App的任务管理器.当Widget页面中打开已经在任务管理器中的App时,App的进场方式应当与关闭App时的出场方式保持一致性,即从哪里离场就从哪里进场.如果这时打开的App从任意方向进场,中间就缺少了有效信息的传递,会让用户感觉不知道这个应用是从哪来,用户就会觉得很奇怪,不符合一致性的交互原则,同时用户也会获得完全错误的交互信息.但由于手机交互界面中的导航事件动效时长较短,用户的操作量级也相对较轻,所以用户也许并不会察觉偶尔出现的错乱.但是,桌面应用所涉及的交互在日常使用中都会频繁出现,即便动效时间很短,但随着用户使用次数的不断增加,用户就会被迫地接受这些不符合一致性的交互的暗示.所以当下一次用户在任务管理器中找到之前打开过的应用程序时,会发现任务管理器中打开一个App的方式和手机桌面上打开一个App的交互方式不同,这时用户就会感到空间错乱.然而,现在通用的手机界面设计并没有给用户提供一个方法可以完整地查看全局空间逻辑结构,因此保证UI动效出入场的逻辑位置,并始终保持方向和交互上的一致性就非常重要.3.1.2 用动效表示完整的空间逻辑顺序


本文编号：2973953