例如一个数据表,既要排序又要筛选怎么办?完整的设计系统就能帮你解决这个问题: Ant Design 的表格功能组合之一 3. 可扩展性 B端产品的业务复杂,而且可能会越做越深。原来只需一层一级标题,后来要加上二级标题,再后来变成三级……这些问题你如果自己从零开始做,很难预料到。
但是已经搭建好的设计系统,早就经历过这些了,一开始就能把 N 级标题怎么做给你想清楚,以后再扩展起来也不会手忙脚乱: Ant Design 的各层标题 4. 开发效率 不管对开发还是对业务来说,在保证品质的前提下,产品肯定越快做出来越好。因为上线才是一切的开始,才能根据市场反馈不断优化迭代。利用已经搭建好的设计系统,能够在保证品质的前提下,大大提升开发效率。 设计系统提供的组件都有对应的代码可以直接拿来用: Arco Design 的卡片组件样式及代码 5. 美观简洁 B端产品好不好看不是那么重要,功能和体验才更重要。但是同行竞争起来,也不能够太丑,所以要找到一个既好看又不影响功能和体验的平衡点。这个平衡点可没有想象中那么好找,没有经验的设计师一不小心就偏离方向了。 而已经搭建好的设计系统,可以直接看到甚至试用,看看这个平衡点符不符合自己的需求。
例如 Ant Design 风格传统,但相对成熟灵活,Arco Design 风格更新潮,但灵活性和成熟度没有那么高,这些我们之前都是对比过的:字节B端设计规范ArcoDesign和AntDesign有何不同? Ant Design vs Arco Design 如果你觉得自己学习太慢、找不到方向,想要找个厉害的导师辅导一下,可以尝试一下我们这个七天训练营: 扫码加小助手的微信,可以获得B端组件资料集,包括 Ant Design、Arco Design、King Design、Zan Design、TDesign、ElementUI。