网站设计中需要的动态效果展示-

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

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

   加强体验舒适度

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

具体表现在：

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 以动态的形式展现数据点