5个有用的webAPP界面设计工具和开发案例分享

只要涉及到移动端的开发，我们肯定会想到webAPP。我们都知道移动HTML5带UI的开发框架层出不穷，常见的有Sencha Touch、jQuery Mobile前者效果较好，收费，学习成本高；后者效果一般，但兼容性好，免费，学习成本低，会jquery的同学上手快。其实还有一个夹在两者之间的框架叫Kendo UI。

第一个webAPP界面设计工具：Kendo UI

Kendo UI拥有统一测试，支撑框架下你所需要的所有工具。它使得你专注于创建自己的应用程序，而不是从成百上千不支持的插件和库中创建（和支撑）框架。 Kendo UI Web包括简单、一致的编程接口，安全可靠的数据源，精美和新颖的UI小部件，MVVM框架，主题和模板等。你需要做的就是以Kendo UI Web为基础，去开发现代化、交互式的HTML5和JavaScript应用程序。

Kendo UI Web支持即时触屏功能。所有的Kendo UI Web小部件都全面支持触屏设备，如iPad、iPhone和Android，因此你的Web应用程序能用在许多不同输入选项的设备上。甚至Kendo UI的拖拽框架都支持触摸屏，你无需仅仅为了处理鼠标和触摸屏输入而复制代码。

Kendo UI官网：www.kendoui.com

Kendo UI Demos（开发案例库分享）：http://demos.telerik.com/kendo-ui/

第二个webAPP界面设计工具：MOQUPS

这个工具可创建出非常惊人的webapp，具有高保真、独立分辨率的 SVG 模型和线框。Moqups 是一款HTML5在线的WEB框架、模型、UI设计并创建的网络应用程序。 基于HTML5在线WEB框架、模型、UI设计并创建:Moqups 它内置有超过60套手绘的SVG模板及特性。 值得推荐使用。

MOQUPS官网：moqups.com

第三个webAPP界面设计工具：Fluid UI

Fluid UI 是目前最快的移动 app 原型设计工具，它可以在移动设备上测试各种低保真和高保真的 app 模型，帮助你以最快的速度收集 app 需求，节约时间和金钱。

定制iPhone、Android和Windows8手机原型图-Fluid

第四个webAPP界面设计工具：UI Parde

这是一个在线设计工具，你可以用它设计按钮、菜单、图表和功能区，设计好后可以一键生成 HTML 或 CSS 代码，生成的图标还可以直接导出 PNG 格式的图片。总之，这款 UI 设计工具不要求你有多么丰富的代码知识。

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

第五个webAPP界面设计工具：UXPin

UXPin是DeSmart团队开发的一个简易快速的实体模型和在线可点击原型创作工具。它基于优秀的用户体验设计原则，在构建原型中，它提供了一个完整的工具包（该工具包具有良好的用户设计模式和元素）来从头构建一个出色的原型。非常适合公司里面的UX设计人员。

UXPin具有响应式的断点功能，创建的响应式原型和线框图可以运行在不同的设备和分辨率上。另外该软件还提供了版本控制和迭代功能，可以轻松的共享预览，直观的注解和实时的协同编辑和聊天。该软件拥有大量具有吸引力的用户界面元素风格（包括web，iOS，Android等），并且具有快速、灵敏的响应拖放接口。

UXpin酷站官网：www.uxpin.com