完美世界竞技平台

序言

作为一个非常喜欢玩 FPS 的玩家，我有时会在完美平台上玩 CS。但这个界面实在是太狗屎了，写一篇文章批评一下它。

首先就是这个土味十足的主页。

暂时先不评价这些组件本身好不好看，让我们来看看它页面的总体布局：

信息密度真的是太大了，界面完全没有任何视觉层级和强弱关系，背景图片非常亮，还把很多无意义的组件都加上了鲜艳的背景颜色。

If you make everything bold, nothing is bold.

页面上很多地方还用了位图资源，现在是 2004 年吗？就算不用 SVG 和矢量字体，高分辨率的图片难道都不会用吗？

尽管完美的前端开发为了不写响应式，直接禁止了窗口的 resize，大小是固定的 1280px * 800px。

但是非常搞笑的是还是会出现 overflow。

标题栏右侧的四个按钮完全没有任何 tooltip 或其他方式告诉用户按钮的作用，想要知道是什么按钮只能点开。

不知道完美是不是请不起设计师，页面元素真的设计的特别丑。

亏你们能想得出来这个蓝紫色的边框。

这个 checkmark 用了浅蓝+白色，真的是非常糟糕的对比度。

元素居中都不会了？学 CSS 时入门第一章就教你怎么居中 div 了吧。

主页上非常明显的“设置”页面里完全找不到语言选项。外国玩家想要用英语的话怎么办呢？

哈哈！这个设置选项在“账户信息”里，而且按钮叫做 “I’m EN player”，非常不专业。

但是为什么设置了英语还是能出现汉字呢？

很明显完美在开发的时候就没有设计 i18n，后面也只是为了上海 Major 才赶工出来了一个英文选项。

根据 CLReq，混排时中文与西文之间应插入空白。

原则上，汉字与西文字母、数字间使用不多于四分之一个汉字宽的字距或空白，或可使用西文词间空格。

完美的平台基于 Electron（简单说就是浏览器套壳），只用一行代码设置一下 text-autospace: normal 就能解决这个问题了，但是他们好像不太在意 UI 上的细节。

没有考虑西文的文字长度，又是 overflow。

拼写问题：