B端初学者一定不要急着做项目

原创设计师ZoeYZ 体验进阶

收录于合集

最近发现有些刚开始学B端的同学，基础没打好，就急着去做项目了。

虽然项目是做出来了，可以放到作品集里，但是因为问题太多，作品集怎么弄都很难达到求职标准。

B端项目不是靠创意能取胜的，规范、方法非常重要，所以我们近期推出一个专为七天训练营，专门帮助初学者解决B端入门的问题：

之所以发现这个问题，是因为最近接到一位即将毕业的同学的1v1咨询，让我帮忙深度解析一下B端作品集。

这位同学其实作品集本身还好，像是信息密度大、排版混乱、重点不清晰…这类常见作品集编排问题都比较少。

但最大的问题，在里面的B端作品上。

里面有2个B端项目，其中还有一个真实项目，这相比很多只做过虚拟项目的学生来说，也是不错了。

但是，作品集的界面排版、尺寸、配色……都非常随意，一看就感觉比较幼稚。

稍微有点经验的人，都能看出这位同学应该从来没有学习了解过设计规范这个东西。

如果是C端，就算没有认真学过设计规范，但至少平时经常用大厂的C端产品，做设计时不会有很大偏差。

但是B端这个东西，我们平时自己就用得少看得少，再加上业务复杂，如果没有认真学过设计规范，很可能做出来的东西像那位同学那样乱七八糟。

这样，即便作品集调整得再好，找工作也会面临很多困难。

为什么我们要学习优秀的B端设计系统规范？

那位同学听我说了学习规范的重要性之后，疑惑地问：“我们设计产品都要自己出设计规范，那为什么一定要学习别人的呢？”

我说：“首先，很多公司直到产品上线很多年，都未必会真的做设计规范，不是每个公司都那么讲究，给你时间做规范的。”

就算我们一开始就打算自己做设计规范，这件事情也不是那么简单。

很可能你确定了第一版之后，没过多久就发现各种问题，然后赶紧修改。改了之后过一段时间，又发现有问题，再次修改……不断往复。

可能你要很长时间，才能够确定一个比较稳定的规范，短时间内不需要反复迭代的规范。

因为那是大厂设计师花了很多年反复在实践中试错、优化、迭代，才找到的当前「最佳方案」。

Ant Desgin 设计价值观

Arco Design 设计价值观

我们把他们这么多年的努力拿过来直接学习或使用，岂不是能大大提升我们的设计水平？

如果我们不学不用，其他和我们处于同一水平线的设计师学了用了，是不是很容易就做得出比我们好很多的设计？

我们这个训练营也是如此，把资深设计师多年的经验总结出来，帮你快速入门，答疑解惑，避免了你自己走很多弯路：

学习B端设计系统能从哪方面帮到我们？

1. 用户习惯

知名设计系统对行业的影响很广，被很多其它B端产品所使用，很多人都用过这些产品，形成习惯了。你设计的B端产品如果借鉴知名规范，那么会更加符合用户习惯，降低用户的学习成本。

例如用户习惯了复选框打勾、单选框用圆点，如果你设计一个打勾的圆圈会怎么样？如果碰到稍微复杂一点的功能场景，用户就会不知所措了。

2. 灵活度

一个B端产品可能涉及到的功能众多，知名的设计系统有办法把多个功能整合到一个组件里，让产品看起来更加统一简洁。

例如一个数据表，既要排序又要筛选怎么办？完整的设计系统就能帮你解决这个问题：

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。