2021-11-01

这块“小蛋糕”,背后反映了一个大生态...

随着5G时代到来,融媒体生态迎来急速扩张。为了让管理者和运营者能够清晰、快速地掌握平台上的“供需关系”和用户喜好偏向,越来越多的融媒体平台需求利用可视化技术,搭建属于自己的内容生态交互系统。

本篇以“央视频5G新媒体平台的生态可视化交互系统”为例,聊聊我们对融媒体行业可视化设计的思考以及制作思路,欢迎大家在评论区一起交流。

策划制作by:光启元行业组丨视效组

整理by:RayData实验室

*项目中的数据和信息均已进行脱敏处理

项目背景

央视前台数据可视化系统将央视频复杂的业务架构及运营数据结合,通过3D立体化建模及数据实时渲染,将架构概念化,内容具体化。

同时满足客户日常汇报、来宾接待、展览推广及相关业务人员运营分析的可视化需求。

项目展示 

设计思考

主屏央视频生态概念模型设计推导

原型分析:

鉴于央视频庞大而复杂的生态体系,将其凝聚成一个完整又全面的概念模型并非易事。于是我们梳理了原型,发现内容整体主要分为三部分:云平台-账号平台-内容平台。只有明确这三部分之间的关系后,才能确定其工作流程来推导模型制作样式。

这块“小蛋糕”,背后反映了一个大生态...

表现形式:

针对以上的情况,我们选择用拓扑图或流程图的形式表达。传统的拓扑图或流程图演变而来的概念模型,往往是通过一个个独立的零件串联每个环节,这样的展现形式会使场景表现过于碎散,缺乏严密的逻辑关系;没有明确的主体,容易让人觉得不知所云。

这块“小蛋糕”,背后反映了一个大生态...

草图绘制:

只有大破大立,才能准确地将复杂的内容完整表达,于是我们摈弃以往的经验,开启对模型表达形式的全新探索。创新性地发现了“大蛋糕”这个场景,既能保证整体场景中只有一个主体,内容不会过于分散,还能将生态逻辑和运行过程表达清晰,让人一目了然。

这块“小蛋糕”,背后反映了一个大生态...

情绪版

形的联想:将不同物体的特征进行形的联想

意的联想:视觉效果传达本质意思

这块“小蛋糕”,背后反映了一个大生态...

模型样式

这块“小蛋糕”,背后反映了一个大生态...

模型含义

1.云平台(上层)

这块“小蛋糕”,背后反映了一个大生态...

 最上层的云代表云端素材库,周围漂浮的图片是一些热门素材,图片向内汇集的动画表示各类素材被收集和储存在云中。

2.账号平台(中层)

这块“小蛋糕”,背后反映了一个大生态...

账号可以调取云中的素材,生产自己的视频内容,账号生产的新内容,同样可以被存储在云中。平台上左右各有6个小人,分别代表了排名前六的内部账号和外部账号。

3、内容平台(下层)

这块“小蛋糕”,背后反映了一个大生态...

再往下,账号生产的内容需要发布出去的话,首先要经过统一的审核,所以模型这里有个汇聚的效果。审核过后,不合规的内容过滤掉,合规的内容通过AI智能打标签,然后分发到最外层的内容平台。

中间这个小格子,抬起得越多,表示内容数量越多,左边半圈是当日新增内容,右边半圈是当日播放内容。

 配色/字体

这块“小蛋糕”,背后反映了一个大生态...

排版

这块“小蛋糕”,背后反映了一个大生态...

整体适合离观众远的超长屏幕,从左到右依次为:2D图表、3D场景、2D图表。图表左右分开可以以概括、细分、贴近左右场景等形式分开展示数据内容,画面中间可以做单独内容弹窗的特殊内容展示。

图表展示

图表的种类肯定不止一种,为了消除不同类型的图表给用户带来的认知负担,设计通过给图表添加相同的设计元素来建立图表的一致性原则。这些相同的设计元素就是背景色、排版、标题样式等。不同数据有不同的重要程度,通过配色、群组、字体、间距等手法来使图表的视觉层次分开,有助于用户直观判断数据的轻重缓急。

这块“小蛋糕”,背后反映了一个大生态...

这块“小蛋糕”,背后反映了一个大生态...

这块“小蛋糕”,背后反映了一个大生态...

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值