专栏首页RayClass这块“小蛋糕”,背后反映了一个大生态...
原创

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

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

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

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

整理by:RayData实验室

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

项目背景

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

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

项目展示

设计思考

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

原型分析:

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

表现形式:

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

草图绘制:

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

情绪版

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

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

模型样式

模型含义

1.云平台(上层)

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

2.账号平台(中层)

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

3、内容平台(下层)

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

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

配色/字体

排版

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

图表展示

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

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 案例 | 人气蛋糕甜品店如何利用小程序1个月转化3000+会员?

    在这个越来越重视仪式感的年代,蛋糕甜品在从一个生活消费的食物变成了很多重大节日必备品。随着90后、00后人群的不断成熟,中高端甜品消费市场不断扩大,对于蛋糕甜品...

    微盛企微管家
  • 造车这事,巨头们太草率了

    不知是提前通气了,还是纯属巧合,最近宣布造车的企业再次呈现扎堆之势。有做智能手机和智能家居的小米,也有做扫地机器人的石头科技,还有做无人机的大疆。

    刘旷
  • 【NIPS 主旨演讲】Yann LeCun:用预测学习替代无监督学习(75PPT)

    【新智元导读】日前,Facebook AI 实验室负责人、纽约大学教授 Yann LeCun 受邀在今年的 NIPS 大会发表主旨演讲,畅谈深度学习最近技术进展...

    新智元
  • CCF考试——201703-1分蛋糕

      小明今天生日,他有n块蛋糕要分给朋友们吃,这n块蛋糕(编号为1到n)的重量分别为a1, a2, …, an。小明想分给每个朋友至少重量为k的蛋糕。小明的朋友...

    AI那点小事
  • Tree-shaking VS dead code elimination 【翻译】

    这里是原文链接Tree-shaking versus dead code elimination

    2014v
  • 【CCF】分蛋糕

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    喜欢ctrl的cxk
  • 【计算机本科补全计划】CCF计算机职业资格认证 2017-03 试题初试

    正文之前 我在之前的文章中提到过,我的老师要求我的CCF 考试考个280分来打个底,(没错,我就是那个横跨考研、工作、保研三大领域的男人)相当于是测试下我的能力...

    用户1687088
  • 漫谈进程和线程

    我们知道文件是对I/O设备的抽象,虚拟存储器是对文件和主存的抽象,指令集是对CPU的抽象,进程是对指令集和虚拟存储器的抽象。如下图所示 。

    木可大大
  • 专属| 黑客可通过漏洞劫持裸金属服务器

    Coinomi 钱包应用被发现会以明文向Google的拼写检查服务发送用户密码,让用户容易遭到中间人攻击,导致账号内数字货币失窃。Coinomi是基于Chrom...

    漏斗社区
  • 甜品店切蛋糕问题(动态规划,Go语言实现)

    问题重现: 小Y最近在甜品店工作,其工作是切蛋糕。现在有n个顾客来购买蛋糕,并且每个顾客有一个到达的时间,以及需要买的蛋糕的长度ai。由于小Y每次只能服务一个顾...

    李海彬
  • 学界丨Facebook Yann LeCun最新演讲: AI 研究的下一站是无监督学习(附完整视频加37页PPT)

    作为 Facebook 人工智能部门主管, Yann LeCun 是 AI 领域成绩斐然的大牛,也是行业内最有影响力的专家之一。 近日,LeCun在卡内基梅隆大...

    AI科技评论
  • 人工智能技术怎样帮我戒掉布朗尼蛋糕

    我那风中烛火般摇晃的意志力在跟双份巧克力布朗尼蛋糕对抗着,果不其然,布朗尼蛋糕大胜。 Lose It 饮食 app 的深度学习卡路里计算器,是我拿来对抗美食诱惑...

    GPUS Lady
  • 漫画:有趣的 “切蛋糕“ 问题

    最后的问题是:给定蛋糕大小的集合cakes,给定顾客饭量的集合mouths,如何计算出这些蛋糕可以满足的最大顾客数量?

    小灰
  • 巨头贴身肉搏的背后,如何切割万亿新零售市场大蛋糕?

    时至今日,我们对于新零售即将成为下一个发展风口的看法开始变得笃定。面对资本与巨头的双重加持,人们再也无法漠视新零售即将取代电商的现实。以新零售为突破口去寻找电商...

    孟永辉
  • 从实现装饰者模式中思考C++指针和引用的选择

    从实现装饰者模式中思考C++指针和引用的选择 最近在看设计模式的内容,偶然间手痒就写了一个“装饰者”模式的一个实例。该实例来源于风雪涟漪的博客,我对它做了简化。...

    Florian
  • python多线程与线程

    考虑一个场景:浏览器,网易云音乐以及notepad++ 三个软件只能顺序执行是怎样一种场景呢?另外,假如有两个程序A和B,程序A在执行到一半的过程中,需要读取大...

    超蛋lhy
  • 新版微信强化视频还可能做直播,但短期不能高估

    这几天,微信升级新版本到6.5,最大更新亮点在于强化了视频功能,此前微信就已支持手机录制的小视频,但视频长度只有6秒,且必须要自己手机拍摄的小视频。现在,支持1...

    罗超频道
  • 被黑鲨、红魔、联想们看好的游戏手机生意真的好做吗?

    前几日,小米举行堪称公司有史以来最盛大的发布会,有着多款产品以及刷爆网络的“造车计划”。连续两天的发布会已经告一段落,但似乎还有续集。

    用户2908108
  • Super快报第29期:起个大早的小秘书

    1、新浪微博要养多少小秘书? 研究人员观察到,新浪微博三成的删贴活动发生在发帖后5到10分钟内,九成的删贴发生在24小时内。假设新浪微博的一个审查员平均每分钟能...

    罗超频道

扫码关注云+社区

领取腾讯云代金券