我们已经准备好了,你呢?

2024我们与您携手共赢,为您的企业形象保驾护航!

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

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

加强体验舒适度

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

具体表现在:

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

我们凭借多年的网站建设经验,坚持以“帮助中小企业实现网络营销化”为宗旨,累计为500多家客户提供品质建站服务,得到了客户的一致好评。如果您有网站建设、手机网站制作、公众号二次开发、网站改版、SEO网站优化、小程序开发、网站备案等方面的需求...
请立即点击咨询我们或拨打咨询热线: 1823-7777-110,我们会详细为你一一解答你心中的疑难。项目经理在线

我们已经准备好了,你呢?

2024我们与您携手共赢,为您的企业形象保驾护航!

在线客服
联系方式

热线电话

1823-7777-110

上班时间

周一到周五

公司电话

176-0377-9995

二维码
线