哔哩哔哩（bilibili），简称B站，现为中国年轻世代高度聚集的文化社区和视频平台。在B站进行内容创作的博主一般称为“UP主”。B站一直以打造社区的模式进行UGC（用户产生内容）的内容产出，而创作中心模块则是UP主常用的功能模块。2023年1月，为了帮助up主们更加高效地进行创作，B站对移动端的创作中心进行了全新升级，本文主要浅析和学习本次创作中心升级改版细节。

本次改版的主要聚焦点在：

1.焕新界面

2.重构容器

3.数据更清晰专业

1.焕新界面——风格更加统一，特色更突出

B站上一次对创作中心进行改版在2018年，五年后再次改版。本次改版界面焕新，风格更加统一，视觉观感更加美观舒适。原版创作中心板块主要由灰色分割线进行区分，较为常用的功能块和数据中心放在视觉中心区域，中间穿插B站热门活动和消息通知的小条形模块；只用色彩的变化强调突出了相关数据类的信息，整体视觉效果仅呈现统一的白色。

改版前

而改版后的创作中心界面通过小面积色块，区分了不同类型的大类功能区域，以一个归纳式标题作为内容的定位点，比改版前更加突出明显；色彩视觉上，结合了B站主色调的粉色，在创作中心界面增添了更多粉色调色块，使得站内里外的风格更加趋于一致，更加年轻化。并且使用粉色和蓝色的色块对常用服务功能模块和数据中心做出了一个更加鲜明的对比，在视觉上更方便up主们进行点击操作。图标的风格也随着整体界面一同优化，呈渐变色调，轮廓边缘更加的柔和。B站的整体年轻特色更加突出。

改版后

2.重构容器——内容卡片结构化，信息获取更高效

创作中心功能众多，既有up账号本身的各种稿件管理、数据管理、创作激励等功能，又有官方发布的各类活动或通知消息，在给up主提供一个数据可视化、可实时关注自己的成长的环境的同时，还提供了海量的活动资源信息。但原创作中心界面信息容器冗杂、区分不明显导致主次功能区分不清，反而增加了用户的认知负担、降低信息获取的效率。

原版布局大致示意图

而改版之后的创作中心，用了更加合理的版式和视觉手段来保障用户在单位时间内获取最多的内容资源。将内容容器重构成卡片状，将相似功能进行归纳整合，使得整体视觉感官更加整洁干净，提升查找信息的效率。将原本显眼的活动推荐banner撤下，把用户最重要最关注的常用功能板块和数据中心放在最前面，任务中心和创作灵感、活动推荐等信息层级较次的板块移到了后面，整体结构层次分明，降低了次要信息对用户的认知干扰，提升了视觉沉浸感和使用效率。卡片边缘采用弧度较大的形式使得整体界面不锋利、更柔和，在视觉上提升了舒适度。

改版后布局大致示意图

界面顶端还增设了简洁的名片栏，展示up的昵称头像和重要数据。右上角增加“发布”按钮，up主无需再向后退出到“我的”界面再进行作品发布，图标既不突兀，又能帮助提升效率。

3.数据更清晰——播放页新增数据模块，更多数据指标

数据中心也增加了更多的使用指标，如新增收益趋势数据、粉丝播放数以及最新稿件的排行，通过更加直观简单的折线图进行数据展示；账号诊断功能采用一个简单的三角形统计图展示视频总体投稿、播放、点赞的百分比，并用小字为创作者提出改进建议，既不显得冗余，又能为创作者显示更多有价值的信息，在视觉上也更加简约高级。

数据中心

除了在创作中心后台查看数据，up主现在还可以在视频的播放详情页面看到“数据小助手”板块，帮助创作者随时随地查看核心数据。此外数据小助手带有一定的私密性，只有up主本人才能看到该板块，其它观众点开视频则是正常界面。

播放界面的数据小助手

小结

作为B站up主们日常创作中重要的内容板块，本次创作中心的界面优化、功能新增是能够带来眼前一亮的效果。部分板块的归纳优化和更有活力的视觉设计充分体现了B站的各项功能也在与时俱进，与企业理念俱进，为用户拥有更好的体验着想。当然，B站的创作者们可能还需要一小段时间去适应新界面的改良，改版效果是好是坏，还要交给用户和时间去评价。

参考文章：

「创作中心」全新升级！你关心的一目了然！-哔哩哔哩创作中心

UI设计万字干货！系统掌握界面中的点线面运用-Andrew

简单而高级的设计，如何做到？-彩云Sky