移动端开发工具整理

浏览数：16 / 时间：2015年06月11日

1. App原型工具

原型以一种“粗糙”的方式展现产品的核心功能，是一种最简单和直白的需求表现形式。是以一种图形化的方式展现需求，需求人员无论是从客户处获取需求，还是老板拍板需求，还是通过调研确定需求，都要确保你知道的需求是“正确”的需求，最快的方式，就是设计出原型，然后作为样本给客户或老板看，验证需求的正确性。制作原型是业务人员应该掌握的一项基本技能。

基于原型的特点，对于制作原型的原型工具就有一个最基本的要求:高效率

原型是需求分析阶段的一个产物，此阶段最主要的就是探讨需求，反复确认需求，而原型作为需求的图形化表现，也要随着需求的更改而修改，所以原型工具需要能够快速的设计，修改原型。

1.1 Axure RP

Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型工具，Axure的可视化工作环境可以创建带有注释的线框图，不用进行编程，就可以在线框图上定义简单的连接和高级交互。在线框图的基础上，可以自动生成HTML原型和Word格式的规格。

除此之后还支持预览功能和发布功能。

而对于App原型这部分，Axure也是支持的，可以通过导入App原型部件而进行设计。但是他有一个比较大的缺点：Axure导出的HTML页面，很难在手机上预览和测试效果，这是Axure的致命伤，只能在电脑上作为移动产品原型，做好以后又不能在手机上预览，那产品原型就会和实际做出来的产品相差甚远；

Axure RP7 主界面

技术分享

Axure RP7.0下载地址：

1.2 Mockplus

一款简洁快速的原型图设计工具。适合软件团队，个人在软件开发设计设计阶段使用。其低保真，无需学习，快速上手，功能够用。并能够很好的表达自己的设计。Mockplus 系列产品是简洁高效的原型生产工具。给出的口号是“简洁高效的原型设计工具，专注设计，而非工具”。

产品理念：“关注设计，而非工具”。拿来就上手，上手就设计，设计都可以表达创意。

软件的创新点：审阅协作。创建原型图，邀请，批注图钉，之后就可以协同工作。所有的讨论，意见和版本都会保留。

官方地址：https://www.mockplus.cn/

在线版主界面：

技术分享

2. 移动端前台框架

2.1 Bootstrap

Bootstrap是基于HTML5+CSS3开发的，他在Jquery的基础上进行了更为人性化和个性化的完善，形成一套自己独有的网站风格。

Bootstrap是twitter前端开发团队开源的一套框架，准确的说它并不是对移动web的，与Jquery mobile不一样，他主要针对前端敏捷开发的，但是Bootstrap很好的解决了适应性布局的问题，使得基于Bootstrap的项目能够在移动平台显示有好，这种适应性布局在Jquery mobile中也有解决方案。Bootstrap并没有提供更多的移动平台组件。

Bootstrap中文网：http://www.bootcss.com/

2.2 JQuery mobile

JQuery mobile是jquery针对移动web领域发力的开源产品。他不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。

jQuery mobile官方地址：http://jquerymobile.com/

W3CSCHOOL jQuery mobile教程：http://www.w3cschool.cc/jquerymobile/jquerymobile-tutorial.html