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

小飞机

不应该做的UI动画



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

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

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

如果这样移动，请小心。

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


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







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




让我不必要地等待






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

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



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





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

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



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





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

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

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


犯了一个错误






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


有太多事情要脱颖而出




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

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



眼动很多






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


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



摘要





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

让我们保持简单，不要考虑太多！