網站詳情 官方網站收錄~~~www.egouz.com
收錄時間：2014-10-11
網站介紹
Maqetta:HTML5可視化移動端設計工具是一個由Dojo基金會發布的一個開源項目，提供了所見即所得的HTML5用戶界面可視化製作工具，直接在網站上製作而不需要安裝其他插件，因其開源，所以你可以下載源碼部署在自己的服務器上使用。
Maqetta 應用本身用由 HTML5/Ajax 所編寫，因此運行在瀏覽器中無需請求額外的插件或下載。Maqetta 的主要設計目標之一是建立爲開發人員準備的 UI 原型，提高從頁面設計師將原型轉交給開發工程師的工作效率。由 Maqetta 創建的用戶原型界面可以遞交給開發工程師直接轉換成實際出品，減少重新開發的工作量，促進在整個開發生命週期裏，最大程度保存表現層資源，如 CSS 樣式。
Maqetta功能概述:
1.WYSIWYG 可視化頁面編輯;
2.通過拖拽實時建立 UI 原型;
3.設計和源碼瀏覽同步編輯;
4.對 CSS 樣式深度支持，可擴展 CSS 主題和插件 widget;
5.原型符合 html5,css3 標準，可直接交付使用;
6.提供 web-based 的評論功能，可供團隊成員 review;
7.可支持最初的線框圖設計和詳細的象素級別最終設計;
8.支持移動設備用戶界面原型設計，可模擬真實設備大小。
由 Maqetta 生成的代碼可以被直接用於開發，旨在做 UI 原型這個階段，就已經將 CSS 部分的代碼完成，極大程度避免再次開發界面工作。設計師可以通過工具條的“Switch theme”按鈕切換當前樣式主題，將 MOCKUP 原型以線框圖手繪呈現，供團隊成員進行 Review, 切換成線框圖模式的好處是，將關注點放至功能層面及頁面的跳轉關係，流程上，而不是樣式層面上。
Maqetta 是基於瀏覽器的開源的所見即所得的 HTML5 快速產品原型設計工具，支持 Google Chrome、Mozilla Firefox 3.5+ 和 Mac Safari 5，爲用戶體驗設計師提供了一個可見即可得的可視化編輯環境。它可以在瀏覽器上直接使用，無需安裝任何插件，使得製作界面原型的工作通過簡單的拖拽即可完成 , 並支持移動設備用戶界面原型開發。
這裏提供一份詳細的Maqetta使用說明還有一份Youtube網站上的視頻教程。