说明：本文写于2021年8月底，由于当时还在小规模内测，所以先发布在了个人网站，现在补发在B站，未作修改。下面是原文内容。

声明：本文为UP主原创，为个人文章作品，所有内容均为个人言论，与官方无关。

        近期，B站PCWeb端（即电脑网页版）首页新版开始灰度测试，部分用户已经体验到新版首页了。这次首页的改动包括UI略扁平化设计、响应式页面视频屏幕、布局更改、icon（图标）更改等。上次改版还是上次是在2019年（见下方专栏链接）。这次改版仍然可以说是自2013年12月“α”版本上线后最大的一次改版。

        那么，这次改版都有什么亮点呢？跟随UP主一起来看看吧！

（注意：新版首页才内测不久，可能有地方些后续还会改动，本文具有时效性）

PS：文章末尾附抢鲜体验方法！

        总体上看来，新版首页增加了更多的圆角元素，圆角也都磨大了。整体上减少了icon的使用，分区导航栏页改成了大按钮、取消了分区投稿量展示，更趋向于扁平化了这难道不是iPad版本？。总的来看也很显霸气。

        新版首页中，搜索框右边的按钮均改为了icon+文字，这点与2019版起初时的只有icon而无文字不同。

        导航栏取消了数字显示当前分区投稿总量，改成了大按钮的形式。分区子分区可以将鼠标悬停在上面显示。

        另外，新版首页顶部的菜单栏是固定在窗口顶部的，当页面下滑时依然保持在浏览器窗口最上方。

        可以看到，新版搜索框在向APP的搜索页靠齐，同时显示搜索历史和热搜。        搜索历史可以删除任意一项，也可以一键清空。

        新版轮播图比例有所变动，文字标题单独放在下了下面，也做了左右切换轮播图的按钮，而不是只能能点标题下单小圆点实现。（其实这里小圆点的动效有个小细节，等你体验来发现！）看起来霸气了不少。

        首页视频推荐卡片鼠标悬停后不再是缩略图预览，而是预览视频。画质更清晰，播放更流畅，预览不再是PPT！

        但可惜的是，无法通过鼠标悬停移动来控制预览的位置（旧版封面预览时鼠标悬停移动相当于拖动预览的进度条），而且也不知道当前预览的时间位置（目前看来好像是从头开始预览，因为我用预览功能看完了一整支视频……）。由于是加载视频媒体文件，鼠标悬停后会有更长的等待时间，而且一旦鼠标离开，再次悬停，就会重头开始播放预览。

        同时，稿件信息直接外显（比如UP主头像和昵称、投稿时间、播放量等），一目了然，减少了不必要的交互。

        新版首页运用了大量扁平化设计。扁平化概念的核心意义是：去除冗余、厚重和繁杂的装饰效果。而具体表现在去掉了多余的透视、纹理、渐变以及能做出3D效果的元素，这样可以让“信息”本身重新作为核心被凸显出来。

        比如，取消各个分区板块前的图标。在之前的版本中，分区都是有图标的。

        排行榜也做了简化，不过鼠标悬停在标题上仍然是可以看到稿件信息的。

        这次改版也去除了右侧的分区调整常驻栏，改为了按钮换出的模式，节省了页面空间。

菜单栏“动态”悬浮框，顶部“”视频“直播”“专栏”按钮改大。

导航栏左边取消“热门”入口。

底部网站信息重新排版

运用更多响应式设计，这个等你来亲自体验！

……

        目前新版首页正则灰度测试中，用户有一定几率收到来着官方的邀请。使用新版的用户仍然可以在页面中找到“返回旧版”的按钮，在旧版里也可以找到回到新版的按钮。

        新版体验如何呢？欢迎把你的感受和看法发在评论区里~

感谢阅读，更多小技巧，欢迎关注UP主~

本文允许按照 CC4.0 协议规范 转载（虽然不太可能有人转载），请注明原文地址，谢谢！