产品经理如何制作自己的元件库

【为什么要做元件库】

在使用axure进行原型设计的时候，大家除了使用官方的元件库之外，还可以使用第三方的元件库，第三方的元件库很多，也非常好用，比如蚂蚁金服、饿了么等等，但是这些元件库通常是大而全，而且包含了丰富的样式和动态效果，对于普通使用者来说，使用起来不太方便。

对于产品经理来说，尤其是中后台的产品经理，还是要把精力放在业务逻辑上面，而且中后台的产品经理一般使用的页面模式也不是很多，基于此，本人制作了一套基于web端中后台产品经理的元件库。

【如何制作元件库】

如前所述，我们制作元件库的目标是为了产品经理快速的进行原型设计，所以我们不会从字体、颜色这些比较细节的元素考虑，主要还是考虑产品经理主要用的的一些大的模块。通过分析，我把元素分成这几个部分：

1、框架：其实说直白点，就是页面的布局，这是原型最基础也是最核心的部分，目前比较主流的布局方式主要包含两级菜单-上下结构、两级菜单-左右结构和三级菜单结果。

2、表格：表格是最常用的元素，中后台的数据很多都是通过表格的形式进行展示，常用的表格形式有查询表格、编辑表格、统计表格和折叠表格，如果做的好的话，表格还用通过中继器动态的进行数据展示。这这一步里面，