u011730649的专栏

做UI有端时间了,最近算不是太忙,记录一下经常用到的UI框架,方便以后自己的使用,同时也提供志同道合的开发人员参

考。前段时间,在eoeAndroid网站论坛上的一个IOS的UI调查活动中,看到很多开发IOS的人员抱怨基础不好,技术不精湛,努力了

很多,结果能力的提高不是很明显。然后有一个专家大神解答:一个APP的关键在于UI功能上的流畅,APP的UI做很好看,很时尚,

给用户一种 “眼前一亮” 、“山重水复疑无路,柳暗花明又一村”的感觉,而对于那些加载数据、下载图片、消息推送、即时通

讯等功能,都有很多的第三方 框架可以做到。从这个例子中,可以看出来带给用户直观的感觉还是UI方面;另一方面的,通过了解

招聘的情况看来,UI开发的人员还是蛮缺的,所以,学好UI,做好UI很重要。当然,做UI开发的也有一些常用的第三方框架,掌握

了解了这些常用的第三方UI框架,使用起来就方便多了。常用的一些第三方框架:

1、常用网页上做统计图框架:

Highcharts 框架:

Highcharts 已经被成千上万开发者及 61 个全球100强企业使用。Highcharts已经成为最灵活简单的图表工具

开发官网:(更多了解)

ECharts 框架:

Echarts 是基于 Canvas,纯 JavaScript 图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。

优势:Echarts 提供商业产品常用图表库,底层基于 ZRender,创建了坐标系,图例,提示,工具箱等基础组件,并在此上构建出折线图(区域 图)、柱状图(条状图)、散点图(气泡图)、饼图(环形图)、K线图、地图、和弦图以及力导向布局图,同时支持任意维度的堆积和多图表混合展现。

劣势:在功能上比 hightchars 还是稍弱,对手机浏览器支持不是十分理想。

2、常用网页制作框架:

Bootstrap框架:

Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。

Bootstrap 包的内容 基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在 Bootstrap 基本结构 部分详细讲解。 SS:Bootstrap 自带以下特性:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。这将在 Bootstrap CSS 部分详细讲解。 组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在 布局组件 部分详细讲解。JavaScript 插件:Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件,也可以逐个包含这些插件。这将在 Bootstrap 插件 部分详细讲解。定制:您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本。

jQuery EasyUI框架:

Query EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件。

jQuery EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点。本教程将告诉您如何使用 jQuery EasyUI 框架创建应用。

jQuery UI框架:

jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器,jQuery UI 都是一个完美的选择。jQuery UI 包含了许多维持状态的小部件(Widget),因此,它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件(Widget)使用相同的模式,所以,只要您学会使用其中一个,您就知道如何使用其他的小部件(Widget)。

jQuery Mobile框架:

jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。 jQuery Mobile 可以应用于智能手机与平板电脑。 jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页。

适合做APP开发的混合模式。

以上的几个UI框架,是本人使用过觉得蛮可以的,对UI开发人员加快了开发的速度,而且展示的效果也蛮不错。

,趁着有脾气装潇洒,有本钱耍个性,

u011730649的专栏

相关文章:

你感兴趣的文章:

标签云: