element ui使用教程(element ui官方文档)

小猪 495 0

element ui使用教程(element ui官方文档)-第1张图片-小猪号

一套著名的桌面端的组件库,同时提供Sketch、Axure模板资源文件方便超快产品设计。

介绍由饿了么团队出品,一套为研究者、设计师和产品经理准备的组件库,提供了配套axure、sektch设计资源,可以直接下载使用,能帮我等搬砖人员节省大量的期间。

使用现成的UI组件库,能超快搭建项目,后期也容易维护,在敏捷研究项目中尤为经常可以看见。设计师可以下载设计文件,在做设计图时直接使用模板,既能超快出图,也保证了前端复原实现。

我是一个喜欢研究前端研究的爱好者,当我初次看到element时,卧槽真漂亮!那个时候优秀的前端ui框架还不多,等我把官方网站所有的组件一一体验下来,发现惊叹得太早了,不仅好看,体验做得非常到位,另我深有体会的是,原来在做产品设计时很难解决的交互问题,element都解决得非常好。

element ui使用教程(element ui官方文档)-第2张图片-小猪号

高质量的UI组件

为了用它,于是花了1周期间学了vue.js,之后就开始策马奔腾了。

特点element ui是一款设计和交互非常优秀的前端UI框架。基于 Vue 2.0,同时也有基于React和Angular的实现。

视觉设计优秀,细节处理到位;交互体验很好,即便是复杂的表单操作,反馈也非常清晰,操作简洁直观;较容易上手,基于vue.js研究,官方网站实例代码很充足;支持定做主题;支持Vue\React\Angular,满足各前端技术型。使用体验对于设计师,官方网站提供主题定做功能,可以超快按需生成符合自己设计风格的界面,同时提供sketch、axure模板文件下载,非常良心的企业级UI框架;

对于产品经理,element ui 解决了大量的交互问题,能让pm们专门把注意力集中于解决更深层次的问题,同时可以使用设计文件超快做出原型。

前端研究早期在选择组件库尤为重要。成熟的第三方组件库内含了你需要的组件,会省很多精力和期间,而且可以按要求定做主题,大气,易用逼格高,外包公司搬砖的同学绝对非常喜欢。

element ui使用教程(element ui官方文档)-第3张图片-小猪号

element 主题编辑器

这是一款为桌面端设计的UI库,出道即巅峰,特别适合做项目管理后台的前端框架,复杂的操作完全不在话下,官方网站的有充足的代码例子,使用很简单,可以配合webpack等工具按需引入,对于没有工程化研究经验的同学也很友好,支持引入js、css文件直接研究。

唯一不好的是,本国官方网站偶尔会抽风,速度有时也不是很快。

虽然一般用于pc端研究,但由于是响应式的设计,因此在移动wap端的表现也不赖,如果研究交互简单的界面,移动wap端表现也非常优秀。如果你还没用过element,强烈介绍你现在开始吧。

就算没能把element用在生产项目上,在官方网站体验这些高质量的组件,也能学习到很多设计和人机交互知识。特别是对vue.js组件化研究感兴趣的前端工程师,如果还不是那么熟练,可以多看element的例子来学习组件设计的思路。

官方网站网站

那些免费的砖() 持续更新设计、前端圈免费开源、可商用资源。

标签: 饿了么

抱歉,评论功能暂时关闭!