一套知名的桌面组件库,同时提供Sketch和Axure模板资源文件,方便产品快速设计。
饿了么团队推出的一套面向开发者、设计师、产品经理的组件库,提供配套的axure和sektch设计资源,可以直接下载使用,可以帮助我和其他搬砖人节省大量时间。
使用现成的UI组件库,可以快速构建项目,后期维护也很容易,尤其是在敏捷开发项目中。设计师可以下载设计文件,在制作设计图时直接使用模板,既能快速出图,又能保证前端还原的实现。
我是一个喜欢研究前端开发的爱好者。第一次看element的时候卧槽好好看!当时优秀的前端ui框架并不多。当我一个一个体验了官网的所有组件后,发现自己惊叹的太早了。不仅很美,而且体验做得很好。除此之外,我深刻体会到,element解决了所有产品设计中难以解决的交互问题。
高质量的用户界面组件
为了使用它,我花了一周时间学习vue.js,然后我开始骑我的马。
Feature element ui是一个前端ui框架,设计和交互都很优秀。基于Vue 2.0,也有基于React和Angular的实现。
优秀的视觉设计,细节处理到位;交互非常好,即使是复杂的表单操作,反馈也非常清晰,操作简单直观;好用,基于vue.js开发,官网示例代码充足;支持自定义主题;支持Vue\React\Angular,满足所有前端技术。体验对于设计师来说,官网提供主题定制功能,可以按需快速生成符合自己设计风格的界面,同时提供sketch和axure模板文件下载,是非常良心的企业级UI框架;
对于产品经理来说,element ui解决了大量的交互问题,使得pm可以专注于解决更深层次的问题。同时,他们可以通过使用设计文件快速制作原型。
前端开发前期选择组件库尤为重要。成熟的第三方组件库包含了你需要的组件,会节省很多精力和时间,可以根据你的需求定制主题。大气又好用,外包公司搬砖的同学绝对喜欢。
元素主题编辑器
这是一个为桌面设计的UI库,出道就是巅峰。特别适合项目管理后台的前端框架,复杂的操作也不在话下。官网有丰富的代码示例,简单易用,可以用webpack等工具按需引入。对没有工程开发经验的同学也非常友好,支持引入js和css文件直接开发。
唯一不好的是国内官网偶尔会有抽风,而且有时候速度不是很快。
虽然它一般用于pc端开发,但由于其响应式设计,在移动端表现良好。如果开发一个简单的交互界面,移动端也表现很好。如果您还没有使用过element,强烈建议您现在就开始使用。
即使不能在制作项目中使用element,在官网体验这些优质组件,也能学到很多设计和人机交互的知识。尤其是对vue.js的组件开发感兴趣的前端工程师,如果不是那么熟练,可以多读一些element的例子,学习组件设计的思路。
网站https://element.eleme.cn,官方网站
那些免费的砖块(www.thosefree.com)在设计上不断更新,前端的圈子是免费开源的,可以商用。