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

发布来源:沙漠风网站建设公司

发布时间:2015.08.06

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

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

   加强体验舒适度

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

具体表现在:

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

相关资讯
多一份参考,总有益处
联系沙漠风,免费获得专属定制《策划方案》及网站建设、网站设计、网站制作报价
深圳网站建设

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线400-688-6062大客户专线158-1856-1755

提交需求提交需求

提交需求
热线
微信扫码咨询
电话咨询
微信
业务热线
提交需求
官方微信
准备好开始了吗,
那就与我们取得联系吧
400-688-6062
有更多服务咨询,请联系我们
请填写您的需求
您希望我们为您提供什么服务呢
您的预算