小飞机特效社区小飞机特效社区
搜索

论坛 >> 小飞机特效社区QQ交流群:590384012 >> 动画
 
 

 
     收藏
 打印
 上一帖
 下一帖

   UI游戏动画的一些表演方式
 
查看:1576
回复:0
作者:小飞机
发表时间:2020-09-23 18:18:23
不应该做的UI动画

matome-1.gif

制作UI动画时,您可能想知道如何处理运动。
我想看起来很酷,但是如果移动幅度太大,应该移动多远,以便放松?当您考虑时,有很多事情会丢失。

尝试变得更好很重要,但是在许多情况下,您只需要使其看起来简单而不用复杂地思考即可。
在大多数情况下,比起值得注意的动画,您将可以播放更多未被注意到的动画,因此请注意不要移动太多。

这次,我编写了不应过多执行的UI动画。

如果这样移动,请小心。

目录

转到不希望看到视线的地方
让我不必要地等待
动作过多,优先顺序不明确
图层的顺序和移动是不自然的
犯了一个错误
有太多事情要脱颖而出
眼动很多
摘要


转到不希望看到视线的地方




30_-NGUI_02.gif


我想使主按钮“ START”在此屏幕上突出显示,但是右上角的按钮很明显。
视线移到右上角的原因是视线移到了最后一个移动部分,因此视线不必要地被引导到右上角。
此外,对比度和移动量的变化比主按钮的变化大,因此非常明显。




让我不必要地等待




30_-NGUI_03.gif


视线转到最后一步,但由于加长了最后一个动画以将视线指向主按钮,因此用户正在等待动画。

由于立即按下主按钮以玩游戏很重要,即使您在最后移动了很多按钮以使其突出,用户也希望快速按下它,因此动画简短而快速,用户希望您能放心。



动作过多,优先顺序不明确



30_-NGUI_04.gif

有时一切都太过分了,您不知道哪个按钮很重要。
当您在动画中包装了很多东西时,往往会发生这种情况,但是很容易忽略其潜在目的,因为如果一切均等地移动,它就不会被优先处理。

让我们为动画提供支持,以使用户不会迷失在按下哪个按钮时。



图层的顺序和移动是不自然的



30_-NGUI_01_1.gif

层顺序
包含了机芯以引导视线,因此,如果隐藏了层的顺序,而不是要突出的机芯,
在显示顺序和移动方式上我要注意两个不匹配的地方。

运动不自然
在下半场加速并突然停止的运动看起来不自然,因此表现得很差。

就质量而言,它看起来还没有完成。


犯了一个错误




30_-NGUI_06.gif

如果中间的内容看起来像是滑动动画,但您不能这样做,或者
按下下面的按钮可能会导致中心发生变化而不改变,或者移动可能会误导用户。


有太多事情要脱颖而出



30_-NGUI_05.gif
在您操作游戏时,使其他元素脱颖而出,使事件脱颖而出,使初学者的运动脱颖而出,使其在耐力MAX时脱颖而出...这将增加到没有清晰度的程度,我想使其脱颖而出它处于充满事物的状态。

您真正想从鸟瞰视角看屏幕的平衡点是什么?如何防止用户迷路?难道不是为了方便操作才优先考虑吗?有必要检查当前正在运行的游戏,并再次确认已确定优先级。



眼动很多




30_-NGUI_08.gif

当它从左上方沿着楼梯向上移动时,视线在不知不觉中呈锯齿状移动,这使您感到疲倦。
如果您不需要在观看多次时在此处添加类似游戏的效果,那么我认为在此处进行简单的显示效果不错。
30_-NGUI_09_1.gif

例如,如果要从左上角制作动画,则可以通过移动它使其流到右下角来抑制眼睛的移动。



摘要




30_-NGUI_07.gif
您所要做的只是简单地移动想要突出的部分。
屏幕上散布着诸如移动的字符和移动的背景之类的动作,因此您可以简单地移动想要注意的地方。
随着其他操作的进行,屏幕上的元素数量可能会增加,移动对象的数量可能会增加,因此,如果您不使它超载,则应考虑在用户看到视线时要引导视线的位置,并考虑优先级将其移动。我认为您可以减少运动量。

让我们保持简单,不要考虑太多!
回复

使用道具 举报

 评论
高级模式
B Color Image Link Quote Code Smilies @朋友 |上传




 
    热门帖子
  
 
小飞机,2020-09-03 12:08:16
 
admin,2020-07-02 19:58:51
 
admin,2020-03-17 10:49:53
 
小飞机,2020-04-14 12:02:32
 
admin,2020-03-17 12:00:20
关闭

站长推荐上一条 /1 下一条



活动相关

签到

招聘
教程

教程

动画

特效

音乐
资源

软件库

贴图库

游戏推荐

原画与模型库
兴趣

VIP房间

国外搬运

场景
QQ咨询| Archiver| 手机版| 小黑屋

小飞机特效社区 ( 沪ICP证备19001520号-1 )

Processed in 0.090919 second(s), 40 queries
快速回复 返回顶部 返回列表