HTML5可视化移动设计工具Maqeta是Dojo基金会发布的开源项目,提供HTML5用户界面可视化生产工具,直接在网站上生产,无需安装其他插件,因为它的开源,所以你可以下载源代码部署在自己的服务器上。
Maqetta应用程序本身是由HTML5/Ajax编写的,因此在浏览器中运行时不需要额外的插件或下载。Maqetta的主要设计目标之一是为开发人员建立UI原型,以提高从页面设计师向开发工程师转移原型的工作效率。Maqetta创建的用户原型界面可以直接提交给开发工程师进行实际生产,减少重新开发的工作量,促进在整个开发生命周期中最大限度地保存CSS风格等性能资源。
Maqeta功能概述:
1.WYSIWYG可视化页面编辑;
2.通过拖动实时建立UI原型;
3.设计与源代码浏览同步编辑;
4.深度支持CSS风格,可扩展CSS主题和插件widget;
5.原型符合html5、css3标准,可直接交付使用;
6.为团队成员提供web-based评论功能;
7.可支持最初的线框图设计和详细的象素级最终设计;
8.支持移动设备用户界面原型设计,可模拟真实设备大小。
Maqeta生成的代码可以直接用于开发,目的是在UI原型的这个阶段完成CSS部分的代码,大大避免了界面工作的再次开发。设计师可以通过工具条的Switchtheme按钮切换当前风格主题,并手绘MOCKUP原型,供团队成员进行Review。切换到线框图模式的好处是关注功能层面和页面的跳转关系,而不是风格层面。
Maqeta是基于浏览器开源的HTML5快速产品原型设计工具,支持GoogleChrome、Mozilafirefox3.5+和MacSafari5,为用户体验设计师提供可见的可视化编辑环境。它可以直接在浏览器上使用,无需安装任何插件,使界面原型的制作工作可以通过简单的拖动完成,并支持移动设备用户界面原型的开发。
在Youtube网站上提供详细的Maqeta使用说明和视频教程。
网址入口:http://maqetta.org/