maqetta(HTML 5可視化設(shè)計(jì)工具)

HTML是萬維網(wǎng)的核心語(yǔ)言，是每一位網(wǎng)頁(yè)設(shè)計(jì)師和相關(guān)工作必須掌握的一門語(yǔ)言，如今HTML 5已經(jīng)進(jìn)行了第五次重大修改，并且萬維網(wǎng)聯(lián)盟宣布，該標(biāo)準(zhǔn)規(guī)范也終于制定完成。

而maqetta是小編推薦給大家的一款HTML 5可視化設(shè)計(jì)工具，是由IBM公司開發(fā)的一款在瀏覽器上運(yùn)行的HTML 5網(wǎng)頁(yè)設(shè)計(jì)軟件。因?yàn)閙aqetta本身是由HTML/Ajax所編寫，所以運(yùn)行在瀏覽器上時(shí)，無需在安裝任何額外的插件。maqetta最主要的功能是頁(yè)面設(shè)計(jì)師將UI原型轉(zhuǎn)交給工程師時(shí)，幫助減少工程師的工作量，提高工作效率，減少重新開發(fā)的工作量。促進(jìn)整個(gè)開發(fā)生命周期，最大程度的把表現(xiàn)層資源保存下來，比如CSS、主題等等。

安裝說明

首先，請(qǐng)確保您安裝有JRE1.5以上版本

然后請(qǐng)使用Google Chrome, Firefox 4, Safari 5.1/Mac 等瀏覽器上運(yùn)行，當(dāng)然并不是只能使用這些瀏覽器，而是含有這些內(nèi)核的瀏覽器，理論上360的瀏覽器都能使用。

解壓縮后運(yùn)行“maqetta.server.win.bat”，然后打開你的瀏覽器輸入http://localhost:50000/maqetta就能夠使用了。

注：使用期間不能關(guān)閉“maqetta.server.win.bat”。

功能概述

WYSIWYG 可視化頁(yè)面編輯

通過拖拽實(shí)時(shí)建立 UI 原型

設(shè)計(jì)和源碼瀏覽同步編輯

對(duì) CSS 樣式深度支持，可擴(kuò)展 CSS 主題和插件 widget

原型符合 html5,css3 標(biāo)準(zhǔn)，可直接交付使用

提供 web-based 的評(píng)論功能，可供團(tuán)隊(duì)成員 review

可支持最初的線框圖設(shè)計(jì)和詳細(xì)的象素級(jí)別最終設(shè)計(jì)

支持移動(dòng)設(shè)備用戶界面原型設(shè)計(jì)，可模擬真實(shí)設(shè)備大小