APP交互设计作品欣赏 by Ramotion INC.
一个优秀的APP交互动画不仅仅是弦,而且要实用,有的还要考虑手机的性能等因素,所以想做一个好的交互不并容易,今天摘选自Ramotion公司的一些项目交互作品,交互效果很棒,值得欣赏学习。
(GIF图片较大,想看好作品,请耐心等待加载。)
一个有趣的下拉刷新loading交互效果,这个弹性看起来很有吸引力。
APP表单交互,点击“下一步”的效果页面是没有刷新的,而是用过渡变形的方式。
好强大的联系人APP,点击LOGO,显示出来的用户交错展示,有着层次、空间的感觉,这个创意不算新鲜,但用在这里就很新奇有趣了,不是吗?前排应该是联系最频繁的用户。
原来喜欢是可以这么做的,向右滑动会变成喜欢的运作。细心点可以看出,不是直接向右滑就直接喜欢的,分开了2个动画,向右滑动20%-30%会显示一个动画,但这时没触发喜欢功能,当用户继续向右滑直至走过30%才会触发成功。右滑功能也是如此。但这个百分比值需要经过多次测试才能获得最佳值。
Switch开头另一种展示形式,但这样如果第一次使用,反而不知道有没有开启。
TAB 切换效果,未选中的TAB用图标显示,TAB当前状态转为文字。
切换文字时,带有反转效果
搜索交互,搜索按钮有点怪。
很赞的LOGO动画。
不同TAB不同Color.
选择特效,很爽的样子。动画的帧数计算很好,精确得当,使视觉能很友好的展现,不花哨,没阻碍。
APP导航菜单图标动画
导航交互设计2
总结
看到国内APP扁平后都差不多个样子,来点新鲜的交互动画给用户带来新的惊喜吧!上面已经有好的灵感给你了,你懂的!
赞助商链接
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。
有教程吗?好想学
请问有没有教程啊 我想求第一个效果的回弹表达式
在behance看到Ramotion INC的ISO App icon,乌鸦配色超级赞 学习了
第四张没有显示动效
用PS动画做的吗?
赞
看起来很赞,但是实现起来并不容易。大家不缺灵感,缺的是技术,以及如何将这些看起来很炫的交互组成一个整体。