多语言展示
当前在线:1534今日阅读:19今日分享:20

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

产品经理高效办公神器,快速复用的380+ Web 组件 产品经理有很多种,从产品类型上来分的话,可以分为 To B 和 To C 。 而在 B 端产品组成中,Web 类产品占了很大一部分,如电商管理系统、客服系统,或者是企业运营后台等等。 在制作这类原型的时候,就需要各种应用模式下、统一设计风格的专业组件吧?!那不妨看看 Element 吧~
工具/原料

墨刀素材广场

方法/步骤
1

Element 是由饿了么团队为开发者、设计师和产品经理精心设计的一套 Web 组件。 该组件基于一致性、反馈、效率、可控的原则开发设计的。 使用这些组件,能帮助产品经理更加快速搭建原型,提升效率,体现交互细节。并且,使用前端框架封装的代码还能帮助工程师们快速开发。

2

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

3

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

4

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

5

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

6

导航类让 Web 变得完整。 还有基础类、数据类、输入框类等等,共 380 多个组件,满足了后台原型设计中所有需求,考虑了你想得到或想不到的情况~

组件的快速复用
1

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

2

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

推荐信息