哔哩哔哩（B站）电脑版主页，即网页端首页（www.bilibili.com），采用典型的宽屏信息流布局，整体以白色为背景，辅以品牌粉色（#FB7299）作为导航与交互高亮色。其核心结构从上到下依次为：顶栏（导航区）、banner轮播区、功能入口区、视频分区导航区、信息流推荐区以及页脚。
在页面最顶端是全站统一顶栏，左侧为哔哩哔哩的官方Logo（电视塔图标），通常与“哔哩哔哩”或“bilibili”字样组合；紧邻其右侧的是全部分区下拉菜单，鼠标悬停会展开包括动画、番剧、国创、音乐、舞蹈、游戏、知识、科技、数码、生活、鬼畜、时尚、娱乐在内的完整分区列表。顶栏中部为全局搜索框，支持输入关键词检索视频、用户或直播；顶栏右侧提供大会员、消息通知、历史记录、创作中心、投稿入口等核心功能按钮。其中“投稿”按钮使用醒目的粉色背景白色文字，是内容创作者的主要入口。
在顶栏下方，主页通常划分为左侧主内容区与右侧侧边栏。主内容区顶部为Banner轮播图，展示活动推广、热门番剧、重大赛事或官方策划专题，每5秒左右自动切换，并配有左右箭头与底部指示圆点。Banner下方是快捷功能入口，常以图标加文字形式排列，例如“直播”“课堂”“综合”“推荐”“排行榜”“漫画”等，点击可直接跳转至对应频道。
紧接着是分区导航标签栏，通常显示“推荐”“热门”“直播”“校园”“影视”等标签，其中当前选中的标签会用粉色高亮。默认展示的“推荐”标签下是个性化内容流，采用瀑布流式卡片布局，每个卡片包含视频封面、标题、UP主头像与名称、播放量、弹幕数以及“一键三连”按钮。鼠标悬停在封面上时，视频会自动静音循环预览动图，这是B站网页版的一个重要交互特征。
在推荐信息流之间会穿插广告卡片（标注“广告”字样）以及合作推广内容，但整体风格与普通视频卡片保持一致。主页右侧侧边栏从上到下依次为：扫码下载客户端提示框、登录状态面板（未登录时显示登录/注册按钮，已登录时显示头像、等级、硬币、B币等数据）、公告与运营活动入口（例如“创作活动”“新番时间表”）、热门榜单（按播放量或互动量排行的“热门视频榜”）、直播推荐（展示部分正在直播的房间卡片）以及友情链接。
页面最底端为页脚区域，包含网站备案信息、关于B站、帮助中心、用户协议、隐私政策、壁纸站、活动中心等法律与导航链接，同时展示“违法和不良信息举报热线”与“儿童色情信息举报专区”等合规标识。此外，电脑版主页在某些场景下（如未登录、特定促销节点）会弹出轻量级弹窗，用于引导登录或宣传会员活动，但可手动关闭。
总体而言，哔哩哔哩电脑版主页的设计强调“内容优先”，通过自适应网页宽度（通常以1280像素为主流视口），在1920×1080分辨率下展示约6列视频卡片；卡片之间的间距均匀，封面采用16:10或16:9比例，标题限制两行文本，超出的部分以省略号截断。主页不设置独立的顶部大图海报位，而是将核心资源集中在推荐流与分区导航中，保证用户打开页面后能快速开始浏览视频内容。
查看详情
查看详情
