用Origami Studio制作T...

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
2973 0 12 2016-12-05

最近一直在尝试用Origami Studio来制作可交互原型,用下来发现这个工具的确非常强大,可以很完美地实现绝大多数高保真原型的制作。

可能会有人说用AE完全可以做出这些炫酷的效果,干嘛还这么折腾。在这里强调一下,AE做出来的只是动画,而原型工具的产出是一个可交互的原型。而一个可交互的原型在产品设计开发流程中是非常重要的。在我看来主要有三点:


1.团队内部可以在产品开发之前预见产品形态
2.可以在测试阶段提供给用户非常真实的使用体验
3.可以让开发人员更直观了解到目标


Origami Studio相比于其他的原型设计软件来说,有更丰富的接口和可控参数,同时能够导出原型到手机,从而随时随地进行演示,这几点,就是让我坚持使用它的原因。当然,它也有不足,复杂的逻辑和繁多的patch,以及有的地方需要反复计算,在使用初期的确会非常头疼,所以它是相对门槛比较高的一款软件。

说了一堆废话。。OK,下面就是TumblrFAB的拖拽效果。

TumblrFAB制作时采用Loop来实现这一堆FAB。这个效果主要有两点:

1.递增的拖拽延迟效果,看起来就想贪吃蛇一样;

2.松开手这些Fab就返回到原地了;


难点:可能在于并不是这次重点的Loop,愿意尝试的朋友可以自己先用Loop建一些列表来熟悉一下。下面是完整的patch连接图,同时提供源文件供大家参考。
Patches


不太会写教程,这也不算一个完整的教程。欢迎大家留言提出关于作品以及教程本身的建议:D 同时也希望更多的人投身原型设计,大家一起来探讨各种好玩的东西。


Image title

Image title





全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票