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

 

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

 

在制作这类原型的时候，就需要各种应用模式下、统一设计风格的专业组件吧？！那不妨看看 Element 吧～

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

 

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

 

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

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

 

 

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

 

 

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

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

导航类让 Web 变得完整。  

还有基础类、数据类、输入框类等等，共 380 多个组件，满足了后台原型设计中所有需求，考虑了你想得到或想不到的情况～

组件的快速复用 

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

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

除了以上最新出炉的 Element 组件外，我们也给大家提供了覆盖电商，金融，教育，医疗，音乐等产 12 个领域的产品原型模板资源，感兴趣的话可以注册墨刀，使用模板快速制作自己的产品原型～