10月初，糖豆人悄悄更新了一個稱作5.friend的新版本，帶來了一套新的UI和其他一些更新，更新完成后，玩家們對于這套新UI設(shè)計的評價出現(xiàn)了一邊倒反對的情況。

今天我們就詳細地來講講，這套UI到底失敗、丑在哪里。

第一部分? 風(fēng)格不統(tǒng)一

先來看一看舊版本糖豆人的主界面

不難看出，糖豆人原生的設(shè)計風(fēng)格(即從第一賽季開始就有的設(shè)計)是梯形元素。

而隨著游戲更新，更多新功能的加入，設(shè)計風(fēng)格就開始出現(xiàn)混亂了。在后期加入的姓名牌、節(jié)目選擇、皇冠等級、新聞、每日任務(wù)等元素，都采取了與之前不同的【圓角矩形】風(fēng)格

以上幾個在游戲逐步更新的過程中加入的元素，全都采用了如今UI設(shè)計中常見的圓角矩形元素，但是這與游戲最初的UI風(fēng)格是不同的，這時候已經(jīng)出現(xiàn)了風(fēng)格混亂的情況，但好在各個元素擺放的位置不至于產(chǎn)生嚴重的沖突，還不至于讓人感到“丑”。

然而，舊UI還有個問題：游戲最初設(shè)計時并沒有這個占地面積如此巨大的“每日任務(wù)”節(jié)目，因此在拉滿4人隊伍時，4個人都不會被任何東西擋住，而加入每日任務(wù)之后，最左側(cè)的玩家，會被每日任務(wù)節(jié)目擋住相當大一部分，這對截圖、觀察都造成了一定的影響。我猜測這也是5.friend中將主界面和小隊站位進行如此大修改的其中一個原因。

風(fēng)格不統(tǒng)一，所以進行大改，能理解。但是糖豆人的UI設(shè)計團隊所改變的一切，可以說是在倒退。5.friend更新UI后，原先存在的風(fēng)格不統(tǒng)一的問題不僅沒有完全解決，而且還帶來了新的問題。

一眼望去，官方似乎很努力再去除原先的“梯形”元素，并將它們都改成統(tǒng)一的“圓角矩形”元素。

原先的“頂欄”區(qū)域被淡化，原先頂欄中央的界面切換，放進了一個類似“劉海屏”的區(qū)域里，設(shè)置則被單獨放在右上角并賦予按鍵Esc進行開關(guān)；

皇冠等級和姓名牌依然維持圓角矩形的樣子，從左下角移動到了左上角；

每日任務(wù)移動到右側(cè)，開始游戲的按鈕從梯形改成與節(jié)目選擇相同的圓角矩形，并增加了單獨的邀請好友按鈕；

賽季信息從左側(cè)中央偏上的位置，移動到了左下角，并刪除了FALLGUYS的logo和第x賽季的顯示。

大家應(yīng)該發(fā)現(xiàn)了，這個賽季信息的設(shè)計風(fēng)格，與其他元素顯得格格不入。

而除了主界面，其他界面的更改也是極其混亂，官方似乎在梯形和圓角矩形之間搖擺不定，而這造成的就是設(shè)計元素的混亂不堪。

我們來看看新舊版的關(guān)卡選擇界面和關(guān)卡介紹界面：

總結(jié)還是在強化圓角矩形的元素，但是左上角這個關(guān)卡名稱，為什么還是側(cè)掛的梯形呢？

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

包括在游戲中的界面，左右上角依然是梯形側(cè)掛的元素，并沒有太大變化。

第二部分? 蜜汁邏輯

在舊版本糖豆人中，頂欄中幾個界面的切換是使用Q/E(鍵盤)或LB/RB(手柄)進行的，5.friend更新后，設(shè)置界面被獨立出來，使用ESC鍵進入和退出，這是一個非常愚蠢的改變，從操作的邏輯上來說，是完全反人類的。

首先，大廳(主界面)、換裝、賽季進度、商店、設(shè)置這幾個界面原先只需要按Q與E或LB與RB就可以來回自如切換，而如今設(shè)置被單獨獨立出來，相當于是降低了切換界面的效率。

其次，邏輯存在巨大的問題。比如說我們按下M鍵進入賽季進度頁面，如果這時候我們想退出這個頁面，第一反應(yīng)應(yīng)該是按下什么鍵？應(yīng)該是ESC吧?

而此時如果你按下ESC，只會進入到設(shè)置的頁面，這時候你可能會一頭霧水：我是誰我在哪？

而如果我們按下Ctrl進入節(jié)目選擇的頁面，卻可以使用ESC鍵正常退出這個頁面，這就很奇怪了，同樣是跳轉(zhuǎn)到一個新頁面，為什么會出現(xiàn)兩種不同的操作邏輯？這是UI設(shè)計的大忌！

第三部分? 亂改字體

UI大更新之后，許多人抱怨字體的易讀性變差了。其實字體本身并沒有任何變化，糖豆人的中文字體使用的是思源黑體，這個沒有變化，改變的是字體的投影，主要的變化是：陰影投射的距離被改變，這是什么意思呢，我們通過幾張圖來對比：

總結(jié)就是一句話：不該加陰影的亂加陰影，不該改投影距離的亂改投影距離，不該改大小的亂改大小。

第四部分? 一個像樣的圓角矩形都沒有！

5.friend將原先的設(shè)計元素都逐步改成了如今在UI設(shè)計中非常常見的“圓角矩形”，但是，這些圓角矩形好像就是用ps隨便畫出來的一樣，不僅大小尺寸不一，連每個圓角的曲率都不同！

我們知道，把圓角矩形做到極致的當屬蘋果公司，他們的產(chǎn)品對于圓角矩形的控制可以說是極其精確精細。

回過頭來看糖豆人的圓角矩形，這都是什么玩意？

如果我們將這幾個圓角矩形都分別截取相同大小的左下角部分，并將它們拼合在一起，會發(fā)現(xiàn)：

這些圓角矩形，左右不對齊，弧度曲率不一致，甚至連白色描邊的寬度都不一樣！

我已經(jīng)看不下去了......

第五部分? Bug一堆

5.friend這套新的UI設(shè)計，不知道是因為進行了如此大的改變，許多地方?jīng)]有適配好，還是因為官方是一幫廢物，許多地方出現(xiàn)了各種各樣的顯示bug，這里列舉幾個：

1.我皇冠呢？

2.我隊友呢？

? ?沒有圖，組隊時右側(cè)的糖豆提示不將隊友ID標紅；結(jié)算界面隊友頭頂?shù)娜羌t標消失。

3.還有多久？

4.這是幾天

第六部分? 其他

1.由于UI的更新，糖豆人在組隊時，隊友的站位也進行了修改，這個不好評價，反正就是有點奇怪。

2.底部這一個莫名其妙的黑條是干什么用的？

這個界面的右下角更為過分：

3.底部的方框太大，會擋住一部分下半身皮膚 (例如鞋子)

4.結(jié)算界面右上角填得太滿

5.既然在新聞窗口的下方加入了頁碼指示，為什么不支持點按選擇來閱讀下一條或者上一條新聞，而是只能等系統(tǒng)自動輪播？

總結(jié)

此刻最想說什么？

--對得起我們嗎？***退錢！

有感到失望嗎？

--太失望了我敲！

那你還有什么總結(jié)的嗎？

--建議糖豆人的UI設(shè)計團隊去掃廁所。