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

第一個webAPP界面設(shè)計工具：Kendo UI

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

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

Kendo UI官網(wǎng)：www.kendoui.com

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

第二個webAPP界面設(shè)計工具：MOQUPS

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

MOQUPS官網(wǎng)：moqups.com

第三個webAPP界面設(shè)計工具：Fluid UI

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

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

第四個webAPP界面設(shè)計工具：UI Parde

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

UI Parde酷站官網(wǎng)：http://livetools.uiparade.com/index.html

第五個webAPP界面設(shè)計工具：UXPin

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

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

UXpin酷站官網(wǎng)：www.uxpin.com