当看到屏幕上一个个炫酷,具有科技感的数据大屏时,很多人都会好奇这是怎么做出来的。自己在制作大屏时明明按着需求做了,可是做出来后总是觉得画面不好看,不够炫,感觉很糟糕。

那要如何才能设计那样的数据可视化大屏呢?本文以模板大屏《职场薪酬情况》为例,介绍数据可视化大屏的制作步骤。

假设个人已经了解大屏的业务场景需求,由美工提供的设计稿或者是大屏整体展示效果图,如下图。

(职场薪酬情况-电脑端)

那就开始动手了,在制作大屏之前要准备相关的工作。一般来说,需要以下几个步骤。

一、准备数据

我们需要准备好数据,通过分析图表将其展示出来。这些数据包括要展示的业务场景的数据源及各分析图表所需要的数据集等。准备好之后,在设计平台上传或者设置路径等,方便制作时调用数据。

【数据】栏里,专业配置模式可支持从各种数据库、表、文件中选择数据使用。

简单配置使用,在右边直接输入或修改数据即可。

二、整理素材

即大屏所需要用到的图片,音频、视频及其它类型素材。比如背景图片,组件图片,标题装饰图等等。准备好这些,可以在平台系统管理页的素材模块里上传。

在制作时可以直接选择使用。

三、排版布局和主题风格

根据设计图,分配好大屏各数据模块的布局和位置。

在主题风格方面,数据大屏平台会内置了丰富的主题样式,用户只需要根据需求进行选用修改。

四、组件美化

将大屏框架和主题风格弄好之后,就可以细化组件进行美化,绑定数据,设置组件外观等。这样可以使我们制作的可视化大屏更加美观,更加酷炫。

因为数据大屏的主题风格主要以深色居多,所以在组件和文字配色上,应该用稍微明亮一点,浅色的颜色可以使图表和文字更明显,可以给观众醒目的视觉冲击。

每个组件都可以在右边的【属性】栏里使用调色版进行自定义颜色。

另外还可以给各个组件的小标题,添加增加多个装饰性素材,合适的背景。这里又从事先准备好的素材库里挑了个元素出来,效果如下。

其他组件也是使用相关的制作方法。根据设计图一路拖拽下来,一张完美炫酷,具有科技感的数据大屏就做好了,下面展示数据大屏的手机版。

(职场薪酬情况-移动端)

如果你对大屏数据可视化感兴趣,可以登录平台进行体验。

数据可视化之设计经验分享:轻松三步教你学会制作数据可视化大屏思路相关推荐

  1. 轻松三步教你配置oracle,oracle home 配置

    今天上班链接plsql 发现链接不上 报错 Error while trring to retrieve text for error  ORA-12154 tnsping 链接失败 提示 Messa ...

  2. 数据可视化表格-设计经验分享!

     前言 表格是数据可视化中最入门的数据图,也最为实用,在网页后台几乎是必不可少的元素,数据可视化大屏中也常常出现.表格的设计似乎所有人都会,但为什么总有一些表格看起来很舒服,用起来也方便,而有些则不然 ...

  3. 经验分享:三步走教你升级企业NAS设备

       前几年凡是对于数据存储有需求的企业都已经购买了相关的NAS产品,不过电脑和网络升级换代是比较频繁的,几年过去了中小企业对数据存储的需求也水涨船高,然而面对当初的NAS存储设备该如何处理呢?扔掉可 ...

  4. 轻松三步教你配置oracle,Oracle Net Configuration Assistant 配置步骤简明教程

    Net Configuration Assistant 配置步骤 假设数据库所在服务器IP地址为: 192.168.0.1 数据库实例名为:ora92 用户名: umap 密码:umap 第一步:打开 ...

  5. 简单三步教你学会用Vegas做鬼畜!

    我相信很大一部分小伙伴用Vegas都是用来制作鬼畜视频的,尤其是当今鬼畜视频泛滥,更加吸引了很多小伙伴加入Vegas.那么这款软件该如何实现简单的鬼畜呢?接下来就为大家详细的介绍下! 步骤一: 首先下 ...

  6. 大数据可视化大屏设计经验分享

    前言 大数据产业正在用一个超乎我们想象的速度蓬勃发展,大数据时代的来临,越来越多的公司开始意识到数据资源的管理和运用,大数据可视化大屏展示被更多的企业青睐,身为UI设计师的我们,也要紧跟时代的步伐学习 ...

  7. 数据可视化大屏设计经验分享 【进阶篇】

    前言 说起数据可视化设计,如今绝对是热门的设计之一,而真正懂数据可视化设计的设计师却不多,随着大数据产业的蓬勃发展,很多企业都开始应用数据可视化.很多UI设计师突然会接到公司数据可视化设计的需求,如果 ...

  8. 【成长之路】本科比赛作品设计经验分享

    成长之路系列目录 1.应届毕业生成为博主后的阶段性总结 2.应届生的毕设经验 3.本科比赛经验分享 4.本科比赛作品设计经验分享 目录 前言 一.选题思路 二.整体设计 三.创新性设计 结束语 前言 ...

  9. 一个画板十年工程师的PCB设计经验分享

    一个画板十年工程师的PCB设计经验分享 一个画板十年工程师的PCB设计经验分享_手机搜狐网 一般PCB基本设计流程如下:前期准备->PCB结构设计->PCB布局->布线->布线 ...

最新文章

  1. React Native之ViewPagerAndroid跳转页面问题
  2. linux u盘 挂载 type,Linux挂载U盘报错:mount: unknown filesystem type 'ntfs'
  3. 论文阅读——《Robust Superpixel Tracking》
  4. C++ vector的用法
  5. 图像语义分割_图像语义分割(9)-DeepLabV3: 再次思考用于图像语义分割的空洞卷积...
  6. 前端文件path路由:基于base引用
  7. Node.js DNS 模块
  8. 2018.09.19 atcoder AtCoDeer and Election Report(贪心)
  9. 传统行业生意,现在想要发财
  10. 采用docker安装部署Nginx
  11. libkyototycoon.so.2: cannot open shared object file: No such file
  12. 《nik collection》怎么用
  13. Unity学习笔记(一)——基本概念之场景(Scene)
  14. RNA-seq数据分析
  15. HashMap非线程安全问题
  16. 看了几个技术入股的帖子,忍不住写个自己亲身经历吧
  17. vue 父传子props
  18. Docker之工作中常用的命令(二)
  19. 个人计算机有ip地址吗,如何查看ip? 查看个人电脑IP地址五大方法
  20. 已知由单链表表示的线性表中含有三类字符(数字,字母和其他字符)试编写算法来构造三个循环链表,使每个表中只含某一类字符,且利用原表中的结点空间作为这三个表的结点空间,头结点可另辟空间。

热门文章

  1. 为什么要实施微服务架构?
  2. charles + 雷电模拟器4进行手机抓包
  3. 应聘华为的朋友小心了,应聘华为的悲惨遭遇!
  4. android状态栏右上角增加图标的方法
  5. android 模拟自动点击,自动点击模拟器app
  6. 不拆无损,在北汽EU5,EU7,EX3,EX7安装app应用
  7. 百万比亚迪仰望出圈靠的不止技术
  8. 如何录制屏幕视频?有哪些录制技巧?
  9. Linux常用命令——jwhois命令
  10. 关于AI芯片功耗和应用的一些看法