如何培养组件化设计思维？来看阿里设计师的经验总结！

正文

请到「今天看啥」查看全文

二. 如何构建一套协同的组件库？

设计组件库-DPL ，已不是一个新的概念，早在yahoo时代就已产出一套完整的Yahoo UI Library (YUI) ，现在我们也仍然在沿用组件设计和规范定义，每个设计师都有过参与规范制定的经历，从通用的字体，颜色开始到很严格细致的版本，一份DPL文档经常耗费不少资源和时间，当下我们在思考如何从组件库上得到真正的提效。

1688整个网站有十几个具有垂直特色的货源市场。在网站截取了一部分页面上推品组件，各式各样的表现方式，其中大小，风格，功能等各异，似乎一样，但又有些许的不同，比如价格，有些小数点前后大小一致，有些省去小数点后两位，有些小数点后面字号略小。

如何设计一套组件库运行于大体量的团队中，并协同好多个业务项目呢？下面以推品组件为例是如何一步步抽象和协同的。

从组件的三维分层出发，看看一个完整的组件需要具备哪些信息：

X 组件响应状态：包括尺寸大小，组件响应方案，尺寸的维度，元件的组合，多态的交互。

Y 组件行为状态:

组件的行为在以下3个维度的交互和信息都需要考虑到：

请到「今天看啥」查看全文