B站|bilibili 分P视频详情页优化

调整bilibili 分P视频合集列表,使得可以根据窗口大小上下铺满,标题显示得更长;适配了宽屏显示;支持小窗大小设置;支持右侧视频列表自定义宽度;支持视频列表标题换行显示;以及一些其他的调整

< Feedback on B站|bilibili 分P视频详情页优化

Review: Good - script works

§
Posted: 2024-04-21

感谢大佬,脚本非常好用!!!

特别是“脚本会把右侧的视频合集列表,根据浏览器窗口大小进行自适应”这个功能简直就是强迫症福音

我想提出一个小问题,就是聚焦和分类有点丑,如图圆框所示,但我也不知道要怎么样修改才能美观一点

lonelylizardAuthor
§
Posted: 2024-04-21
Edited: 2024-04-21

这个颜色是不是比较深?这里加颜色主要是为快速区分分类名和视频名,其次是考虑到这个区域颜色不能太明显以免影响观看视频时目光焦点

如果调整成下图中标记3的颜色会不会好一些?

预览2

聚焦时的行背景颜色考虑的问题同上,阿B原来的各种视频合集页没有统一聚焦效果,并且不能一眼分辨是聚焦的视频,还是正在播放的视频。

预览

以上两处,如果你认为有更合适的颜色或者改进方法,欢迎交流

§
Posted: 2024-04-21

这个颜色是不是比较深?这里加颜色主要是为快速区分分类名和视频名,其次是考虑到这个区域颜色不能太明显以免影响观看视频时目光焦点

如果调整成下图中标记3的颜色会不会好一些?

预览2

聚焦时的行背景颜色考虑的问题同上,阿B原来的各种视频合集页没有统一聚焦效果,并且不能一眼分辨是聚焦的视频,还是正在播放的视频。

预览

以上两处,如果你认为有更合适的颜色或者改进方法,欢迎交流

大佬,“调整成下图中标记3的颜色”这个浅灰色就很不错,目前您的聚焦方案确实是最优解

我测试了几个多p视频,正如您所说,每个视频其聚焦形式都不一样

我有一个不成熟的想法,如果像图中的“举报”、“屏蔽用户”、“订阅合集”那样,将聚焦的项目用“b站蓝”这个颜色框起来并将文字设置为“b站蓝”色如何?

lonelylizardAuthor
§
Posted: 2024-04-21

1.2.1版本已更新修改了带分类视频合集的分类名背景色

关于聚焦样式问题,我之所以用灰色,是因为分P页面中,点赞投币收藏、已关注按钮、视频合集背景色、弹幕列表等地方均为深浅不一的灰色(于是我认为该页面的主题色是灰色)

B站蓝是一个不错的方案,但是感觉有点突兀(如下动图所示),暂时不考虑加,如果后续很多人对聚焦效果不满意,我会增加可选样式,加上你的B站蓝方案

预览

§
Posted: 2024-04-21

大佬,我刚刚更新到最新版了。

又发现两个不和谐的地方

第一个地方(图一):分类视频合集的分类名,其背景色太宽了,显得拥挤,并且是直角边框,和整个圆角ui相比太突兀了;

第二个地方(图二):带图片的聚焦框也是太宽了,多出来一截,没有和下方的视频保持距离,也是直角边框

您看看这个能改不?

§
Posted: 2024-04-21

1.2.1版本已更新修改了带分类视频合集的分类名背景色

关于聚焦样式问题,我之所以用灰色,是因为分P页面中,点赞投币收藏、已关注按钮、视频合集背景色、弹幕列表等地方均为深浅不一的灰色(于是我认为该页面的主题色是灰色)

B站蓝是一个不错的方案,但是感觉有点突兀(如下动图所示),暂时不考虑加,如果后续很多人对聚焦效果不满意,我会增加可选样式,加上你的B站蓝方案

预览

还有就是,我不点引用发了评论,不知道您收不收得到?

lonelylizardAuthor
§
Posted: 2024-04-21

只有当多人参与讨论,或者有多组评论时避免混乱才需要引用。反馈我都会订阅,会有邮件通知

你提到的第一点『分类视频合集的分类名,其背景色太宽了,显得拥挤,并且是直角边框』

直角问题已修正为圆角。至于背景区域太宽,这个不是问题哦,这个是手风琴设计(手风琴效果可参考这里https://codepen.io/Frecosse/pen/kavMYN)

『带图片的聚焦框也是太宽了,多出来一截,没有和下方的视频保持距离,也是直角边框』

之前改的时候有留意到多了一截,发版后忘记改了,1.2.2版本上现以修正

预览3

预览4

Post reply

Sign in to post a reply.