1草图 #160 草图意思就是使用笔和纸去手绘产品页面的草图，以便快速的和产品经理以及客户等进行讨论，这样会使产品更具体化2低保真原型 #160#160低保原型图意思就是在草图的基础上通过电脑软件由简单的线框；1新建页面用于app底部的导航大家可以根据自己所要制作的app来创建多个页面，注意哦新建的页面一定要在主界面底下比如说首页直播社区消息我在每一个页面底下也还可以再新建一些子页面 2页面布局；二APP原型图设计 产品经理会根据用户需求，规划app原型图，以及app各个功能模块实现的逻辑思路，终出一份符合客户需求符合设计研发人员工作思路的逻辑图原型设计方案三APP效果图设计 设计师根据原型图，客户喜欢的。

01框架搭建这里笔者使用自己正在制作的APP原型进行讲解版本AxureRP9企业版 1新建页面底部导航分为5个部分，所以也对应着五个页面在制作时先不考虑登录等其他页面，只做主界面1在页面部分注意不是概要部分添加；画好原型后 1下载Axure 2如果是给itouch或者iPhone用的，比较好办，直接用320×480的分辨率画好辅助线，然后画原型 3按F5生成原型的时候，在“MobileDevice”选项中可以设置适配移动设备的特殊原型 4设置说明见下图页。

利用AxureRP8来搭建原型图，就不得不提到元件库的使用，元件库对于Axure来说其实在某种程度上相当于工具栏对于平面设计，如果想要在页面上搭建一个简易原型，元件库中元件的使用时必不可少的，就像是搭建一个积木原型就必须要有积木的原理是；一主体不同 1UI是指对软件的人机交互操作逻辑界面美观的整体设计2原型图是交互设计师与PDPM网站开发工程师沟通的最好工具二定位不同 1UI好的UI设计不仅是让软件变得有个性有品位，还要让；App原型设计的工具还有不少，比如ProtoioMockupBuilder，AppCookerFluidUI开源手绘风格原型图绘制工具Pencil功能全面但并不复杂的Lumzy等，都有不错的用户群，开发者们可以根据自身具体情况选择合适的原型设计工具，提供应用。

Protoio也是国外的一款手机原型开发平台支持在大多数的浏览器运行，共享和协作操作方便，可以直接在真实的移动设备上对原型进行测试拥有较为丰富的UI组件，支持自定义另外它有不错的用户测试功能，支持视频录制并且在；在开发 APP 之前，设计产品原型是非常重要的原型设计是产品开发过程中的一个关键环节，通常在产品设计阶段的早期进行，原型设计的目的是验证产品的概念功能和用户体验，以便在进一步的开发和生产中进行改进 通过原型图向；原型图经过反复推敲修正后，UI 设计师会进行UI界面相关的配色设计功能具象化处理交互设计以及各种机型系统的适配UI 设计师经过多次与项目经理沟通修改后，最终的到定稿的高保真设计图4开发 经过以上几个过程之后；axure的思想更接近实际开发，比如通过master实现界面元素的封装复用，条件判断，函数，变量这些功能除了开发工具，原型工具还有谁能比得上axure吗app原型相比网页，界面结构简单，但交互复杂得多界面上的div也不是平铺的；1使用InspirationMapsInspirationMaps是一款强大的思维导图工具，可以帮助用户简化产品原型设计过程它可以帮助设计师一眼望穿一个思维，从而加速产品原型设计流程2使用MockplusIpadMockplusIpad是一款专为iPad开发的原型设计；线框图工具和App原型设计工具不断的改变着UX设计师的工作方式作为一名设计师，很幸运市面上有丰富的原型设计工具供我们使用我给你推荐三款主流软件供您参考，这三款软件都是可以让我们能够以较低的成本来创建我们的原型；界面美观原件库也很多，不用自己上网去找，除非是比较特殊的交互效果方面也能实现很多，比较不足是输入文本时，每次都要设置文本样式，比较烦当时老师说企业里面的一般都是用这个来设计网页app的原型图。

Lowfi，即低保真原型图，整个APP设计阶段，设计师真正开始上手的环节待PM制作好PRD文档和逻辑流程图之后，交互设计师开始依据已有的结论，画出LowfiLowfi的作用 1 方便团队进行方案的讨论和统一就像使用场景。