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

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

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

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

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

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

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

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

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

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

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

定制iPhone、Android和Windows8手機(jī)原型圖-Fluid

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

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

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

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

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

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

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