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

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

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

整理by:RayData实验室

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

项目背景

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

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

项目展示 

设计思考

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

原型分析:

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

表现形式:

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

草图绘制:

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

情绪版

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

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

模型样式

模型含义

1.云平台(上层)

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

2.账号平台(中层)

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

3、内容平台(下层)

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

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

配色/字体

排版

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

图表展示

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

2021-11-01相关推荐

  1. 【财经期刊FM-Radio|2021年01月19日】

    title: [财经期刊FM-Radio|2021年01月19日] 微信公众号: 张良信息咨询服务工作室 [今日热点新闻一览↓↓] 美股美债休市,欧股走出逾一周低谷,雪铁龙并购后新公司登陆欧股首日涨超 ...

  2. 实战:怎样把间隔的几个commit整理成1个?-2021.11.18

    实战:怎样把间隔的几个commit整理成1个?-2021.11.18 目录 文章目录 实战:怎样把间隔的几个commit整理成1个?-2021.11.18 目录 文档来源 实验环境 实验软件(无) 1 ...

  3. 【财经期刊FM-Radio|2021年01月20日】

    title: [财经期刊FM-Radio|2021年01月20日] 微信公众号: 张良信息咨询服务工作室 [今日热点新闻一览↓↓] 纳指涨超1.5%,中概大涨,腾讯音乐涨21%,金银油回涨,以太币新高 ...

  4. Neovim开发环境搭建(2021.07.01)

    Neovim开发环境搭建(2021.07.01) 一.搭建环境 Ubuntu 21.04 Neovim 0.4.4 二.Neovim安装 # 下载 neovim,如遇网络问题可以采用 https:// ...

  5. 史上最详细微信小程序授权登录与后端SprIngBoot交互操作说明,附源代码,有疑惑大家可以直接留言,蟹蟹 2021.11.29完善更新小程序代码,

    2021.11.29 更新文章 你好,我是博主宁在春,一起学习吧!!! 写这篇文章的原因,主要是因为最近在写毕业设计,用到了小程序,这中间曲曲折折,一言难尽啊.毕业设计真的让人麻脑阔

  6. 验证码 -图形图像识别的算法。http://blog.csdn.net/xtalk2008/archive/2007/11/01/1861310.aspx...

    验证码 -图形图像识别的算法.http://blog.csdn.net/xtalk2008/archive/2007/11/01/1861310.aspx 图像经过处理后,还需要进行分割,才能进行比较 ...

  7. 读论文——Pre-Training with Whole Word Masking for Chinese BERT(2021 11.25)

    第一遍 标题以及作者(2021 11.25) 摘要 本文基于BERT,在RoBERTa上进行一系列改进,提出了用于中文的预训练模型MacBERT. 提出了一种新的掩码策略,MLM as correct ...

  8. 首页推荐流支持快捷修改兴趣标签,问答支持展示gif【2021.11.8】

    hello,大家好,这里是「CSDN产品周报」第17期.本次更新主要涉及首页和问答两个产品模块,具体细节请往下看. 一.首页优化 1.「推荐」信息流新增「修改兴趣标签」按钮 从用户需求的角度考虑,对内 ...

  9. 【报告分享】小红书平台2021 11.11期间行业投放分析报告-千瓜数据(附下载)

    摘要:随着平台多元化发展,用户体量增加,小红书逐渐拥抱了更多的年轻用户群体,也给更多的品牌带来了增长机会.据小红书方透露,2021年小红书平台的单日笔记曝光已经超100亿次,且男性用户占比已经达到了3 ...

  10. 2021.11.8-11.14 AI行业周刊(第71期):AI行业经验

    篇章一:行业经验 不同的AI公司,对于AI产品的场景定位不同. 有的公司是面向C端产品.有的公司专门做B端用户. 当然大白所在的公司,也有具体的定位,主要面向智慧金融.智慧机场.智慧城市. 之前,一直 ...

最新文章

  1. 第十五周项目一-程序填空(范型程序设计)
  2. saltstack 安装nginx
  3. Java虚拟机详解----常用JVM配置参数
  4. 在抽象类中可以没有抽象方法_是否可以在最终课程中使用抽象方法?
  5. 面试题 01.01. 判定字符是否唯一
  6. Spark基础学习笔记11:Scala运算符
  7. Apache的流处理技术概述
  8. 如何查看Python的版本
  9. python3 数组转字符串_Q:与python3交互中字符串转gbk的问题
  10. notion自建服务器,最详细的NOTION功能模块列表
  11. WeBack(微信聊天记录导出)使用教程
  12. 基于javaweb的教室信息管理系统
  13. 关于爱情的英文经典名言
  14. mysql的时间最晚日期_MySQL日期时间函数
  15. linux curse库函数,curse
  16. 安卓中自定义view控件代替radiogroup实现颜色渐变效果的写法
  17. IT桔子在线教育沙龙
  18. 01_搭建百度apollo环境实操可用
  19. 进口零食最受欢迎排行榜
  20. 资讯类网站增量式爬虫

热门文章

  1. 使用.pk8 和.pem签名生成.keystore 签名
  2. Web数据挖掘小论文
  3. 修改VS2017密钥
  4. Zblog主题,Zblog响应式主题,免费Zblog主题
  5. mysql 使用异步io_InnoDB引擎之-异步IO(Async IO)
  6. 数据库系统原理课程设计
  7. 17 张程序员壁纸(使用频率很高)
  8. 简单版俄罗斯方块程序代码c语言,俄罗斯方块C语言程序代码.DOC
  9. 迅捷PDF虚拟打印机怎么保存文件
  10. Unity使用TextMeshPro显示字体