4种网页动效的运动形式,径向、合并、分割、阴影

 2020-09-30 08:39:24  648 浏览  0 评论   赞

径向形变,从用户触摸点产生对称、环形可视化效果;动效元素和其它元素合并;元素产生碎片化变化;动效元素产生阴影效果

径向形变的形式

径向形变的形式_4种网页动效的运动形式,径向、合并、分割、阴影

图785-1:动效1

什么是页面动效元素的径向形变运动?简单来说就是从用户的触摸点产生对称、环形可视化的效果。通常用在圆形的动效元素上,让圆形变成其他的几何形状。径向变化应该处于圆形的元素上,或者是在界面触摸点上去变化。

合并的形式

合并的形式_4种网页动效的运动形式,径向、合并、分割、阴影

图785-2:动效2

也就是在动效元素材料设计中当中,动效元素可以与其他的元素合并。

分割的形式

分割的形式_4种网页动效的运动形式,径向、合并、分割、阴影

图785-3:动效3

动效元素以碎片的形式出现。

阴影的形式

阴影的形式_4种网页动效的运动形式,径向、合并、分割、阴影

图785-4:动效4

分割开的物体阴影不会被其他分割的动效元素所影响,因为它有阴影的效果,容易被用户所辨认。

 

转载请注明:网创网 www.netcyw.cn/b785.html

()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2022 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com