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

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

发表于: 交互设计, 视觉设计, 设计作品. 评论 (8)
Sponsor

一个优秀的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扁平后都差不多个样子,来点新鲜的交互动画给用户带来新的惊喜吧!上面已经有好的灵感给你了,你懂的!

赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论8 Responses to “APP交互设计作品欣赏 by Ramotion INC.”

  1. gbg - 回复

    有教程吗?好想学

  2. 小曼 - 回复

    请问有没有教程啊 我想求第一个效果的回弹表达式

  3. 張北北____ - 回复

    在behance看到Ramotion INC的ISO App icon,乌鸦配色超级赞 学习了

  4. yama - 回复

    第四张没有显示动效

  5. - 回复

    用PS动画做的吗?

  6. 芒果 - 回复

  7. shenyp09 - 回复

    看起来很赞,但是实现起来并不容易。大家不缺灵感,缺的是技术,以及如何将这些看起来很炫的交互组成一个整体。

  8. bukas - 回复

{ 发表评论 }