可视化大屏设计

如题所述

第1个回答  2022-07-16
参考工具

可视化工具

图表插件

大屏数据可视化是以大屏为主要展示载体的数据可视化设计,大屏易于在观感上给人留下震撼印象,便于营造某些独特氛围,打造仪式感。原本看不见的数据可视化后,便能调动人的情绪,引发人的共鸣,传递企业文件和价值。

利用面积大可展示信息多的特点,通过关键信息大屏共享的方式可方便团队讨论和决策,所以大屏也常用来做数据分析检测使用。大屏数据可视化目前主要有信息展示、数据分析、监控预警三类。

常见大屏类型包括16:9屏、超宽屏、折叠屏、三面屏、T字屏...

拼接大屏

大屏几乎都是拼接屏,UI设计时不用考虑屏幕缝隙影响内容的呈现,内容不会丢失,但有可能影响视觉的表现。所以设计时可建立缝隙位置的参考线避免类似情况发生。现在企业常用的无缝隙、1.7mm缝隙、3.5mm缝隙三种拼接大屏,缝隙越小价格越贵。

显示特点

屏幕尺寸

例如:尺寸 (10500mm + 24000mm + 10500mm) x 6000mm,像素点6144x1024,PPI为45。

例如:3x5大屏

屏幕分辨率

为了最优化展示效果,首先需要了解物理大屏长宽比,确定设计稿尺寸,其次需要清楚大屏系统的内在原理:信号源 - 大屏接收器 - 播放控制设备。

一般情况下设计稿的分辨率多为1920 x 1080,同时需要要理解四个概念:

最佳展示效果

数据墨水比例原则表达的核心思想使简洁,图表要简洁,数据要简洁。大屏可视化是针对客户场景,理解数据复杂性的基础上,通过可视化手段,形成高度提炼的故事。

数据可视化通俗说就是用图表讲故事,人们关心的从来不是数据,数据不是重点,它只是达到目的的手段,人们关心的数据背后的意义。

调研

设计关键词:科技、动态、可交互

关键指标是一些概括性词语,是对一组或一系列数据的统称。一般而言一个指标在大屏上独占一块区域,通过关键指标定义,就直到大屏上大概会显示哪些以及大屏会被分为几块。确定关键指标后,根据业务需求拟定出各个指标展示的优先级(主、次、辅)。

大屏一定是以展示数据为核心,任何炫酷表现都要建立在不影响数据的有效展示上。一个大屏一定会有明确的主题,推荐实用多维度拆解北极星指标法。

视觉

表现

数据

设计

确定设计稿尺寸后需要对页面布局和划分,对于数据的排布划分原则:主次分明、条理清晰、注意留白。根据业务需求抽取关键性的指标,按照重要程度可分为主、次、辅。

布局的目的是为了让业务指标和数据合理地展现,展现全局业务一般分为主要指标和次要指标两个层次,主要指标反映核心业务,次要指标用于进一步阐述分析。推荐主次分布版式,让信息一目了然,也可以实用平均分布,或二者结合。

例如:监控大屏由于监控数量庞大,常常被划分为总屏和分屏,总屏多用于展示事件状态趋势、风险预警、风险处理进度。分屏则多用于展示详细的数据分析和风险事件的处理。如何排布数据需要紧密结合业务需求和用户体验。

大屏排版布局上需要遵循四大原则(CRAP)

可视化大屏的配色是视觉呈现的重要组成要素,配色常与行业类型、业务形态、应用场景、设计理念、营造氛围等密切相关。

色彩搭配的原则

例如:整体背景深色系,以深蓝色为主,推荐为单个元素搭配透明色,透明度设置在10%上下。

例如:

点缀:适当给元素标题、数字添加诸如边框、图画等在内得点缀效果,能帮助提升整体的美观度。

可视化数据的字体有哪些考虑呢?

规范设计:字体规范、色彩使用、界面元素、图形图标、界面全览

字体不小于12号,可用于图表标注,数据信息建议14号以上。字体不一定只用一种,可实用科技感强的字体。

数据可视化处理的流程是:数据采集 - 数据清理 - 数据分析 - 可视化数据

https://www.jianshu.com/p/d8fccd0c55d6

折线图用于表示数据的变化和趋势,坐标轴的不同对折线的变化幅度有很大影响。折线上下大概占2/3的位置数据表现清晰合理。

折线图线条粗细合理,过细的折线会降低数据表现,过粗的折线会损失折线中的数据波动细节,视觉上较难精确找到折现点的相应数值。推荐使用两个像素的线,看起来会比较合适。
相似回答
大家正在搜