最近我们刚完成了一个 21 天的 B 端设计规范打卡，把 Ant Design 的案例按照 Arco Design 的规范来改造，相当于一次性对比学习两个 B 端规范。
这三周里，我每天都会看大家的作业，提供点评建议的同时，我也会记录下常见问题。
这次收获很大，各个方面都有，所以我今晚会开一个直播做整体复盘：
对于具体的设计细节，我会在这里列出来：
一、导航
左导航在上还是顶导航在上？
有些同学会比较纠结，这个问题，我之前写文章详细讲过了，就不多说了：B端产品一级导航为什么大多在左侧？
搜索框和用户名要不要展开？
Ant 顶导航是用户名展示出来，搜索框收成图标。
Arco 刚好反过来，用户名收起来，搜索框却展开。
有同学画出来的顶导航，用户名收起来，搜索框也收起来，就会显得过于空旷，既不好看，也不方便实用。
如果两个都展开，又会显得过于拥挤，也不太好。
所以导航栏展开一个信息，其它都收起来，能保持比较好的节奏。
Arco 的头像一定要放到最右侧吗？
Ant 的顶导航，头像不是最右侧的一项，而 Arco 的顶导航则是把头像放到最右侧。
有同学画 Arco 界面时，不把头像放到最右侧，看起来确实没有那么好看了。
这是因为 Arco 顶导航的各个图表都很整齐地包裹在灰色圆圈里，只有头像比其它的圆圈大又显眼。在这样的情况下，头像很明显地与其它图表不是一个类别，所以布局上也最好分开，这样才能保持简洁的感受。
Ant 没这个顾虑，是因为用户名的存在早就打破整齐感。
Arco 的页头为什么和 Ant 相差这么大？
很多同学以为 Arco 的页头就长下图右侧那个样子，和左侧 Ant 相差很大。
其实不然，Arco 的页头和 Ant 长得差不多，但问题是 Arco 很喜欢省略页头。
下图根本没有页头，那四个大字不是页面标题，而是卡片标题。
这个问题我之前发文章详细说过了：B端大厂规范对页头看法不一，怎么选？
二、信息
占位符写什么？
有些同学为了往输入框里写点东西，会加上“请输入XXX”的占位符。
一两个还好，如果一连串的输入框都有这些占位符，就会显得信息很密集。
关键是这些信息基本都是“废话”，写上去也没什么用，还抢占用户注意力。
总结栏
Arco 的表格可以在底部加上一个总结栏，强调统计数据。
跳转链接
Ant 习惯把跳转链接放到表格第一项目的文字上，而 Arco 习惯把跳转链接放到右侧操作列表。
但是两个规范都没有限制一定要用那种链接样式。
三、布局
把 tab 放在底部的情况，只能在页头
下面第一张图的 tab 是正确的，但第二张图的 tab 是错误的。
因为卡片之间没有从属关系，在地下放 tab 不合理。
tab 下放二级标题
下面这张图的问题是，“流程进度”应该是二级标题，比“单号：…”字体更小，因为一级标题的位置被 tab 取代了。
本文来自微信公众号“体验进阶”（ID：Advanced_UX）。大作社经授权转载，该文观点仅代表作者本人，大作社平台仅提供信息存储空间服务。
