只要涉及到移動端的開發(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
全站高品質(zhì)素材免費下載!