首页

大屏数据可视化展示

前端达人

整理了下2020年在项目中所做的部分数据看板,数据为假数据,仅做交流学习。
从2020年初开始接触可视化设计的工作,在设计的过程中也参考学习了很多优秀作品的设计。

收藏
收藏
收藏
收藏
收藏
收藏
收藏
收藏
收藏
收藏
收藏
收藏


转自:站酷

作者:Appeals


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

大屏ui设计系列之十三:阿里巴巴三万亿大屏项目

蓝蓝

2016年3月,阿里巴巴中国零售交易市场2016财年商品交易即时总额即将突破三万亿,这是阿里历史性的一刻,也见证了消费的力量, 为了记录这一历史时刻,三万亿大屏项目应运而生。这是阿里UED的一些文章。


大屏ui设计系列之三:某地区地铁1号线大屏幕控制中心应用案例

蓝蓝

2.jpg

相关负责人介绍,大屏幕最上方一个个显示着列车、车站景象的小窗口是1号线各个站点的实时监控图像,可以清晰看见地铁内发生的情况。下面有着紫色绿色条纹的一幅幅图像就是地铁的信号系统,哪辆车行到哪里,间隔多少,是否有情况需要停车……这里一目了然,调度人员就是在同步的电脑屏幕上进行调度,保证地铁正常运营。最下面的是供电系统,停电、变电、送电等操作都在这上面完成。

(蓝蓝注:转载这篇文章,是为了让设计师和产品经理们了解到客户平时的业务和工作方法)

大屏ui设计系列之二:大屏数据可视化设计项目心得

蓝蓝

蓝蓝设计经常会接到大屏设计的项目,比如中国移动互联网监控大屏可视化设计及开发、太极集团承接的中央台应急指挥中心大屏可视化设计、交大思源承接的北京地铁轨道批挥中心大屏可视化设计、数码视讯展厅大屏可视化设计,在积累了一定经验的同时,也在不断的学习和丰富关于大屏设计的特点及数据可视化的表达方式。

1.面积巨大——用户站远才能看全内容(所以字也不能设计很小)。
2.深色背景——紧张感强,让视觉更好的聚焦,省电。
3.不可操作——大屏主要用来给来宾观看的。来宾一般不会直接操作大屏。
4.空间局限——大屏不像网页有滚动条,它的长宽都是固定的。
5.单独主题——每块大屏都有具体想给来宾表达某个主题

知道了这些,如果我们遇到一个具体的大屏项目,要怎么来设计呢?

大屏UI设计系列之一:与太极合作,设计中国国家应急广播大屏预警系统 界面设计

蓝蓝

今天上午参观了太极上周刚搬的新家,5000多人的新办公楼群,不知不觉聊到12:43,匆匆离去。听到我们参与的项目要评国家科技进步一等奖,听到设计界面得到多方全国范围内的认可,听到客户赞比同行业设计公司做的好,听到客户由项目经理升总监,还是蛮开心的。作为外包方,我们是弱势群体,有时候觉得很辛酸,这个客户没有用高人一等的优越感和我们交流,而是用卓越的交流方式让我们感受到这件事的价值和意义,被尊重,我们也回报以高优先级,卓越的作品,不惜加班加点去工作。

这次,还有之前几次和客户、朋友的交流让我非常受益,感受到不同的人做事,换位思考,打动人心说话的方式,项目管理方式,视野的广阔性和方法,教我许多。信息量太大,恨不得记下来。


大屏设计系列之六:有"屏"有据,阿里双11大屏是怎样炼成的

蓝蓝

今天主要是和大家分享一下阿里云数据可视化展示平台的搭建过程,我会尽量将整个过程本真的还原出来,帮助准备自己搭建平台的小伙伴们扫除一些障碍。

我们这个平台是用来搭建大屏的。什么是大屏?大屏是我们集团内部对于数据可视化的数据大屏的一个简称,目前我们集团有三种大屏,第一种是触摸式大屏,它的最大特点是能够展示全量的数据,一般来说这种大屏都会带有互动。

第二种大屏是数据大屏,也是我们的双十一大屏,它的特性是展示性非常强,能够让大家快速的了解到大屏背后讲述的故事。

第三种大屏是数据产品类型,这种大屏的图表都非常简单易懂,基本上就是折线、饼图等等这一类的图表,对展示性的需求也不是特别的高,主要目的是让商家快速读懂图表的意思。

大屏设计系列之四:大数据可视化设计,故事+数据+设计 =可视化

蓝蓝

大数据可视化是个热门话题,在信息安全领域,也由于很多企业希望将大数据转化为信息可视化呈现的各种形式,以便获得更深的洞察力、更好的决策力以及更强的自动化处理能力,数据可视化已经成为网络安全技术的一个重要趋势。

总之,借助大数据网络安全的可视化设计,人们能够更加智能地洞悉信息与网络安全的态势,更加主动、弹性地去应对新型复杂的威胁和未知多变的风险。

可视化设计的过程中,我们还需要注意:1、整体考虑、顾全大局;2、细节的匹配、一致性;3、充满美感,对称和谐。


大屏ui设计系列之五——大屏设计语言分析 大屏数据可视化设计方法论

蓝蓝


蓝蓝设计经常会接到大屏设计的项目,比如中国移动互联网监控大屏可视化设计及开发太极集团承接的中央台应急指挥中心大屏可视化设计、交大思源承接的北京地铁轨道批挥中心大屏可视化设计、数码视讯展厅大屏可视化设计,在积累了一定经验的同时,也在不断的学习和丰富关于大屏设计的特点及数据可视化的表达方式。

数据可视化过滤了非常多的冗余信息,浓缩了最重要的信息,它的魅力就在于将枯燥的数据组织在一起,把最需要的那些编辑成一个故事。目前大数据那么流行,但是其实大家并不是需要那么多的数据,而是需要整合的数据,恰当的将客户最关注的数据挖掘展示出来才是最重要的。


一、要做好大屏的界面设计,首先需要了解大屏的硬件特点。

二、了解大屏的使用场景和用户群体

三、了解大屏上专用的软件

四、了解大屏通常显示的内容

五、大屏界面的设计语言


日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档