如何构建高复用性的交互组件库？.docVIP

如何构建高复用性的交互组件库？ 　　 　　有一天，当你几乎完成了一个项目全套的交互设计稿后。 　　PM：「那个……把底栏第二和第三个Tab对调一下位置吧。」 　　你吓得坐到了地上：「为什么！不是一个月前评审时就定好的吗？」 　　PM叹了口气，用八百字痛陈了客户的压力和他的歉意。 　　你哭：「有200多个页面要改，明天评审还来得及吗？」 　　PM没有说话，只是同情地拍了拍你的肩膀…… 　　而如果你的导航栏是通过组件统一搭建的，完成这一改动只需要1秒。 　　 　　 　　什么是组件库 　　1、组件库的概念 　　组件库就是界面设计常用控件或元素的集合，从某种意义上说，交互设计线框图的组件库比视觉设计阶段的UI组件库价值更高。UI设计阶段，不同产品、不同项目的常用组件即使有共通之处，也一定是不完全相同的。而在交互设计的线框图阶段，一个优秀的组件库可以同时在许多项目中发光发热。 　　一个好的组件库，衡量标准主要包括灵活性、复用性、全面性。灵活性指一个组件的字段、icon、配色都应该可以灵活改写，以应对多样化的需求。复用性指对于通用组件，应当是可以在不同项目间复用的。全面性则指一套组件库应当覆盖尽可能多的常用元素。 　　组件化的初衷并非提高一致性、利于团队合作这些高大上的目的，而是人类进步的第一生产力——「懒」。消灭重复劳动是提高效率的主要途径，勤劳如小蜜蜂的设计师也不例外，那么组件化就是无论交