当前位置: 首页 >> 移动手机网站制作和手机网站欣赏 >> 阅读正文

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官网:moqups.com

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

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

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

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

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

uiparade

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

 

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

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

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

UXpin酷站官网:www.uxpin.com



无觅相关文章插件,快速提升流量

本文标题:5个有用的webAPP界面设计工具和开发案例分享

本文地址:http://www.25xt.com/webapp/5725.html

本文关键词:

除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。