经常使用流行的前端框架

时间 2019-11-12

标签经常使用流行前端框架繁體版

原文原文链接

蚂蚁金服出品，很是著名的框架。就算你不了解前端，也会在公司的项目中多少听到程序员提及过。目前不少公司都在用，已经很成熟。并且提供了对设计师友好的 Sketch 规范文件，能够直接拿来用。html

Ant Design 是基于 React 开发的，并非传统的 html。React 起源于 Facebook 的内部项目，如今已经成了一个很流行的开发工具。前端

理想的项目开发流程是，设计师和程序员一块儿熟悉 Ant Design 的各类样式，设计师再也不随意设计，而是基于框架的基础样式进行设计创新。这样程序员在进行 UI设计稿还原的时候，能极大提升开发效率。程序员

如今不少项目都使用了 Ant Design，一些公司在招聘 UI设计师的时候甚至会写上：了解 Ant Design 规范的优先考虑。因此这个框架建议设计师都好好看一下。web

网站连接：http://www.bootcss.com/小程序

Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包，是一个 CSS/HTML 框架，目前世界上的不少网站开发都使用了这个。其中的栅格理论、响应式解决方案都变成了业界的参考规范。微信小程序

不少设计师在学前端的时候，都会接触到这个框架，甚至培训机构有专门的课程，因此重要性可见一斑。前端框架

Taro UI，一套基于 Taro 框架开发的多端UI组件库，能够在微信小程序/H5/ReactNative 等多端适配运行。京东用户体验设计部的凹凸实验室出品。框架

如今一个产品要求在 iOS、安卓、小程序、h5 等多端运行，针对不一样的客户端开发不一样的代码会产生巨大的成本，这时候只编写一套代码就可以适配到多端的能力就显得极为须要。

使用 Taro，就能够只写一套代码，再经过 Taro 的编译工具，将源代码分别编译出能够在不一样端（微信小程序、H五、RN等）运行的代码，节约成本。

一套基于 Vue.js 的高质量 UI组件库。Vue.js 是一个 JavaScriptMVVM 库，是一套构建用户界面的渐进式框架。

在网站中能够看到数量众多的 UI组件和对应代码，本质上和咱们制做 UI规范是同样的。

LuLu UI，是一个基于 jQuery，针对 PC 网站，兼容 ie八、ie7 的前端 UI 框架，包含不少静态或动态 UI 组件。对设计师很是友好，只须要简单的 html、css 知识就能快速上手使用。

区别于 Ant design 面向中后台开发，LuLu UI 很是适合面向外部用户的网站开发。会简单的 HTML 和 jQuery 就能够上手了，不像一些流行框架，须要较多的学习成本。

QMUI，腾讯出品，分为 Web、iOS、安卓三个端，都有相应的 dome 下载安装，设计师能够下载安卓和 iOS 应用，常常看看里面的组件，熟悉后，和技术的协做会更有效率。

饿了么出品，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，很适合开发后台产品。有意思的是里面的默认图文数据不少都是食物……

阿里推出的一个适合设计、技术共同使用的设计规范框架。基本目的也是为了让设计师在一个标准框架内设计界面，同时也提供了 Sketch 插件，让设计的组件直接转化为代码，技术直接调用。

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。

这个小巧的框架提供了微信页面经常使用的组件，咱们在设计微信风格的项目时，能够参考使用。

一个简单、免费的 HTML 框架，主要用来构建移动端 web 应用，分为 iOS 和安卓两种风格。

其自己的结构很是简单，使用了最基础的 html、css 和 js 构建，很容易上手使用。也能够用来做为原型开发工具，迅速建立一个应用的原型。

此外还有不少其余的前端框架，以上10个框架其实不须要设计师很是深刻去了解，最基本的要求是设计师对其内容、样式、组件有个大体的认知便可。在和技术协做的过程当中，知道哪些组件不须要额外设计，哪些组件能够进行样式扩展。

就好比设计师去学习前端，并非去代替前端的工做，而是对 UI 界面有个更深层次的认知，设计的同时会考虑到界面的交互性、扩展性、可用性。犹如庖丁解牛，透过表象看到结构本质，提升本身的界面把控能力。