UI框架选型

标签: ui 框架 | 发表时间:2012-11-16 10:35 | 作者:
出处:http://www.iteye.com

  最近公司的一个新项目要进行UI框架的选型,我把选型的思路和过程跟大家分享一下。

 

选型标准

  在选型之前,我们先要定一下选型的标准,就像人生一样,想清楚“自己要的是什么”是最重要的。

  选型的标准分为几部分:

 

 

  •  符合业务

业务是根本,和大部分的技术一样,框架没有好坏之分,只有适合与不适合。

        我们项目是一个通讯类的监控项目,用户群是移动、电信等运营商的运维人员,系统的特点是:

业务逻辑复杂、表格较多、图表较多、用户权限体系复杂。。。。。

 

        此外,虽然是运维类项目,客户(包括我公司领导)对界面美观的要求越来越高。

  •  用户群(社区)

选用的UI框架应该有活跃的用户群(社区)。

  • 开发效率

使用框架应该能提高开发效率。

  • 团队素质

 

选用的框架应该符合项目团队的技术情况。

 

 

选型过程

  对比现有的WEB UI框架,可以简单把他们分为两类:企业型、互联网型。

 

  企业型

 

  企业型指的是类似EXTjs的框架,这类型框架的特点是功能强大、UI风格比较接近非web的系统。

 

  ExtJs:www.sencha.com/products/ extjs 

  jQuery easyui:www.j easyui.com

  dwz:code.google.com/p/ dwz/

  dhtmlx: dhtmlx.com

 

  互联网型

  互联网型指的是类似Twitter Bootstrap这样的适合用于互联网开发的框架,这类型框架的特点是UI美观、自由度较大。

 

   Compass + Blueprint

BlueprintCompass,是一个分工很明确的组合,前者负责样式渲染,后者则是基础框架和模块,可以说,在bootstrap诞生之前,是web开发首选的黄金组合。

 

 

  Twitter Bootstrap:

Bootstrap是Twitter开源的一个CSS框架。关于Bootstrap的优点、确定,我后面再用另外的文章描述。

 

  Alice(CSS) +  Kissy(UI):

        Alice和Kissy是阿里系开源的css框架和ui框架,用户基本都在国内。值得一提的是他们写的文档,可以认真参考一下,应用在一些内部的框架中。

 

选型结果

 

  1.  考虑到用户对界面美观要求较高,因此放弃掉企业型的框架
  2. 考虑到国内国外的用户群,与文档的完备程度,放弃掉Compass + Blueprint
  3. 考虑到Alice和Kissy的用户群还不够大,因此,最终我们选用的是Bootstrap。在ui方面可以会使用jquery ui bootstrap。

 



已有 0 人发表留言,猛击->> 这里<<-参与讨论


ITeye推荐



相关 [ui 框架] 推荐:

[转] jQuery ui框架

- - CSDN博客Web前端推荐文章
   jQuery ui框架很多,除了官方提供的 jquery UI(如果你还不知道什么是 jQuery UI,请看 下载了jquery ui后如何使用),还有很多第三方提供的ui框架,因官方提供的jquery ui框架体积较大,所以很多人都不喜欢用,但不论是官方提供还是第三方提供,他们都是基于 jquery核心类库实现的ui框架.

UI框架选型

- - ITeye博客
  最近公司的一个新项目要进行UI框架的选型,我把选型的思路和过程跟大家分享一下.   在选型之前,我们先要定一下选型的标准,就像人生一样,想清楚“自己要的是什么”是最重要的.   选型的标准分为几部分:. 业务是根本,和大部分的技术一样,框架没有好坏之分,只有适合与不适合.         我们项目是一个通讯类的监控项目,用户群是移动、电信等运营商的运维人员,系统的特点是:.

开源Python UI框架:Kivy

- xin - 秀码趣 - ShowMuch.com
Kivy是一个可用以快速创建新颖用户界面应用的开源Python库,比如可以用它来创建多点触摸的应用程序,它具备跨平台特性,目前发行有Windows、MacOS、Linux以及Android版本. 作为一个开源框架,Kivy具备以下特性:A.百分百免费使用;B.基于 LGPL3协议 开源,对商业化应用友好;C.跨平台,支持Windows、MacOS、Linux以及Android;D.允许在不同的平台上运行同一套代码;E.稳定以及有完善的API文档;F.通过OpenGL ES 2.0对硬件进行加速;G.自然支持大部分的输入协议或者输入设备;H.基于Python的简单API……等等.

5 个界面效果很炫的 JavaScript UI 框架

- paul - 博客园新闻频道
  Web 开发很简单,Web 应用的 UI 开发却很复杂,如果能够利用一些成熟的 UI 框架可以大大的减少开发的复杂度. 本文向你介绍 5 款界面效果很不错的 JS 框架.   ExtJS 主要用来开发RIA富客户端的AJAX应用,主要用于创建前端用户界面,与后台技术无关的前端ajax框架. 因此,可以把ExtJS用在.Net、 Java、Php等各种开发语言开发的应用中.

文章: Calatrava:自由构建UI的跨平台移动框架

- - InfoQ cn
移动是未来计算的趋势,越来越多的人使用移动设备来访问互联网. 但是目前至少三大平台:iOS、Android、移动Web. 相比桌面Web,移动用户需要更好的体验、界面和设计. 然而移动设备受限于电池、不可靠的网络连接和小尺寸屏幕. 创业者之翼为创业新星免费提供甲级办公场所,详情请点击. 2012RIA天地行•西南游戏开发者大会11月25日,火热报名中.

最受欢迎的前端UI框架推荐

- - 氪星人
前端UI框架越来越受到新人追捧,下边小编为大家列出目前最受欢迎、最优秀的前端框架以供大家选择. 目前开源社区最受欢迎的项目之一,可谓大名鼎鼎了,最新版本3.x兼容IE9+,用于开发响应式布局、移动设备优先的Web项目. 官网: http://getbootstrap.com/. UI框架的后起之秀,UI动画效果很棒,一个很有潜力的项目.

几个前端UI框架的的比较

- - SegmentFault 最新的文章
首先是在问答里面看到了一个问题:. CSS框架 ui 有哪些啊( http://segmentfault.com/q/1010000002547926). 刚开始接触HTML刚开始接触JS我也不懂就看了下- 正好我也在考虑怎么用HTML来搭我的APP UI. 作为初学者,我发现Amaze UI是中文的,觉得对初学者看起来会更简单 - 尤其对HTML CSS等一窍不通,很快有人推荐了Ratchet,看了下感觉用来做手机APP确实很简单的样子.

50 个免费UI和Web设计框架工具和源文件贡献

- 淼 - UI乐园
生活频道——笑谈生活,坐看人生,这里有着小人物的健康生活. 收藏到:Del.icio.us.

Metro UI 平板概念图

- 冉波 - 爱范儿 · Beats of Bits
在 《从应用启动器的设计来谈谈 Metro UI 的不足》 中,我曾抱怨过 Metro UI ,主要是针对它的主屏幕,因为在手机那样的小屏幕上,主屏似乎更适合摆放图标,而不是动态格窗. 但是如果我们将 Metro UI 放到平板上,情况就会完全不同. iOS 在 iPhone 上表现虽然很好,但是将同样的 UI 放到 iPad 上,总感觉不够大气.

Patrick Baudisch: 德國 UI 之神

- tan - 所有文章 - UCD大社区
我曾經為文撰寫過 “日本 UI 之神 – Takeo Igarashi“, 出自於我個人對於 Takeo 的研究的敬佩以及喜愛. 如今,當我投入了 HCI (Human-Computer-Interaction) 研究之後,有一位超新星大師的研究讓我非常喜愛. 如同 Takeo 也是一個非常帥氣的研究員,然而不同於 Takeo 的圖學以及 GUI 雙跨 (近年來 Takeo 更加神猛了, 變成了圖學, GUI, HRI 三跨了),Patrick 的研究自始自終都在 HCI 領域.