原文链接:https://mp.weixin.qq.com/s/_bKjpniOh8u77LUs5EXnrw

互联网时代逐渐进入“增量拉新”和“存量活跃”的双轮时代,作为娱乐化内容消费平台,为拉进与年轻用户的距离,产品需要用年轻化的方式去和新一代用户建立联系进行沟通。核心设计目标
**

如何在视觉感官上与用户共鸣,传递年轻化、轻松的文娱内容形态?

我们通过业务目标用户调研以及线上体验走查去梳理年轻化关键点,连同产研团队在内容和产品形态上做了很大胆的调整。结合用研团队《年轻用户洞察》的数据报告,我们从年轻用户的个性及表达等方面提取了如下几点。年轻化映射

文娱类型的产品,无论小说、音乐、影视作品还是游戏等,在内容题材上都映射了人们某种思想的寄托、对非现实的想象。**精彩的故事能让人暂忘现实生活中的琐事烦忧,以放松的心情投身到另外一个世界,汲取养分。
优酷【2021优酷设计改版作品总结】 - 图2

而年轻群体个性独立,擅于表达真实的自我,对于生活的追求精致而有品质。他们对美的东西毫无抵抗,仿佛颜值就是天生正义,即便刚刚踏入社会,也会在残酷的世界中维系小小的善良

年轻的内核是相似的,但不同产品的年轻化展现却各自不同,我们将年轻的特质融入文娱的属性,从而映射出优酷特有的设计表现形式。优酷【2021优酷设计改版作品总结】 - 图3

个性真我」95后生于移动互联网和内容大爆发的时期,他们自信注重表达自我,洞察事情背后的复杂关系,化繁为简,并理性地做出判断。

优酷【2021优酷设计改版作品总结】 - 图4

品质生活」数据表明,年轻群体对于生活追求极其在意品质感,他们是“海淘”消费增长最快的群体。闲暇时光,更多的年轻人愿意通过旅行丰富生活体验,95后的旅行用户增长远超所有年龄段,是旅行消费耀眼的新势力。

优酷【2021优酷设计改版作品总结】 - 图5

颜值正义」 年轻人对于美好事物的沦陷总是不可抵挡,他们为自己的颜值花钱毫不手软,美妆消费增速远远高于其他群体。他们还是“吸猫”的庞大群体,毛茸茸软萌萌的猫咪不仅看起来可爱治愈,还能为“空巢”青年带来足够的温暖和陪伴。

优酷【2021优酷设计改版作品总结】 - 图6

善良微光」 “爱所有人,相信很少人,不伤害任何人。”——莎士比亚 面对混乱而多元的信息源,他们很少被冲动的情绪主宰,而更多的是用理性明辨是非,了解事实的真相。所以我们应该用温暖和柔软的姿态接纳他们,贴近他们。

优酷【2021优酷设计改版作品总结】 - 图7

根据上面这些,我们制定了优酷的年轻化设计文化。

设计映射:明亮的色彩、有序的布局 、 圆润的容器 、柔软的图形、年轻的话术、梦幻的场景、流畅的动效。


优酷【2021优酷设计改版作品总结】 - 图8


年轻化设计语言

1)明亮的色彩

对于内容化视频平台,我们希望在基调上给用户营造轻松治愈的视觉感受,从而更关注内容。而色彩的使用会直接影响人们的情感,合理利用可以增强视觉美观,加深用户对优酷性格的记忆。优酷【2021优酷设计改版作品总结】 - 图9

基于“明亮”关键词的映射,我们打破单一深色渐变给用户带来的成熟稳重的感觉,尝试采用低纯度,高明度的色彩进行多色渐变,来增强优酷的品牌记忆度;

优酷【2021优酷设计改版作品总结】 - 图10

2)有序的布局

“Wichita State University实验测试中证实适当的运用段落之间的留白和间距能有效的增强理解力高达20%” 合理的留白,让内容更聚焦;有秩序的布局,使浏览更顺畅;为了给用户焕然一新的直观感受,我们从现存问题入手。

优酷【2021优酷设计改版作品总结】 - 图11

线上版本的页面边距较小、呼吸感较差,我们增加页面边距扩大留白,并综合屏幕效率与数据表现后,决定采用比例布局的方式做新版方案的调整,让页面纵向浏览时更有秩序、更顺畅,阅读更聚焦;

优酷【2021优酷设计改版作品总结】 - 图12

3)圆润的容器


圆形在人的视觉过程中更容易被认知,给人一种柔软治愈的感受,圆角的合理运用对内容容器来讲,会突显矩形内的内容,将用户的视线聚焦**在内容本身。

优酷【2021优酷设计改版作品总结】 - 图13

两个圆角矩形排列时更容易区分内容归属,模块化更强,而圆角越大圆角矩形排列产生的负形越复杂。优酷承载的内容信息结构与密度,在高信息密度的场景中,需要合理的定义圆角大小,减少浏览时直角的压迫感。

优酷【2021优酷设计改版作品总结】 - 图14
**

3)柔软的图形

我们围绕识别性、秩序感、品趣味性对全端图标也进行了优化,帮助优酷提升年轻化的品牌基因。
识别性:增强识别性,高效传递信息;**秩序感:保持变换统一,增强韵律感;**趣味性:增强图标趣味表达,传递年轻化品牌感;
根据不同场景的独有使用特性,我们将图标分类以下几大类型,系统功能性图标、装饰性图标、指向工具性图标,并进行了设计优化及亮点的拓展。


优酷【2021优酷设计改版作品总结】 - 图15

4)亲和的语言

年轻人在表达层面不仅有趣而且经常有梗,为了更加贴近年轻人的调性,文案的年轻化是必不可少的部分。经过全站盘点发现,优酷站内的文案缺乏温度情感,大多是严肃官方的话语。

优酷【2021优酷设计改版作品总结】 - 图16

定义问题后,我们分4个维度解决:句型:尽量使用陈述句,避免疑问反问等句式传递不好的感受;语气:文案前后适当加语气助词&标点符号,缓解语气的严肃感;人称:统一第二人称,避免称呼用户“您”、“亲”等与用户产生距离感;口头禅:增加年轻化的推荐用语和词汇表,并建立迭代机制与时俱进;页面应用:
页面应用:

优酷【2021优酷设计改版作品总结】 - 图17
**

5)梦幻的场景

在界面中使用3D视觉表现,逐渐成为一种新趋势。通过丰富的3D的视觉表现,我们结合平台色彩为用户创造更新鲜趣味的视觉盛宴,增加品牌IP形象曝光,传递品牌调性。优酷【2021优酷设计改版作品总结】 - 图18

通过3D氛围的烘托映射,对于用户来说能很好的将消费感受消费内容本身关联在一起。

6)流畅的动效

借助动效手段,我们希望通过动态化的设计赋予产品灵动性格,驱动用户对产品的参与度优酷【2021优酷设计改版作品总结】 - 图19

动效营造元气感:

1、有节奏感的亮相,抓住核心元素的出现方式,通过弹性的动效节奏传达元气2、页面中持续停留吸引注意力的元素,通过大幅度的加减速提升“活力”,抓住用户注意力。

优酷【2021优酷设计改版作品总结】 - 图20

动效营造梦幻感:

1、梦幻、闪耀的质感:多彩的颜色营造“梦幻感”,通过高反射率的材质来表现2、突破次元壁的惊喜:平面设计元素中融入“立体感”,突破次元壁,带来使用的惊喜

优酷【2021优酷设计改版作品总结】 - 图21
**

年轻化体系

优酷涉及48+个业务,对于设计改版来说体量大,涉及范围广。
此次改版与技术侧进行了深度结合,沉淀了比较完善的设计标准化体系建设,具备了一定程度上快速视觉换新的
能力;

优酷【2021优酷设计改版作品总结】 - 图22

优酷改版令⼈感觉温暖、年轻,治愈了当前低落的社会情绪 ”——来自用户的真实反馈;

优酷【2021优酷设计改版作品总结】 - 图23

作为文娱类的产品,视频内容本身就能满足用户的精神层次的情感补充。希望用户在消费内容的同时,也能够被我们的设计影响,在产品体验上感受到更多的年轻、活力、正能量。