组件库可以替代 B 端设计师么？来看大厂高手的分析！

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

有很多同学跟我说，自从 Ant Design 的组件变得越来越完善，自己也越来越不知道 B 端设计师的工作意义和价值是什么了。其实除了 Ant Design，还有很多常见的、优秀的组件库，都为 B 端设计和开发的工作提供了便利。

那么使用组件库真的可以替代 B 端设计师么？当然不能。B 端设计师有其存在的独特价值，本文就跟你聊聊组件和设计师之间的关系。

更多B端组件库

B端素材大放送！7个大厂组件库+图表生成神器+6个常用插件

知道有相当大比例的同学一直在等和B端相关的干货和教程，我们会在这个月底开始更新。

组件是「效率」工具

组件是工具，用来为设计师和开发提升工作效率。上文中所提到的 Ant Design 的初衷也并不是要做一款替代设计师的组件库，其根本目的之一也是提高整个团队的工作效率。使用组件可以从两个方面提效：

1. 工作内容上：可以将不必要的、重复性劳动的时间节省出来
2. 工作流程上：便于设计师与前端开发做交接和协作，节省沟通成本

组件是「质量」保障

使用组件，可以在一定程度上保证设计工作的质量。组件规范了前端和设计师的工作方法，建立相对底层的系统，设定了设计和开发的质量底线。

基于组件规范设计和开发的产品更容易具备：

1. 一致性：具备相对一致的表现样式，设计风格和交互体验上均可保持统一
2. 可用性：对于用户操作，可以保证最基本的可理解性和可操作性
3. 审美性：符合基本审美标准，虽不会很亮眼，但也不会很难看

设计师要「沉淀」业务组件

B 端设计师可以尝试沉淀有针对性的业务组件。很多业务领域有其独特性，比如金融类组件和政务类的产品页面列表内容就有很大区别。单一的元素组件在应用的过程中是可以被再次组合和沉淀的。

举个例子，我在做业务需求设计时，相比于 Ant Design，其实更常用的是 TechUI —— 它是建立在 Ant Design 基础上的、由我们蚂蚁的设计师通过对业务需求的提炼、组合和封装，做成的一套属于蚂蚁自己的「业务组件」。

二者的区别是：

• Ant Design：是所有人的，是通用的，是单一的原子级别的（比如一个输入框）组件。
• TechUI：是蚂蚁自己的，是私有的，是组合的区块级别的（比如一整个表单）组件，更具备蚂蚁集团自己的业务属性。

针对你公司不同业务类型，沉淀出不同种类的区块级别的组件，这类组件使用起来也会更加得心应手、加倍提效。这也是 B 端设计师可以去学习和精进的一点。

设计师要「洞察」业务诉求

使用组件，可以让设计师把节约出来的时间和精力放到更多有价值的工作上去。作为 Ant Design 的设计师之一，坦白的说，即使你的设计稿全部使用了 Ant Design 的组件搭建，最终的页面效果也仍不完善，在用户体验上始终可以更进一步。

B 端设计师应该更多去关注对用户需求和业务逻辑的深入挖掘，不仅仅是在界面细节的表现手法上下功夫，还要学会站在全局，用系统性思维看待每一个项目，为整个产品的系统流程做优化，做更全面的产品体验升级。

设计师要「放眼」B 端未来

随着技术的发展和迭代，B 端产品的发展也呈现出多元化趋势。我列举以下几个方面，用于思考和拓展设计师的边界：

1. 承载媒介

多端化设计需求增多，B 端产品的应用领域日渐广泛，各类终端设备普及，设计师需要更多的探索设备的应用场景。如点餐系统、收银系统、AR、VR 应用等等，最近鸿蒙系统中演示的多端联动，也可能是未来的趋势之一。

2. 工作流程

中台策略 / 组件化设计是一种提效的工作方法。中台策略适用于公司层面，我们上文提到的组件化设计更适用于团队。

3. 用户体验：重视用户个性化和体验。

B 端设计越来越重视用户体验，提供个性化的配置方式，并考虑无障碍设计领域。很多 B 端的应用和业务也在逐步开放给 C 端。 例如企业微信在 2019 年打通了个人微信和企业微信的壁垒，钉钉从 2020 年也开始在 C 端发力。

4. 视觉表现

数据可视化设计需求多来源于政府、企业的定制化需求，更偏向于对数据呈现效果的打磨和优化，能够展示和分析数据中的关键内容，形式与内容需要高度一致，才会达到良好的展示效果。

以上。

欢迎关注作者微信公众号：「长弓小子」