有很多同学跟我说,自从 Ant Design 的组件变得越来越完善,很多同学开始自己也越来越不知道 B 端设计师的工作意义和价值是什么了。其实除了 Ant Design,还有很多常见的、优秀的组件库,都为 B 端设计和开发的工作提供了便利。那么使用组件库真的可以替代 B 端设计师么?当然不能。B 端设计师有其存在的独特价值,本文就跟你聊聊组件和设计师之间的关系。 1. 组件是「效率」工具组件是工具,用来为设计师和开发提升工作效率。上文中所提到的 Ant Design 的初衷也并不是要做一款替代设计师的组件库,其根本目的之一也是提高整个团队的工作效率。使用组件可以从两个方面提效:(1)工作内容上:可以将不必要的、重复性劳动的时间节省出来(2)工作流程上:便于设计师与前端开发做交接和协作,节省沟通成本 2. 组件是「质量」保障使用组件,可以在一定程度上保证设计工作的质量。组件规范了前端和设计师的工作方法,建立相对底层的系统,设定了设计和开发的质量底线。基于组件规范设计和开发的产品更容易具备:(1)一致性:具备相对一致的表现样式,设计风格和交互体验上均可保持统一(2)可用性:对于用户操作,可以保证最基本的可理解性和可操作性(3)审美性:符合基本审美标准,虽不会很亮眼,但也不会很难看 3. 设计师要「沉淀」业务组件B 端设计师可以尝试沉淀有针对性的业务组件。很多业务领域有其独特性,比如金融类组件和政务类的产品页面列表内容就有很大区别。单一的元素组件在应用的过程中是可以被再次组合和沉淀的。举个例子,我在做业务需求设计时,相比于 Ant Design,其实更常用的是 TechUI —— 它是建立在 Ant Design 基础上的、由我们蚂蚁的设计师通过对业务需求的提炼、组合和封装,做成的一套属于蚂蚁自己的【业务组件】。二者的区别是: