Axure原型设计简明图解案例教程之支付宝App低保真原型设计PPT

Axure不仅可以用于网站原型的制作，同时也可以制作移动App的软件原型。下面综合应用Axure的知识，利用Axure来进行猫眼电影App的低保真原型设计,如下图所示。 1.利用Axure的母版功能绘制猫眼电影App的底部标签导航。2.绘制“电影”模块的热映内容界面布局。3.绘制“电影”模块的待映内容界面布局。4.绘制“电影”模块的榜单内容界面布局。5.制作猫眼电影App海报轮播效果。6.制作猫眼电影App页签切换效果。7.制作猫眼电影App的“电影”模块界面内容上下滑动效果。8.制作猫眼电影App的“预告片推荐”界面内容左右滑动效果。 在进行页面布局时,需要用到标签部件、矩形部件、文本框(单行）部件、横线部件、图片部件、动态面板部件等。 在设计底部标签导航时，需要将它设计成母版，这样在页面里可以直接使用，避免重复制作和重复添加交互效果。 海报轮播效果制作需要借助于动态面板的状态自动切换效果进行设置。 页签切换效果需要使用图像热区部件作为页签触发的锚点，使用动态面板显示多种状态内容;通过添加鼠标单击时触发事件，进行面板状态的设置。界面内容上下滑动效果和左右滑动效果,需要使用两个动态面板部件，一个用来外层控制显示区域,另一个用来添加拖动效果。 进行低保真原型设计，不要使用截图或者过多的彩色，最好使用黑白灰3种颜色。交互设计师或者产品经理在制作完低保真原型后，交给视觉设计师(UI设计师或者美工)来进行界面的设计,他们会制作界面图片，并且切图。 由于要以iPhone 6手机背景作为原型的背景图，所以需要绘制iPhone 6手机背景或者载入iPhone6手机背景部件库，这样绘制出的原型，可以模拟出用户在手机上最真实的软件操作效果。