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


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

文章插图
一套著名的桌面端的组件库 。同时提供Sketch、Axure模板资源文件方便超快产品设计 。
介绍由饿了么团队出品 。一套为研究者、设计师和产品经理准备的组件库 。提供了配套axure、sektch设计资源 。可以直接下载使用 。能帮我等搬砖人员节省大量的期间 。
使用现成的UI组件库 。能超快搭建项目 。后期也容易维护 。在敏捷研究项目中尤为经常可以看见 。设计师可以下载设计文件 。在做设计图时直接使用模板 。既能超快出图 。也保证了前端复原实现 。
我是一个喜欢研究前端研究的爱好者 。当我初次看到element时 。卧槽真漂亮!那个时候优秀的前端ui框架还不多 。等我把官方网站所有的组件一一体验下来 。发现惊叹得太早了 。不仅好看 。体验做得非常到位 。另我深有体会的是 。原来在做产品设计时很难解决的交互问题 。element都解决得非常好 。
element ui使用教程 element ui官方文档

文章插图
高质量的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官方文档

文章插图
element 主题编辑器
这是一款为桌面端设计的UI库 。出道即巅峰 。特别适合做项目管理后台的前端框架 。复杂的操作完全不在话下 。官方网站的有充足的代码例子 。使用很简单 。可以配合webpack等工具按需引入 。对于没有工程化研究经验的同学也很友好 。支持引入js、css文件直接研究 。
唯一不好的是 。本国官方网站偶尔会抽风 。速度有时也不是很快 。
虽然一般用于pc端研究 。但由于是响应式的设计 。因此在移动wap端的表现也不赖 。如果研究交互简单的界面 。移动wap端表现也非常优秀 。如果你还没用过element 。强烈介绍你现在开始吧 。
就算没能把element用在生产项目上 。在官方网站体验这些高质量的组件 。也能学习到很多设计和人机交互知识 。特别是对vue.js组件化研究感兴趣的前端工程师 。如果还不是那么熟练 。可以多看element的例子来学习组件设计的思路 。
官方网站网站
【element ui使用教程 element ui官方文档】那些免费的砖() 持续更新设计、前端圈免费开源、可商用资源 。

    推荐阅读