标签:微信企业号
原型以一种“粗糙”的方式展现产品的核心功能,是一种最简单和直白的需求表现形式。是以一种图形化的方式展现需求, 需求人员无论是从客户处获取需求,还是老板拍板需求,还是通过调研确定需求,都要确保你知道的需求是“正确”的需求,最快的方式,就是设计出原型,然后作为样本给客户或老板看,验证需求的正确性。制作原型是业务人员应该掌握的一项基本技能。
基于原型的特点,对于制作原型的原型工具就有一个最基本的要求:高效率
原型是需求分析阶段的一个产物,此阶段最主要的就是探讨需求,反复确认需求,而原型作为需求的图形化表现,也要随着需求的更改而修改,所以原型工具需要能够快速的设计,修改原型。
Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型工具,Axure的可视化工作环境可以创建带有注释的线框图,不用进行编程,就可以在线框图上定义简单的连接和高级交互。在线框图的基础上,可以自动生成HTML原型和Word格式的规格。
除此之后还支持预览功能和发布功能。
而对于App原型这部分,Axure也是支持的,可以通过导入App原型部件而进行设计。但是他有一个比较大的缺点:Axure导出的HTML页面,很难在手机上预览和测试效果,这是Axure的致命伤,只能在电脑上作为移动产品原型,做好以后又不能在手机上预览,那产品原型就会和实际做出来的产品相差甚远;
Axure RP7 主界面
Axure RP7.0下载地址:
一款简洁快速的原型图设计工具。适合软件团队,个人在软件开发设计设计阶段使用。其低保真,无需学习,快速上手,功能够用。并能够很好的表达自己的设计。Mockplus 系列产品是简洁高效的原型生产工具。给出的口号是“简洁高效的原型设计工具,专注设计,而非工具”。
产品理念:“关注设计,而非工具”。拿来就上手,上手就设计,设计都可以表达创意。
软件的创新点:审阅协作。创建原型图,邀请,批注图钉,之后就可以协同工作。所有的讨论,意见和版本都会保留。
官方地址:https://www.mockplus.cn/
在线版主界面:
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
移动HTML5带UI的开发框架层出不穷,常见的有Sencha Touch、jQuery Mobile前者效果较好,收费,学习成本高;后者效果一般,但兼容性好,免费,学习成本低,会jquery的同学上手快。其实还有一个夹在两者之间的框架叫Kendo UI。
kendoui效果比jquery Mobile要好,次于SenchaTouch,但学习成本也次于它。他用于快速HTML5 UI开发。包含了开发现代JavaScript所需要的一切。包括:强大的数据源,通用的拖拉功能,模块和UI控件等。
我在网上找相关资料的时候找到了国人开发的前台框架。没有用过但是也想整理在这里,我觉得可以关注一下中国人在这方面的发展。HTML5+MUI+HBuilder之初探情人
官方网站:http://www.css3china.com/wp-content/demo/mui/mui.html
简单的定义:PC上的WAP浏览器。它让用户电脑再不需要安装任何浏览器或插件的前提下,直接访问手机WAP网站,免去手机开通GPRS费用,让您以Web网站速度浏览WAP网站,如有您有网站(网页)可以把代码加到自己的网站中去(只需要复制所产生的html代码,插入网页响应源代码的位置即可)。
我在调试页面样式的过程中使用的时儒豹手机仿真器,这款软件最大的好处就是在PC段快速便捷的查看页面在移动端的展示,它是比较粗糙的展示,确胜在方便快捷。
儒豹手机仿真器在线地址:http://sim.roboo.com/
标签:微信企业号
原文地址:http://blog.csdn.net/y_love_f/article/details/44727301