APP交互设计作品欣赏 by Ramotion INC.

一个优秀的APP交互动画不仅仅是弦,而且要实用,有的还要考虑手机的性能等因素,所以想做一个好的交互不并容易,今天摘选自Ramotion公司的一些项目交互作品,交互效果很棒,值得欣赏学习。

(GIF图片较大,想看好作品,请耐心等待加载。)

一个有趣的下拉刷新loading交互效果,这个弹性看起来很有吸引力。

app Interactive Design-by-ramotion-1

APP表单交互,点击“下一步”的效果页面是没有刷新的,而是用过渡变形的方式。

app Interactive Design-by-ramotion-2

好强大的联系人APP,点击LOGO,显示出来的用户交错展示,有着层次、空间的感觉,这个创意不算新鲜,但用在这里就很新奇有趣了,不是吗?前排应该是联系最频繁的用户。

app Interactive Design-by-ramotion-3

原来喜欢是可以这么做的,向右滑动会变成喜欢的运作。细心点可以看出,不是直接向右滑就直接喜欢的,分开了2个动画,向右滑动20%-30%会显示一个动画,但这时没触发喜欢功能,当用户继续向右滑直至走过30%才会触发成功。右滑功能也是如此。但这个百分比值需要经过多次测试才能获得最佳值。

app Interactive Design-by-ramotion-4 app Interactive Design-by-ramotion-5

Switch开头另一种展示形式,但这样如果第一次使用,反而不知道有没有开启。

app Interactive Design-by-ramotion-6

TAB 切换效果,未选中的TAB用图标显示,TAB当前状态转为文字。

app Interactive Design-by-ramotion-7

切换文字时,带有反转效果

app Interactive Design-by-ramotion-8

搜索交互,搜索按钮有点怪。

app Interactive Design-by-ramotion-9

很赞的LOGO动画。

app Interactive Design-by-ramotion-10

不同TAB不同Color.

app Interactive Design-by-ramotion-11

选择特效,很爽的样子。动画的帧数计算很好,精确得当,使视觉能很友好的展现,不花哨,没阻碍。

app Interactive Design-by-ramotion-12

APP导航菜单图标动画

app Interactive Design-by-ramotion-13

导航交互设计2

app Interactive Design-by-ramotion-14

总结

看到国内APP扁平后都差不多个样子,来点新鲜的交互动画给用户带来新的惊喜吧!上面已经有好的灵感给你了,你懂的!

© 版权声明

相关文章

暂无评论

none
暂无评论...