UI框架，你最中意谁？

现在，移动、跨屏已经成为当下互联网最热门的技术，而前端开发者在开发网页时，时常会陷入重复解决繁复的跨屏、适配问题，耗费精力，影响工作效率，产品开发进度慢这样的恶性循环中。针对以上这些情况，小编整理了几个前端框架，供开发者在开发网页时参考了解。

       首先，小编要先说说ZUI。ZUI是禅道项目管理软件团队在完善自己产品过程中，形成的一个开源前端实践方案，能快速构现代跨屏应用。它简单美观，易于使用，快速构建简洁大方的现代web应用。ZUI采用HTML5且支持所有流行的移动及桌面浏览器平台，一些旧的浏览器也能够降级支持。轻快独立稳定，最佳的可用性能，最大限度的不依赖于外部组件。全平台响应，一次编写，响应任何尺寸的设备。以下是几个运用ZUI的例子。

1、蝉知

 

蝉知企业门户系统是由业内资深开发团队开发的一款专向企业营销使用的企业门户系统，企业使用蝉知系统可以非常方便地搭建一个专业的企业营销网站，进行宣传，开展业务，服务客户。

蝉知系统内置了文章、产品、论坛、评论、会员、博客、帮助等功能，功能丰富实用，后台操作简洁方便。同时蝉知系统内置了搜索引擎优化必备的功能，比如关键词，摘要，站点地图，友好路径等，使用蝉知系统可以非常方便的搭建对搜索引擎友好的网站。蝉知系统采用的就是ZUI框架。

2、然之

 

    然之协同系统是一款面向中小企业的协同办公系统，它包括了客户管理、销售跟踪、日常办公等功能。然之协同由国内著名开源软件厂商青岛易软天创开发，以LGPL协议开源发行。青岛易软天创旗下还开发有著名的禅道开源项目管理软件和上面已经说过的蝉知开源企业门户系统。然之所运用的就是UI框架。

3、OpenCenter

 

OpenCenter是著名社交产品开发商想天科技计划推出一款基于ThinkPHP框架的通用的用户中心框架。结合OpenSNS（原ThinkOX）的社交实践提炼出一款新的用户中心产品OpenCenter即将在年前发布beta版。

OpenCenter的后台管理框架采用ZUI作为UI框架，清晰简洁。图表绘制采用highChart。导航结构顶部为系统级导航，在顶部导航加入了两个便捷功能，清空缓存和打开前台。导航左侧为已安装的模块管理界面入口，点击底部更多可以进入到云平台的模块中心，也可以根据自身需要添加模块。右侧部分为主内容部分，主要统计当天的活跃度与最近N天的新用户注册数，一目了然，此处的N可以在后台配置。

接下来，小编再来说说Semantic UI。Semantic UI的特性有：拥有丰富的CSS模块，常用的JS组件，CSS3动画特效，漂亮大气的新式，非常完善的文档和演示，配备网格布局，支持Sass和LESS动态样式语言，有一些非常实用的附加配置等。

 

下面是一款采用Semantic UI的例子。

 

最后，小编再介绍下Amaze UI。Amaze UI是一个针对HTML 5开发的轻量级、模块化、移动优先的跨屏前端框架，通过拆分、封装了一些常用的网页组件，比如轮播图框、文字框等等组件，让前端开发者只用复制代码便可以将这些跨屏的组件写入自己的网页中，而不需要自己在开发的过程中重写一遍。

 

Amaze UI有以下优势：加入更多符合中国市场特性的元素，中文排版更优化，兼容中国本土主流浏览器。更轻量化，不仅适用于桌面端，更适合移动端，包含一些封装好的Widgets。

     当然，除了以上的三个UI框架之外还有一些别的框架，利用这些框架能够帮助开发者快速进行设计和开发，可以大大简化很多工作量。对于开发者来说，选择适合自己的框架，事半功倍。小编上述介绍的这些，希望对您有所帮助。

 

 

 

 

 

转载于:https://blog.51cto.com/01201012/1615478