如果做了一两年产品设计,还没有积累出自己的组件库,那你就得思考下自己到底有没有用心了。Axure Library,是提升设计规范性和效率的必备工具。

为什么要构建自己的组件库

网上有很多别人设计好的组件库,使用的时候在不同的组件库直接切换来切换去。有时候还理解不了组件库作者的思路,就容易出现更多的问题。比如组件参数无法传递、无法正常使用等等。

这时候,构建一套自己的组件库就非常必要了。在日常工作中,发现可以重复使用的组件,就可以随时添加进自己的组件库,然后抽时间优化一下。如果懂一些设计知识的话,可以对组件库进行排版优化和美化。

从而让组件库成体系的存在。构建产品原型时,一套组件库+一套图标库,基本可以满足60%的场景。剩余的40%就需要根据项目来构建了。

如何构建组件库

打开Axure,点击菜单栏:File > New Library,就可以开始构建自己的组件库了。类似 Axure 中的操作,新增页面就等于新增组件,新增文件夹就等于给组件进行分组。构建完成后,在右侧栏还可以自定义组件的图标。

默认需要两个尺寸的图标,28x28和56x56(@2x)。赶紧去构建一个自己的组件库吧~

示例

附一个自己的组件库的截图,包含 255 个组件。其实大部分情况还是基础组件库用的比较多,搭配 FontAwesome 使用更佳。