UI动效入门设计思路分享

三、点线面降级法

    这是一个相当有用的思路。

    面和面进行转换的时候，可以用线作为介质，一个面先转换成一根线，再通过这根线转换成另一个面。同理，线和线转换时，可以用点作为介质，一根线先转换成一个点，再通过这个点转换成另一根线。

    这么说有点抽象，我们来看几个例子。

四、遮罩法

    两个图形之间相互转换时，可以用其中一个图形作为另一个图形的遮罩，也就是边界，当这个图形放大的时候，因为另一个图形作为边界的缘故，转换成了另一个图形的形状。

    思路很简单，却又一点局限性，两个图形必须是包含关系。

    在谷歌的Material design规范中也出现类似的动效。