You need to enable JavaScript to run this app.
导航

布局

最近更新时间2024.01.03 14:58:28

首次发布时间2022.07.01 18:45:32

数字大屏的布局有特定的场景,即大部分时间都是放置在屏幕上,展示一些核心的数据指标、趋势与其他视觉信息。一般大屏的主题名称会放置在最上端,作为当前大屏主旨的阐述。布局上会有 16:9 的常用信息屏布局和 32:9 的拼接屏布局。

1. 16:9 信息屏布局

16:9 即平常电视、显示器等消费显示商品的宽高比例,是最为常见的展示介质。DataWind 大屏工具创建的大屏默认尺寸为 1080P,便是 16:9 的分辨率,通常无需变更即可进行大屏创作。

1.1 稀疏信息布局

在主要展示视觉中心(例如情感化三维点阵、车辆模型、中心视觉模型等)的需求场景下,图表的视觉表达尽量轻、少,布局可以采用包围式,或左右分列的设计。

1.2 密集信息布局

图表信息相对较多的情况下采用的布局策略,在主视觉区上方叠加重点指标也是常见的设计。

1.3 无主视觉布局

大屏应当优先考虑有主视觉的设计,如果没有主视觉元素,可以尝试将主要的可视化图表放大放置到主视觉部分的位置;在数据表现的重要性层级上实在无法选出重点图表的,可以尝试无主视觉布局的布局形式,采用横纵搭配的方式减少单调感。

2. 32:9 拼接屏布局

在展厅、作战指挥室等宽阔的室内展示环境,通常使用视觉冲击力更强、表现力更丰富的大屏墙作为展示形式,此时常用 32:9 的宽屏幕。需要在DataWind大屏上做尺寸的修改,如图所示,将尺寸修改为 W:3840 H:1080

拼接屏的布局通常有如下几种建议布局方法。

2.1 布局灵活调整

利用大屏工具可以做到在有限的区域内进行若干个信息的轮流展示,使得布局的灵活性得到了极大提高,在拥有展示大量信息的前提下仍然能够保证视觉的整洁与主次分明。
在进行图表的轮播设计时,应当优先考虑将同类表现形式放置于同一位置轮播,而非不同类型内容的同样图表形态轮播,以满足界面的视觉丰富度要求。

注意

在特定场景下,视觉设计需让位于数据的含义表达,比如说需要比较两个区域的利润占比分布,就需要两个饼图并列展示。