网站设计中需要的动态效果展示--深圳网站建设分享-简书网网站建设公司

随着国际大品牌苹果和谷歌的引领，近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要*了，更多的射鸡师们也开始投身动效设计领域。

（文中部分案例为设计师个人作品，部分为线上产品，都是我非常非常欣赏的作品。如不慎冒犯请戳我替换掉）

   加强体验舒适度

嗯，就是让用户更加爽更加爽的用你的产品。

具体表现在：

1.表现层级关系

为了展现层与层的关系，是抽屉，是打开，还是平级切换等等，让用户知道这个界面和上一个、下一个的关系。这已经是非常常见的运用了。

2.与用户手势结合，更自然的动画表现

当用户手势操作的时候，让界面的动态走向更符合手指的运动，从而让用户感觉到是自己控制了界面的动向，而不是机械化的跳转。

UI动效设计 动效设计 提示*动效设计

City guide app 用手势可以向左向右扔卡片

3.愉快的提示功能

在某些需要提醒的时候能吸引用户的注意，但是又不会生硬，符合预期的出现。

UI动效设计 动效设计 提示*动效设计

Action button feedback 出错提示

UI动效设计 动效设计 提示*动效设计

City Guides 启动时提示用户可以左右滑动卡片

4.额外增加界面的活力

在用户预期之外增加的惊喜，可以是帅气的，可以是卖萌，可以有些物理属*，总之让用户感知到产品的生命力。

UI动效设计 动效设计 提示*动效设计

readme.io 萌萌的输入框

UI动效设计 动效设计 提示*动效设计

amazon Q弹的菜单

UI动效设计 动效设计 提示*动效设计

tumblr  不喜欢我 心都碎了呢~

5.吸引用户持久的注意力

也是属于增加用户的惊喜感，在某些数据量较大的界面中添加一些动效，让用户保持注意力。

UI动效设计 动效设计 提示*动效设计



Bubbles 以动态的形式展现数据点