设计一款属于自己的鼠标指针是一件很有意思的事情，但其实设计有很多玄妙。近期，我会推出一系列的教程，跟大家简单介绍一款指针设计软件：Axialis CursorWorkshop。请大家耐心看完，视频诚然简单直接，而文字往往更具收藏和反复推敲的价值。

喜欢的小伙伴们记得点关注哦~ 请一键三连，多多支持我呀！

这一期将会跟大家介绍动态光标的制作方法。

嗯...暴露年龄的时候到了！

各位！有玩过手翻书吗！

没玩过也没事，我找了个视频做成GIF，原视频链接：https://www.youtube.com/watch?v=jjxmFNjEFFI&list=WL&index=2&t=0s（或者YTB上搜索：Batman Flipbook (and How I Made)）

（一）动标的制作

那么，制作动态光标，其实就跟制作翻手书一样，由每一页组成。

“页”这个概念在动画中，我们则称之为“帧”；自然地，“页数”=“帧数”。

如图所示，我们不必每一点动态都去把握，可以有一定的跳跃，图中的西瓜并不是每次都吃一格，我设置的是两格两格吃，但最后呈现的效果仍然连贯。

这张图也讲解了每帧持续时间如何设置。

（二）帧变时间≠持续时间

接下来，我希望大家注意的概念是：帧与帧之间发生变化所需的时间≠帧持续的时间。

帧变所用的时间是固定的，但是每一帧停留在你视线内的时间是可以变化的，而这种“停留”就是帧的持续时间。

（三）动画的设计：我们需要帧变时间=持续时间

我们的眼睛具有短暂保留上一瞬间看到物象的特点。利用这一点，我们则可以将持续时间的长度与帧变时间划上等号。

动画的起点和终点采用长持续时间，而动画过程则采用短持续时间。

这样处理，过程就会很大程度减少卡顿，而起止的长时间停顿则会延缓动作重复的频次，在使用光标的过程中才不会产生焦虑。

如图所示：温度计读数顶端（动画起点）和温度计读数底部（动画终点）我分别设置了50拍和30拍，中间的过程则设置在20拍以内。

假设帧变需要1拍，那么整个动画的实际效果应该是：

50+（1）+14+（1）+16+（1）+...+30+（1）+...14+（1）=226拍/次

但如果起止变为20拍，那么则186拍/次；在600拍中，前者动作了3次（2.6），后者动作了4次（3.2）。

在错觉的引导下，我们则不会捕捉到帧变瞬间，而捕捉到的是一帧的持续时间。此外，合理地延长起止帧的持续时间，则会降低动作重复的次数，缓解视觉疲劳，减少焦虑。

那么，关于动标的制作就介绍到这里，动作的设计主要还是需要靠想象和反复的修改调试。在这里，我只能提醒大家注意时间的设置，让动效更为自然、连贯。

如觉得这期有用的小伙伴们，还请一键三连，加收藏！

往期鼠标指针制作教程，可以从专栏索引查看：