一套驰名的桌面端的组件库,同时提供 Sketch、Axure 模板资源文件不便疾速产品设计。
介绍
由饿了么团队出品,一套为开发者、设计师和产品经理筹备的组件库,提供了配套 axure、sektch 设计资源,能够间接下载应用,能帮我等搬砖人员节俭大量的工夫。
应用现成的 UI 组件库,能疾速搭建我的项目,前期也容易保护,在麻利开发我的项目中尤为常见。设计师能够下载设计文件,在做设计图时间接应用模板,既能疾速出图,也保障了前端还原实现。
我是一个喜爱钻研前端开发的爱好者,当我第一次看到 element 时,卧槽真丑陋!那个时候优良的前端 ui 框架还不多,等我把官网所有的组件一一体验下来,发现惊叹得太早了,不仅难看,体验做得十分到位,另我深有体会的是,原来在做产品设计时很难解决的交互问题,element 都解决得十分好。
为了用它,于是花了 1 周工夫学了 vue.js,之后就开始策马奔流了。
特点
element ui 是一款设计和交互十分优良的前端 UI 框架。基于 Vue 2.0,同时也有基于 React 和 Angular 的实现。
- 视觉设计优良,细节解决到位;
- 交互体验很好,即便是简单的表单操作,反馈也十分清晰,操作简洁直观;
- 较容易上手,基于 vue.js 开发,官网实例代码很短缺;
- 反对定制主题;
- 反对 VueReactAngular,满足各前端技术型。
应用体验
对于设计师,官网提供主题定制性能,能够疾速按需生成合乎本人设计格调的界面,同时提供 sketch、axure 模板文件下载,十分良心的企业级 UI 框架;
对于产品经理,element ui 解决了大量的交互问题,能让产品经理们专一于解决更深层次的问题,同时能够应用设计文件疾速做出原型。
前端开发初期在抉择组件库尤为重要。成熟的第三方组件库蕴含了你须要的组件,会省很多精力和工夫,而且能够按需要定制主题,大气,易用逼格高,外包公司搬砖的同学相对十分喜爱。
这是一款为桌面端设计的 UI 库,出道即巅峰,特地适宜做项目管理后盾的前端框架,简单的操作齐全不在话下,官网的有短缺的代码例子,应用很简略,能够配合 webpack 等工具按需引入,对于没有工程化开发教训的同学也很敌对,反对引入 js、css 文件间接开发。
惟一不好的是,国内官网偶然会抽风,速度有时也不是很快。
尽管个别用于 pc 端开发,但因为是响应式的设计,因而在挪动端的体现也不赖,如果开发交互简略的界面,挪动端体现也十分优良。如果你还没用过 element,强烈推荐你当初开始吧。
就算没能把 element 用在生产我的项目上,在官网体验这些高质量的组件,也能学习到很多设计和人机交互常识。特地是对 vue.js 组件化开发感兴趣的前端工程师,如果还不是那么纯熟,能够多看 element 的例子来学习组件设计的思路。
原文链接:https://www.thosefree.com/element