您现在的位置:   首页 >> 新闻中心 >> 原型设计

深度分析:从交互效果的实现,探讨一下Axure背后的逻辑

发布人:www.yunke.ai 发布时间:2021-01-01 156 次浏览

通过对做这个原型过程的思考,我们可以发现,在用Axure做原型时,大部分的交互效果都可以使用 “交互效果流程化,Axure功能来替换”的方法思考。

学习Axure时,在一些群里提问题时,常常会得到这样的回复:

其实,只要弄清Axure背后的逻辑,这个是很简单的。

我常常被这样的回答弄得一愣一愣的,这是一句正确的话,但是我却不知道它能如何指导我去解决问题。我们在看到一个交互效果时,要怎样思考才能成功地用Axure实现它?今天我们通过实现一个类似“探探”的交互效果,来探讨这“Axure背后的逻辑”指的是什么。

一. 最终效果

“得到”app的“看金句”交互效果与“探探”app的交互几乎一样。在这里使用“得到”Android版给大家举例,该交互效果为卡片翻阅的交互。

动图:

1

链接:http://m6sogz.axshare.com

百度云盘:链接:http://pan.baidu.com/s/1eRJFzeq 密码:py1h

二. 分析方法

在开始之前,我在这里斗胆为Axure制作交互“背后的逻辑”做一个通俗的翻译:

将想要实现的效果定为目标,将实现目标的操作流程化,并用自己理解的话表达出来,然后在Axure中寻找能替代流程中每一步的功能,将这些流程进行替换,转化成Axure中的事件。

(1)流程中涉及到的几个元素

  • 角色:人,被操作的对象;
  • 操作:点击,滑动等;
  • 输出结果:每一个操作需要达到的效果,这些效果连接起来就是最终的交互效果。

(2)思考方式

将需要实现的效果以流程表示,分别从角色、操作以及输出结果对整个过程进行拆解,**将每一个节点替换成Axure的功能。

三. 举例分析

接下来,我们看看文初提到的交互效果应该怎么分析。