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

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

   加强体验舒适度

嗯,就是让多用户更加爽更加爽的用您的产品。

具体表现在:

1. 表现层级关系

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

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

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

UI 动效设计 动效设计 提示性动效设计

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

3. 愉快的提示功能

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

UI 动效设计 动效设计 提示性动效设计

Action button feedback 出错提示

UI 动效设计 动效设计 提示性动效设计

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

4. 额外增加介面的活力

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

UI 动效设计 动效设计 提示性动效设计

readme.io 萌萌的输入框

UI 动效设计 动效设计 提示性动效设计

amazon Q 弹的选单

UI 动效设计 动效设计 提示性动效设计

tumblr  不喜欢我 心都碎了呢~

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

也是属于增加多用户的惊喜感,在某些资料量较大的介面中新增一些动效,让多用户保持注意力。

UI 动效设计 动效设计 提示性动效设计

Bubbles 以动态的形式展现资料点