视觉交互动画设计应用研究

2018-07-13 08:50郑州铁路职业技术学院450000
大众文艺 2018年24期
关键词:界面动画动作

(郑州铁路职业技术学院 450000)

近年来我国社会发展极为迅速,视觉交互行业的诞生以及交互模式在各种平面设计、景观设计、室内设计、动画设计中的应用,使得各专业领域发展极为迅速,视觉交互动画设计领域的应用推动了相应行业领域的综合发展。

一、视觉交互动画设计特点分析

1.注重动画本身视觉传达

视觉交互动画设计,其本身对动画视觉传达的效果较为明显,动画视觉设计即动作设计,主要是研究动画中各角色运动状态内容。而动画角色本身性格塑造以及表达主要是通过角色长相、外貌、语言、穿着来体现,同时也可通过角色自身行为行动、肢体语言开展现,对应角色所具备性格不同在面临统一情景时也会展现不同的动作方式等等。这个过程中必须注重对其所传达视觉效果做好全方位设计以保障动画角色和所表达效果内容能够完全体现出来。

2.动画设计内容分析

动画设计内容主要是以常规运动状态、特殊运动状态、情境动作、性格化动作来体现。其中常规运动动态即遵循观众及用户视觉经验和自然法则的行为规律;而特殊运动状态及非常态运动状态,其具有一定的夸张性;而情境动作则指所有动作在某一具体情境下发生;性格化动作及动画角色通过肢体动作贴切的反映自身性格特点。

3.视觉交互与动画设计两者关系

交互动画本身不同于传统动画的单一表现形式,其所具有的先进性和创新性较为明显,交互动画过程发展提倡由观众或参与者来互动控制,是观众和参与者不是被动接收,而是主动参与互动。因此交互动画满足了观众对动画主题的感受,其艺术表现形式的改变,即视觉交互与动画设计两者的关系展现。由此所形成交互动画其能够使观众在观看动画过程中,直接参与到动画中某个角色情节发展,甚至控制动画中整个结局,使动画交互功能得到有效能体现,这个过程中设计者进行设计创作交互动画时,直接设计让参与者不但可以进行选择,还具备参与其中的角色,在动画内容一些关键节点中做选择项设定,确保观者参与角色能够随情节发展不同,产生不一样的结局,满足观众参与和决定动画发展的愿望1。

二、视觉交互动画设计应用分析

1.交互动画设计技巧分析

结合上文来看,视觉交互动画设计应用,主要是以形成交互动画来体现。这个过程中进行相应交互设计时,要注重两者所具有实际特质,对其技巧做好合理应用。明确交互动画本身的节奏和幅度,进行视觉感受顺畅交互动画,无论是动态、文字、图像等形式,必须对其时间以及节奏做好合理把控。此期间需要注意尽可能的让动画符合人自身视觉经验。比如缓慢的效果,通常自然界较为柔和动作表现为慢出和慢入,相应拉伸、挤压、预备动作、逆向缓冲等都是交互动画设计前进所需注重时间、节奏技巧,以此确保整个交互动画设计的专业性和完善性能够充分得以体现,同时对其各技巧所具有的公式化特性进行实时掌握,在设计期间可采取多模仿、借鉴好做品来完善整个交互动画的实际视觉动效,确保设计质量能够完全达到预期。

2.注重设计方向以及层次引导明确性

交互动画设计期间,注重设计方向及层次引导明确性,交互动画空间展现是有一定局限性的,对其信息以及图像必须做好全面规划,确保动画清晰度以及结合交互来增强其自身引导功能。

(1)聚焦动效

比如通过动态聚焦引导用户来将视线聚焦在相应媒体界面关键位置,使整体交互体验流畅性充分得以展现;按照青蛙眼睛能够快速捕捉移动物体原理,人眼也是具有相似特征的,运动过程中的物体总能引起人们下意识的关注,因此通过动态聚焦来使动画动态交互效果完全得以展现,可以有效反应自身设计方向和引导用户选择的明确性,使交互动画自身功能特性可以得到有效发掘。

(2)过渡动效

交互动画设计中的过渡动效,则是对界面变化以及流畅性上的过渡,引导使参与者及使用人群明白这个过程中所发生原理的逻辑展现,以当前智能手机中的交互动画为例,在智能手机界面点击APP图标,整个图标会放大甚至翻转至用户眼前,而App方格背面成为这个App的界面,这便是利用过渡动效原理来告诉用户,你现在正在用的是这个App,而这个App还在你面前,同样结束应用的时候也是转回去,暗示用户刚刚的页面都回到这个icon方格里了,以此使交互动画自身所具有实质性价值作用能够充分得以展现。

(3)转场动效

转场动效作为交互动画设计应用中较为常见的一项特效,其主要是起到一定的引导作用,让相应参与人群能够有效理解动画页面的跳转原理,明确当前所处“位置”。比如以IOS8系统桌面动画为例,其桌面图标组在进入或退出时便会产生一则转场动效,避免两个不同页面之间跳转的重复性和生硬性,利用动效有效弥补了整个页面跳转的层次感,提升交互动画整体流畅性和丰富性。

3.交互动画设计应用期间要点把控

交互动画设计应用期间要注意对其各要点的把控,明确其本身的使用性以及价值信息,交互动画的使用不当或是滥用往往会使其效果完全无法体现。过多无理由动画往往会使其内容表达无法有效传递,分散参与及使用者注意力同时,无法为其提供沉浸性体验。因此注重交互动画设计应用过程,必须控合理制动画量,对整个设计应用结果在完成后第一时间进行测试,明确过度使用动效会让整个交互动画产生迷惑、重叠的不良效果,整体信息层级关系无法控制,影响交互动画实质性价值作用2。

三、视觉交互动画设计实践分析

1.价值信息的有效传达

以当前智能手机APP交互动画设计实践为例,对其进行设计时必须考虑其本身功能价值来确保其交互特性能够完全得以展现。在实际实践期间需按照上述应用要点原则做好合理把控,这个过程中必须谨慎的增加动画,注重有效价值的信息的传达。动画使用必须做好合理适度的划分,上文提到过度使用动态则会使APP交互出现迷惑感,信息层级关系无法有效展现,因此在进行相应设计实践使,必须注重其价值信息的有效传达基础上,提升优化交互体验。

2.界面信息简化及交互层级设置

利用动效简化界面信息对相应交互层级做实时设置,使其达到降低操作难度基础上提升用户体验的目的。针对当前APP视觉效果绚丽完美同时,还带有较多复杂视觉元素的情况,对其视觉元素信息做全方位关系处理,确保有效传达用户操作后各元素间的关系变化,并对其变化逻辑流畅性及合理性做实时设定,突出交互层级清晰度,以此使交互动画效果能够得到有效展现。

比如显示和隐藏二级操作项上,按照动效可有效控制相应截面信息隐藏,在重复进行部分操作后隐藏内容便会呈动态展开,继而达到简化初始界面的功效,确保整个个界面的大气简洁。同时也可奎勇按钮动效化来让相应截面重要信息动态做悬浮至同一按钮设置,以此使用户视线能够锁定关注按钮,弱化页面跳转所带来干扰,提升整个交互体验效果。

3.动画风格类型统一性

视觉交互动画设计实践过程,要确保动画风格类型的统一性,相应动效设计人员在设计交互动画时要与内置动画进行统一设定,比如设计师在设计动画要切合智能手机内置IOS应用动画,用户习惯内置IOS应用精细动画,便要尊重用户习惯,明确苹果智能手机动画交互反馈方式,即标准物理法则风格,比如其窗口内容上下卷滚等元素的出现和消声,相应内容放大缩小等,以此来构建统一交互动画风格类型。如果未能按照相应物理定律或自然法则做相应设计实践,便会使用户产生使用不适的情况,使交互动画设计效果无法达到预期。

四、结语

综上所述,通过对视觉交互动画设计应用研究分析,可以看出交互动画产生与当前时代有着紧密联系,其已经逐渐成为一种新兴的数字化动画表达方式,但与此同时在这个过程中注重对其设计应用专业节点把控,避免盲目随性的功能结合滥用,是交互动画可以高效、稳定、快速发展下去的必要条件。

注释:

1.王春园.浅析新媒体艺术下交互动画的应用[J].参花(下),2018(08):134.

2.夏丽雯.基于移动终端的交互式动画设计探讨[J].新媒体研究,2018,4(13):126-127.

猜你喜欢
界面动画动作
Clifford hits the big screen
不同截面类型钢管RPC界面粘结性能对比研究
微重力下两相控温型储液器内气液界面仿真分析
国企党委前置研究的“四个界面”
我的动画梦
动作描写要具体
非同一般的吃饭动作
动画总动员