视觉升级|LiveLink腾讯游戏直播中台
LiveLink是一个为腾讯游戏在直播平台、游戏客户端、移动社区多种运营场景中提供直播账号与账号绑定的游戏直播中台。随中台的业务发展,中台官网需要承接更多服务能力信息呈现及自动化能力。
设计目标
项目目标
1. 整合服务:将现有的产品服务进行层级重组,提供一站式产品资源服务;
2. 赋予活力:抛去原有的传统风格,塑造年轻化的产品体验;
3. 建立形象:打造生动化的视觉品质感,传递全新的LiveLink形象。
从项目目标整合服务、赋予活力、建立形象进行提炼,经过多期分析和调研,最终升级策略聚焦在以下两个方向:
(1)一站式的UI体验。旧版本的各项服务模块太过于分散,不便于用户快速寻找和了解。为了提高操作效率,在第一时间找到服务入口,我们优化了首页的整体布局。
(2)年轻化的视觉品质。为了让LiveLink官网承接更多服务能力的信息呈现及自动化等相关能力,我们提升了LiveLink官网的视觉品质感。
设计执行
一站式的UI体验
首先将首页的游戏直播营销、游戏内容分发、游戏内容运营、游戏内容数据DBox四大产品服务整合在一起。其次从多个二级、三级页面释放出了腾讯游戏主播发行人计划、直播资讯、认证主播展示以及合作平台等模块到首页,使用户更加清晰的了解到最新的资讯、主播发行计划以及主播认证的流程。并且也展示了多个合作平台来增加LiveLink的影响力与信任度。
年轻化的视觉品质
此次升级主要着力于画面的色彩搭配和图形质感上的设计优化。营造出游戏直播平台的年轻化。
关键词提炼
根据项目目标归纳出来的升级策略,我们对年轻化、品质感这两点进行分析拓展,最终提炼出几何体(图形)、高饱和渐变色(颜色)、轻质感(纹理)三个方面的关键词。
情绪版
颜色|缤纷色彩
在颜色应用中,我们运用了品牌色蓝色并延伸出其余三个邻近色作为主色,使其具备递进关系。其次为了画面的色彩平衡,我们加入了一些暖色调作为辅助色来进行搭配使用。
纹理|轻质感
在质感上面我们一开始在金属和哑光的方向上进行探索,最终选用较为平衡的3D材质与渐变混合,偏轻盈的质感具备一定的立体代入感,使画面更富有层次;明亮、轻盈的材质体现出年轻与活力,使得游戏的氛围感会更强。
图形 | 3D表现手法
图形方面我们统一以俯视45度角进行构图,这个角度可以看到更多元素的细节以及画面的空间感。同时为了画面更加生动形象化,我们采用三维的表现手法,然后以四大产品服务为主题方向进行元素延展:
(1)游戏直播营销-游戏站:由游戏机、手柄、开关按钮、控制台、闪电等各种游戏相关的元素组成有趣好玩的一个游戏小站;
(2)游戏内容分发-造星坊:采用生产管道、传送带、材料架和原有的四大特权图标打造一个扶持游戏主播出圈计划、提供一站式主播合作管理和认证的年轻化坊间;
(3)游戏内容运营-活动区:抛去传统的商务元素,以折线图、爬梯、宝石、滑动管道这种简约却带有趣味性的几何基础形状组成的一个活动建筑;
(4)游戏内容数据DBOX-数据营:饼图、柱状图、魔方等多种生动的图表制作出一个可视化的视觉DBOX数据营。
效果展示
结语
随着LiveLink需要承接更多服务能力信息呈现及自动化相关能力的同时,在视觉的品质体验感上也需要不断的升级。作为一个为腾讯游戏在多种运营场景中提供直播账号与账号绑定的游戏直播中台,我们设计师也需要尽可能从产品符合和塑造形象上做更深入的尝试和探索。
▼