2020年初，随着短视频竞争白热化，全民小视频在寻找差异化路径来提升时长，战略定位为泛知识类内容调性，同时，期望覆盖更加年轻的用户群体；基于对产品诉求和用户特征的分析，我们对产品体验进行了全新升级，给予用户更沉浸的视频消费体验，并探索出全新的设计语言。

 

设计思路探索

 

一个大型产品的体验升级，首先要保持用户体验的一致性，各角色高效协作使产品快速迭代；其次创造良好的沉浸式体验来提升时长，让产品在未来的道路上更富有生命力；最后要具备打动年轻用户的独特魅力。基于此设定了三个设计目标：有序、沉浸、元气。

 

01 有序 | Order

 

全新的设计语言是颠覆性的从浅色风格升级为更沉浸的深色风格，要确保有序的落地，就需要有系统化的思维。色彩是基础供给，从形成对应浅色风格的色彩映射入手，到元素、控件、组件再扩展到更多的场景，我们不断的完善和推进组件的平台化能力，从而以更小的成本有规律的完成落地。

 

02 沉浸体验| Immerse

 

如何在视觉体验上营造沉浸式视频消费的快感呢，结合现实场景中观影体验，我们采用了「环境氛围营造」和「视觉降噪」两个手段让用户更加聚焦视频内容，从而打破时长瓶颈。

 

1）沉浸氛围感营造

现实生活中，人们去电影院观影，黑暗的环境更容易让我们身临其境，沉浸于故事情节。

在界面设计中，深色界面相对于白色更容易将视频这种动态影像凸显出来。产品从选择式消费的feed流，改变为直接消费的大屏自动播放模式，也成为UI直接使用深色的一大契机。深色界面不仅可以减少切换跳出感，还可以营造沉浸式观看的氛围。

智能取色：音乐/贴纸/话题/主题的聚合页采用自动提取专辑封面的色彩作为动态背景，营造沉浸的氛围感。

 

2）视觉降噪聚焦内容

在影院里观影开始时，周围的灯光会随着影片的开始而逐渐消失，让观影者完全聚焦于视频内容。有感而发，我们在视频观看界面里，将非视频区信息缩小/去色、采用透明的icon给予更沉浸的观感体验，当视频播放7s后，信息将自动降低透明度。

 

03 元气的设计语言| Vitality

 

在视觉品牌基因上，致力于打造符合年轻人审美充满活力的品牌形象，我们采用明亮多元的色彩体系、极简几何美学，来营造独特品牌记忆点。

1）明亮多元的色彩体系

基于品牌整体年轻活力的基调，和人眼在深色背景下的阅读舒适性，我们对品牌标准色进行了升级，保持延续性，将S饱和度降至70，以H色相±2、S饱和度±5为阶梯生成更多色阶，同时建立更多元的辅助色彩体系，让品牌充满元气和赋有想象力。

 

2）极简几何 美学向上

建立一个兼具打动年轻人、符合泛知识化战略定位的设计语言，就要求既有很强的张力和视觉效果，又能散发出包容、内敛的气息，优雅而高级。受俄罗斯艺术流派「至上主义」的艺术概念启发，找到了与产品性格相符的设计语言-极简几何美学。

聚焦个人页头图去建立属于我们独特的视觉DNA。头图和作者ID的首字母做匹配，打造作者专属图像，注重个性表达。采用极简利落的几何线条、邻近色的配色来构建每一个字母，再将其3D化，通过对光影明暗的塑造，创造出富有生气的立体画面，赋予产品年轻活力的品牌个性。

从个人页3D头图，几何切割图标语言，到全场景的氛围穿透，都在传递鲜活生动的品牌感知。

 

3）品牌穿透

极简几何的基因特征不只停留在图像和图标中，同时在品牌传播官网、渠道商店图等场景透出，更多维度的展现，形成品牌资产，不断强化用户心智。

写在最后

打造品牌DNA的方法多种多样，可从底层去分析视觉语言基础元素，即图形、色彩、质感、构成、字体、动效、图像等元素的综合运用来打造。我们只需综合运用一两种基础元素即可。本次改版我们运用「几何图形」和「明亮色彩」元素，定义了具有独特性的品牌DNA，接下来我们将在更多场景中去强化和运用它，从而提升产品的品牌调性和识别性。也请期待文娱团队未来在视频领域带来更多用户价值与创新。

感谢阅读，以上内容均由百度MEUX团队原创设计，以及百度MEUX版权所有，转载请注明出处，违者必究，谢谢您的合作。

  

关于我们：

MEUX,百度移动生态用户体验设计中心，负责百度移动生态体系的用户/商业产品的全链路体验设计。

服务的产品包括百度APP、百度搜索、百度百科、百度网盘、百度贴吧、百度商业产品等。

MEUX以「简单极致」为设计理念，创造极致用户体验的同时赋能商业，推动设计行业的价值和影响力，让生活因设计而更美好。