maqetta(HTML 5可视化设计工具)

HTML作为互联网的基本语言，是每位网页设计师以及相关职业人士必须熟悉的工具。目前，HTML 5已经经历了第五次重大更新，万维网联盟也已正式发布了这一标准规范。这一更新不仅提升了网页设计的灵活性和功能性，也为开发者提供了更丰富的创作手段，使他们能够创造出更具互动性和吸引力的网页内容。掌握HTML的最新版本将有助于设计师和开发者在竞争激烈的市场中保持领先地位。

而maqetta是小编推荐给大家的一款HTML 5可视化设计工具，是由IBM公司开发的一款在浏览器上运行的HTML 5网页设计软件。因为maqetta本身是由HTML/Ajax所编写，所以运行在浏览器上时，无需在安装任何额外的插件。maqetta最主要的功能是页面设计师将UI原型转交给工程师时，帮助减少工程师的工作量，提高工作效率，减少重新开发的工作量。促进整个开发生命周期，最大程度的把表现层资源保存下来，比如CSS、主题等等。

安装说明

首先，请确保您安装有JRE1.5以上版本

然后请使用Google Chrome, Firefox 4, Safari 5.1/Mac 等浏览器上运行，当然并不是只能使用这些浏览器，而是含有这些内核的浏览器，理论上360的浏览器都能使用。

解压缩后运行maqetta.server.win.bat，然后打开你的浏览器输入http://localhost:50000/maqetta就能够使用了。

注：使用期间不能关闭maqetta.server.win.bat。

功能概述

WYSIWYG 可视化页面编辑

通过拖拽实时建立 UI 原型

设计和源码浏览同步编辑

对 CSS 样式深度支持，可扩展 CSS 主题和插件 widget

原型符合 html5,css3 标准，可直接交付使用

提供 web-based 的评论功能，可供团队成员 review

可支持最初的线框图设计和详细的象素级别最终设计

支持移动设备用户界面原型设计，可模拟真实设备大小