网易设计师：如何打造一个方便高效的交互组件库？(2)

弹出浮层类：

toast类：

列表类：

键盘类：

icon类：

另外，一些常用的主界面和内容页我也会做成组件。这样当我要拿搜索页说事儿的时候，就可以直接把整个搜索页拖过去，而不需要花时间再搭一遍积木了。

单个交互组件应该具备的特点：可编辑性。PNG图标、文字、选中……每一个元素都是可以单独编辑的。

组件的颜色？

尽量以黑(性)白(冷)灰(淡)风格为主。

如何把各种组件想全？

不用想全，边做边补。所以不同平台的交互组件库应该有专人维护更新，才能保证组件库始终好用。这点其实知易行难，一定要提醒自己“磨刀不误砍柴工”。

组件边上需要写说明文字吗？

个人喜好组件边上不写任何说明文字，组件的名字已经反映在axure文档的侧导航上。只要侧导航分类符合心智模型(好找)，页面上清清爽爽的组件(方便拖拽)，就能满足我的需求了。

组件库是给画交互稿的人用的，不是给别人看的。给别人看的是另外一种东西，交互规则库，那种需要说明文字。

因此，判断一个交互组件库是否好用的标准是：

你自己是不是经常使用自己的组件库

别人乐不乐意使用你的组件库