码迷,mamicode.com
首页 > 移动开发 > 详细

移动端开发工具整理

时间:2015-03-29 16:37:46      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:微信企业号

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


2.3 Kendo ui

      移动HTML5带UI的开发框架层出不穷,常见的有Sencha Touch、jQuery Mobile前者效果较好,收费,学习成本高;后者效果一般,但兼容性好,免费,学习成本低,会jquery的同学上手快。其实还有一个夹在两者之间的框架叫Kendo UI。

       kendoui效果比jquery Mobile要好,次于SenchaTouch,但学习成本也次于它。他用于快速HTML5 UI开发。包含了开发现代JavaScript所需要的一切。包括:强大的数据源,通用的拖拉功能,模块和UI控件等。

2.4 Mui

      我在网上找相关资料的时候找到了国人开发的前台框架。没有用过但是也想整理在这里,我觉得可以关注一下中国人在这方面的发展。HTML5+MUI+HBuilder之初探情人

官方网站:http://www.css3china.com/wp-content/demo/mui/mui.html


3. 手机仿真器

      简单的定义:PC上的WAP浏览器。它让用户电脑再不需要安装任何浏览器或插件的前提下,直接访问手机WAP网站,免去手机开通GPRS费用,让您以Web网站速度浏览WAP网站,如有您有网站(网页)可以把代码加到自己的网站中去(只需要复制所产生的html代码,插入网页响应源代码的位置即可)。

       我在调试页面样式的过程中使用的时儒豹手机仿真器,这款软件最大的好处就是在PC段快速便捷的查看页面在移动端的展示,它是比较粗糙的展示,确胜在方便快捷。

 儒豹手机仿真器在线地址:http://sim.roboo.com/


移动端开发工具整理

标签:微信企业号

原文地址:http://blog.csdn.net/y_love_f/article/details/44727301

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!