自主学了一段时间的Axure,感觉看上去难度不高。为了避免眼高手低,自己便决定制作一个简单的交互界面原型。在制作目标的选择上,阅读类app的结构模式和交互类型都比较固定,在难度上算是比较简单的。尽管如此,在实际制作过程中还是遇到了不少的问题。家里订阅《读者》快10个年头,自己也跟着读了不少,于是最后就定了《读者》的手机App版
因为是用的逆向开发思路,首先需要对基本交互界面进行截图,通过Xmind等软件制作交互线框图。这里我是用的Visio。在制作时,原则上应该在线框链接同时标注好交互触发的方向及备注。不过这次因为逻辑较为简单,我也基本省略了这一步。
之后就是通过Axure将其制作出来。在这个过程中,说来还是比较曲折的。因为自学时用的教材是使用案例教学的《Axure RP8实战手册》,包括动态面板这一核心工具的使用方式都要在制作时不断通过错误来了解。
制作顺序上,我选择先对“美文”、“锋阅”等主要界面进行单一制作,最后通过交互触发完成联动。其实这个过程有点歪打正着的意思,在我原本的思路里其实是想通过页面跳转的方式完成联动。但实际上,Axure的一大核心便是动态面板的多层嵌套。于是在完成单一界面的制作后,我不得不使用copy方式重新完成嵌套,最后合成统一。
其实最后总结来看,在制作过程中我认为这个顺序是可取的。copy的过程其实时间很短,分部制作可以在原型复杂时更好的完成各个界面的制作而不至于在嵌套过程中发生混淆,并且在测试校对时也很容易修改。当然如果足够熟练,也完全可以在制作同时完成嵌套。
在没有完全理解嵌套使用前,我也用过些“笨”办法。比如显示/隐藏。即把触发元件叠放在一起隐藏另一种状态。在鼠标点击触发时显示,并隐藏原元件。这种方法在比较简单的单一交互(如按钮选定和取消)时操作简单,看上去很方便,之前我也有把它应用到页面跳转上。但在实际操作时,一旦发生多层嵌套的需求,这种方式就很难满足需求。个人认为在最底层交互时可以少量使用。
上两图中的交互触发便可用这个显示/隐藏完成。
最后,元件的制作方面我选择用截图的方式完成app元件制作。Axure元件提供了不少通用元件,但大部分没法直接应用到实际制作中,或是要进过大量的调整。这里Axure中提供的自主制作元件库中可以载入截取的图片,制成直接可用的图片原件。唯一需要做的就是把握好截图的尺寸以及图片分辨率。
尽管最后制成的模型也和成品有很多差异,但基本可以完成作为模型的目标。就自身而言,希望在今后制作中加强细节方面的考量,让产出更精细化。
————Axure原文件链接:http://pan.baidu.com/s/1jHDHAke key:i0ad