只要涉及到移動端的開發(fā)，我們肯定會想到webAPP。我們都知道移動HTML5帶UI的開發(fā)框架層出不窮，常見的有Sencha Touch、jQuery Mobile前者效果較好，收費，學習成本高；后者效果一般，但兼容性好，免費，學習成本低，會jquery的同學上手快。其實還有一個夾在兩者之間的框架叫Kendo UI。

第一個webAPP界面設計工具：Kendo UI

Kendo UI擁有統(tǒng)一測試，支撐框架下你所需要的所有工具。它使得你專注于創(chuàng)建自己的應用程序，而不是從成百上千不支持的插件和庫中創(chuàng)建（和支撐）框架。 Kendo UI Web包括簡單、一致的編程接口，安全可靠的數據源，精美和新穎的UI小部件，MVVM框架，主題和模板等。你需要做的就是以Kendo UI Web為基礎，去開發(fā)現代化、交互式的HTML5和JavaScript應用程序。

Kendo UI Web支持即時觸屏功能。所有的Kendo UI Web小部件都全面支持觸屏設備，如iPad、iPhone和Android，因此你的Web應用程序能用在許多不同輸入選項的設備上。甚至Kendo UI的拖拽框架都支持觸摸屏，你無需僅僅為了處理鼠標和觸摸屏輸入而復制代碼。

Kendo UI官網：www.kendoui.com

Kendo UI Demos（開發(fā)案例庫分享）：http://demos.telerik.com/kendo-ui/

第二個webAPP界面設計工具：MOQUPS

這個工具可創(chuàng)建出非常驚人的webapp，具有高保真、獨立分辨率的 SVG 模型和線框。Moqups 是一款HTML5在線的WEB框架、模型、UI設計并創(chuàng)建的網絡應用程序。 基于HTML5在線WEB框架、模型、UI設計并創(chuàng)建:Moqups 它內置有超過60套手繪的SVG模板及特性。 值得推薦使用。

MOQUPS官網：moqups.com

第三個webAPP界面設計工具：Fluid UI

Fluid UI 是目前最快的移動 app 原型設計工具，它可以在移動設備上測試各種低保真和高保真的 app 模型，幫助你以最快的速度收集 app 需求，節(jié)約時間和金錢。

定制iPhone、Android和Windows8手機原型圖-Fluid

第四個webAPP界面設計工具：UI Parde

這是一個在線設計工具，你可以用它設計按鈕、菜單、圖表和功能區(qū)，設計好后可以一鍵生成 HTML 或 CSS 代碼，生成的圖標還可以直接導出 PNG 格式的圖片?？傊@款 UI 設計工具不要求你有多么豐富的代碼知識。

UI Parde酷站官網：http://livetools.uiparade.com/index.html

第五個webAPP界面設計工具：UXPin

UXPin是DeSmart團隊開發(fā)的一個簡易快速的實體模型和在線可點擊原型創(chuàng)作工具。它基于優(yōu)秀的用戶體驗設計原則，在構建原型中，它提供了一個完整的工具包（該工具包具有良好的用戶設計模式和元素）來從頭構建一個出色的原型。非常適合公司里面的UX設計人員。

UXPin具有響應式的斷點功能，創(chuàng)建的響應式原型和線框圖可以運行在不同的設備和分辨率上。另外該軟件還提供了版本控制和迭代功能，可以輕松的共享預覽，直觀的注解和實時的協(xié)同編輯和聊天。該軟件擁有大量具有吸引力的用戶界面元素風格（包括web，iOS，Android等），并且具有快速、靈敏的響應拖放接口。

UXpin酷站官網：www.uxpin.com