专栏名称: 微交互
分享交互经验,提升产品用户体验。帮助您打造优秀产品。细节设计成就卓越产品。
目录
相关文章推荐
字体设计  ·  6月来了,安排六种文字编排方式 ·  2 天前  
体验进阶  ·  为什么app营销页打开后会缩一下?淘宝这次解 ... ·  19 小时前  
ZaomeDesign  ·  odd x 阿那亚燃炙屋与山谷豆腐工坊 ·  昨天  
庞门正道  ·  出入平安。 ·  2 天前  
51好读  ›  专栏  ›  微交互

动画的两种类型:移动界面上的功能动画和情感动画

微交互  · 公众号  · 设计  · 2017-06-26 07:28

正文

请到「今天看啥」查看全文


Aurélien Salomon

在屏幕间平滑转换的水平滑动的不同例子。如果这个动画没有比交互和用手指控制更长久,那么它是功能性动画的一个很好的例子。具有平滑转换功能的界面产生一流的印象,也不仅仅是因为它们很少见。

Lukas Horak

这是一个减缓用户操作的复杂动画的例子。卡片的额外震颤拖延了我们几秒钟,这是不必要的。震颤效果需要6-8小时的开发时间。

总的来说,在规划时间表和预算时,必须考虑账户中的功能动画。不言而喻,界面必须具有动态性和响应性,因为这样可以增强交互性。即使你只是设计它,也请记住动画需求的额外时间和精力是关键。这确保你的作品集只包含由第三方开发商开发的仅完全实现的项目,这是你的设计的基础组成部分。

情感UI动画是界面的装饰

大多数时候,这些动画只有令他们惊叹的因素,其吸引力的目的是促进应用。只有通过设计师想象力的限制,改进的UX被放在后面,因为这些动画是非常复杂且经过精心的设计。以下是几个例子:

https://dribbble.com/shots/1936758-GIF-of-the-Tap-Bar-Concept







请到「今天看啥」查看全文