动效交互之美【转载】
attach://459376.mp4RIOT拳头设计在11月份发布了最近的排位赛新界面Demo视频。本期的KrDesign以此为例,为大家解析动效在交互中的应用。过渡的艺术交互动效最基本的功能就是展现界面与界面之接的转换,界面的开启与关闭。而效果就表现在触发与结束的过程中。表现清晰的层级关系,自然的引出与结束,动效有着承上启下的重要作用。
在寻求快速高效交互的同时,游戏越来越偏向去告诉玩家内容是“怎么来的”又是“怎么没的”。把整个过程展现给玩家,让游戏的交互体验更加流畅和合理。生硬的出现正在被淘汰。
附着在主体上的控件响应主体回弹,可以放大动效的视觉效果。加以动态模糊,也可以突出速度感。
多层动画的组合显示,缩短动效总时间,保持动效持续的节奏感,层次感。动效趋向于均匀的展现信息而不是一条一条的展现。拼装组合的方式呈现一块信息,在视觉上感受上会比直接整块竖线来得更酷炫。人们喜欢碎片化物体并组装起来的畅快感。
这段效果有两种组合来制造良好的节奏感。
更多的追求拟物化,更强的代入感和沉浸感是游戏一直追求的要点,交互动效需要根据材质,背景,氛围更好的把握住真实世界中的表现形式,这样才会有精彩自然的过渡。
精彩的指引复杂的操作流在合理指引下也很容易被玩家短时间接受,并慢慢成为玩家的一种习惯。动效在指引中起着烘托重点,吸引玩家视线的作用,减少了玩家学习的成本。“接下来点这里~”。
以光效的运用(亮暗,透明,辉光等)突出重点,让玩家视觉重点的转移。(开启功能,状态转变,突出玩家自身,重要信息提示等)玩家自身的信息出现在颜色和光线强度上明显有区别,突出了玩家自身的参与感与成就感。
玩家选定了第一和第二倾向位置会后,下方的排队按钮瞬间变色发出辉光,告诉玩家此按钮已经被激活,指引玩家点击。
**** Hidden Message ***** by KrDesign2015-12-20
什么奇葩字体颜色 非常感谢,新手刚做动效不久
资源甚好,发帖艰辛,且阅且珍惜! 多谢分享
希望能跟CGJOY一起成长。同时也希望CGJOY越办越好。 谢谢楼主分享~
666
谢谢大佬
666