小飞机 发表于 2020-9-23 18:18:23

UI游戏动画的一些表演方式

不应该做的UI动画



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

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

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

如果这样移动,请小心。

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


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

static/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.png





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




让我不必要地等待
static/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.png





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

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



动作过多,优先顺序不明确
static/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.png




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

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



图层的顺序和移动是不自然的
static/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.png




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

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

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


犯了一个错误
static/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.png





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


有太多事情要脱颖而出
static/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.png



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

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



眼动很多
static/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.png





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


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



摘要
static/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.pngstatic/image/hrline/line5.png




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

让我们保持简单,不要考虑太多!
页: [1]
查看完整版本: UI游戏动画的一些表演方式