厕所招清洁工了——评糖豆人5.friend版本新UI设计

10月初，糖豆人悄悄更新了一个称作5.friend的新版本，带来了一套新的UI和其他一些更新，更新完成后，玩家们对于这套新UI设计的评价出现了一边倒反对的情况。

今天我们就详细地来讲讲，这套UI到底失败、丑在哪里。

第一部分  风格不统一

先来看一看旧版本糖豆人的主界面

不难看出，糖豆人原生的设计风格(即从第一赛季开始就有的设计)是梯形元素。

而随着游戏更新，更多新功能的加入，设计风格就开始出现混乱了。在后期加入的姓名牌、节目选择、皇冠等级、新闻、每日任务等元素，都采取了与之前不同的【圆角矩形】风格

以上几个在游戏逐步更新的过程中加入的元素，全都采用了如今UI设计中常见的圆角矩形元素，但是这与游戏最初的UI风格是不同的，这时候已经出现了风格混乱的情况，但好在各个元素摆放的位置不至于产生严重的冲突，还不至于让人感到“丑”。

然而，旧UI还有个问题：游戏最初设计时并没有这个占地面积如此巨大的“每日任务”节目，因此在拉满4人队伍时，4个人都不会被任何东西挡住，而加入每日任务之后，最左侧的玩家，会被每日任务节目挡住相当大一部分，这对截图、观察都造成了一定的影响。我猜测这也是5.friend中将主界面和小队站位进行如此大修改的其中一个原因。

风格不统一，所以进行大改，能理解。但是糖豆人的UI设计团队所改变的一切，可以说是在倒退。5.friend更新UI后，原先存在的风格不统一的问题不仅没有完全解决，而且还带来了新的问题。

一眼望去，官方似乎很努力再去除原先的“梯形”元素，并将它们都改成统一的“圆角矩形”元素。

原先的“顶栏”区域被淡化，原先顶栏中央的界面切换，放进了一个类似“刘海屏”的区域里，设置则被单独放在右上角并赋予按键Esc进行开关；

皇冠等级和姓名牌依然维持圆角矩形的样子，从左下角移动到了左上角；

每日任务移动到右侧，开始游戏的按钮从梯形改成与节目选择相同的圆角矩形，并增加了单独的邀请好友按钮；

赛季信息从左侧中央偏上的位置，移动到了左下角，并删除了FALLGUYS的logo和第x赛季的显示。

大家应该发现了，这个赛季信息的设计风格，与其他元素显得格格不入。

而除了主界面，其他界面的更改也是极其混乱，官方似乎在梯形和圆角矩形之间摇摆不定，而这造成的就是设计元素的混乱不堪。

我们来看看新旧版的关卡选择界面和关卡介绍界面：

总结还是在强化圆角矩形的元素，但是左上角这个关卡名称，为什么还是侧挂的梯形呢？

再看看皇冠碎片的界面，是不是还保留了梯形元素：

包括在游戏中的界面，左右上角依然是梯形侧挂的元素，并没有太大变化。

第二部分  蜜汁逻辑

在旧版本糖豆人中，顶栏中几个界面的切换是使用Q/E(键盘)或LB/RB(手柄)进行的，5.friend更新后，设置界面被独立出来，使用ESC键进入和退出，这是一个非常愚蠢的改变，从操作的逻辑上来说，是完全反人类的。

首先，大厅(主界面)、换装、赛季进度、商店、设置这几个界面原先只需要按Q与E或LB与RB就可以来回自如切换，而如今设置被单独独立出来，相当于是降低了切换界面的效率。

其次，逻辑存在巨大的问题。比如说我们按下M键进入赛季进度页面，如果这时候我们想退出这个页面，第一反应应该是按下什么键？应该是ESC吧?

而此时如果你按下ESC，只会进入到设置的页面，这时候你可能会一头雾水：我是谁我在哪？

而如果我们按下Ctrl进入节目选择的页面，却可以使用ESC键正常退出这个页面，这就很奇怪了，同样是跳转到一个新页面，为什么会出现两种不同的操作逻辑？这是UI设计的大忌！

第三部分  乱改字体

UI大更新之后，许多人抱怨字体的易读性变差了。其实字体本身并没有任何变化，糖豆人的中文字体使用的是思源黑体，这个没有变化，改变的是字体的投影，主要的变化是：阴影投射的距离被改变，这是什么意思呢，我们通过几张图来对比：

总结就是一句话：不该加阴影的乱加阴影，不该改投影距离的乱改投影距离，不该改大小的乱改大小。

第四部分  一个像样的圆角矩形都没有！

5.friend将原先的设计元素都逐步改成了如今在UI设计中非常常见的“圆角矩形”，但是，这些圆角矩形好像就是用ps随便画出来的一样，不仅大小尺寸不一，连每个圆角的曲率都不同！

我们知道，把圆角矩形做到极致的当属苹果公司，他们的产品对于圆角矩形的控制可以说是极其精确精细。

回过头来看糖豆人的圆角矩形，这都是什么玩意？

如果我们将这几个圆角矩形都分别截取相同大小的左下角部分，并将它们拼合在一起，会发现：

这些圆角矩形，左右不对齐，弧度曲率不一致，甚至连白色描边的宽度都不一样！

我已经看不下去了......

第五部分  Bug一堆

5.friend这套新的UI设计，不知道是因为进行了如此大的改变，许多地方没有适配好，还是因为官方是一帮废物，许多地方出现了各种各样的显示bug，这里列举几个：

1.我皇冠呢？

2.我队友呢？

   没有图，组队时右侧的糖豆提示不将队友ID标红；结算界面队友头顶的三角红标消失。

3.还有多久？

4.这是几天

第六部分  其他

1.由于UI的更新，糖豆人在组队时，队友的站位也进行了修改，这个不好评价，反正就是有点奇怪。

2.底部这一个莫名其妙的黑条是干什么用的？

这个界面的右下角更为过分：

3.底部的方框太大，会挡住一部分下半身皮肤 (例如鞋子)

4.结算界面右上角填得太满

5.既然在新闻窗口的下方加入了页码指示，为什么不支持点按选择来阅读下一条或者上一条新闻，而是只能等系统自动轮播？

总结

此刻最想说什么？

--对得起我们吗？***退钱！

有感到失望吗？

--太失望了我敲！

那你还有什么总结的吗？

--建议糖豆人的UI设计团队去扫厕所。