麥子 发表于 2015-12-24 16:49:15

动效交互之美【转载】

attach://459376.mp4RIOT拳头设计在11月份发布了最近的排位赛新界面Demo视频。本期的KrDesign以此为例,为大家解析动效在交互中的应用。
过渡的艺术交互动效最基本的功能就是展现界面与界面之接的转换,界面的开启与关闭。而效果就表现在触发与结束的过程中。表现清晰的层级关系,自然的引出与结束,动效有着承上启下的重要作用。
在寻求快速高效交互的同时,游戏越来越偏向去告诉玩家内容是“怎么来的”又是“怎么没的”。把整个过程展现给玩家,让游戏的交互体验更加流畅和合理。生硬的出现正在被淘汰。

附着在主体上的控件响应主体回弹,可以放大动效的视觉效果。加以动态模糊,也可以突出速度感。
多层动画的组合显示,缩短动效总时间,保持动效持续的节奏感,层次感。动效趋向于均匀的展现信息而不是一条一条的展现。拼装组合的方式呈现一块信息,在视觉上感受上会比直接整块竖线来得更酷炫。人们喜欢碎片化物体并组装起来的畅快感。


这段效果有两种组合来制造良好的节奏感。

更多的追求拟物化,更强的代入感和沉浸感是游戏一直追求的要点,交互动效需要根据材质,背景,氛围更好的把握住真实世界中的表现形式,这样才会有精彩自然的过渡。
精彩的指引复杂的操作流在合理指引下也很容易被玩家短时间接受,并慢慢成为玩家的一种习惯。动效在指引中起着烘托重点,吸引玩家视线的作用,减少了玩家学习的成本。“接下来点这里~”。
以光效的运用(亮暗,透明,辉光等)突出重点,让玩家视觉重点的转移。(开启功能,状态转变,突出玩家自身,重要信息提示等)玩家自身的信息出现在颜色和光线强度上明显有区别,突出了玩家自身的参与感与成就感。

玩家选定了第一和第二倾向位置会后,下方的排队按钮瞬间变色发出辉光,告诉玩家此按钮已经被激活,指引玩家点击。

**** Hidden Message *****                                                                         by KrDesign2015-12-20








狗头 发表于 2021-1-19 14:45:11

什么奇葩字体颜色

sidney的故事 发表于 2019-10-18 15:13:07

非常感谢,新手刚做动效不久

Nicoo 发表于 2019-6-10 15:19:51


资源甚好,发帖艰辛,且阅且珍惜!

芫荽三七 发表于 2019-5-27 14:42:49

多谢分享

党委 发表于 2019-5-22 15:29:04


希望能跟CGJOY一起成长。同时也希望CGJOY越办越好。

qinxinjian 发表于 2019-5-15 14:56:44

谢谢楼主分享~

夕阳、暖风和海 发表于 2019-5-6 13:22:24

666

qmk57 发表于 2019-3-25 14:52:12

谢谢大佬

440516 发表于 2019-3-9 12:37:27

666
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 动效交互之美【转载】