后端产品经理看这里,整理出380+网页素材组件

产品经理有很多种,从产品类型上来分的话,可以分为 To B 和 To C 。

而在 B 端产品组成中,Web 类产品占了很大一部分,如电商管理系统、客服系统,或者是企业运营后台等等。

在制作这类原型的时候,就需要各种应用模式下、统一设计风格的专业组件,我们企业统一用element啦,下面根据素材广场 的element组件,简单说说它到底多好用!

在这里插入图片描述

Element由饿了么团队为开发者、设计师和产品经理精心设计的一套 Web 组件。

该组件基于一致性、反馈、效率、可控的原则开发设计的。

使用这些组件,能帮助产品经理更加快速搭建原型,提升效率,体现交互细节。并且,使用前端框架封装的代码还能帮助工程师们快速开发

在这里插入图片描述

比如,最常见且最重要的组件——表格,一共有 16 种样式,完全满足日常原型中表格设计的需求。

在这里插入图片描述

日期时间类则是涵盖了丰富的日历形态,覆盖了常用的使用场景。

在这里插入图片描述

而表单类,包含了单项输入、多项输入、多选、单项等等。

在这里插入图片描述

提示类很容易做的普通,但是略微的改变会有不同的效果,类型多才有更好的选择。

在这里插入图片描述

导航类让 Web 变得完整。

在这里插入图片描述

还有基础类、数据类、输入框类等等,共 380 多个组件,完全可以满足后台原型设计中所有需求,包括一些日常想不到的情况,因此我认为它对b端产品经理特别友好!

组件的快速复用

如果你觉得原型模板中的某个页面之后可能会用到,可以直接在素材广场中寻找到所需的目标页面,点击保存。

在这里插入图片描述

再点击素材找到刚保存的素材,置入当前页,就能直接编辑。或是,在右边组件中,直接拖拽到工作区,进行编辑。

在这里插入图片描述

除了以上最新出炉的 Element 组件外,之前也分享过电商,金融,教育,医疗,音乐等产 12 个领域的产品原型模板资源,获取资源直接使用模板快速制作自己的产品原型~