苹方字体(苹方pro字体)

大屏是数据可视化的常用形式,但在制作时,常常会“把思路想清楚了、数据也准备好了,但就是在制作时磨蹭了很久”......

那么如何用最简单高效的方式,设计出一张好看的大屏呢?大师兄我总结出了这份大屏制作通用教程,一起来看看吧(文末附素材包下载)!

图表选择

参考这篇图表选择指南

排版

一般的屏幕单元,在40寸~60寸,都有可能分为两种比例:16:9(宽屏)或者4:3,下面列举几种常用版式,在不同的情况下使用。

  • 主次分布主要用于画面信息主次层级很明确的时候,比如有一个地图,其他数据都是分析这个地图。
  • 平均分布一般用于平铺展示,不存在主次关系,主要为了罗列信息出来无论什么分布,排版的基础便是整齐,有主有次,忌杂乱无章。

色彩

1、背景

一般的大屏都是深色背景,因为深色背景环保,可以节约能源节约成本;而且深色背景可以让视觉更好的聚焦,观者更容易找到自己想要了解的模块和数据。

背景一般分为纯色背景和图片背景。

(1)纯色背景可以使用以下几种颜色:

(2)图片背景可以用下面几张(更多见文末下载):

2、图表

人的目光很容易被鲜亮的东西吸引,在深色背景下尤为明显。

所以我们会赋予大屏中一些重要数据较鲜亮的颜色,让他们跟不重要的指标或者数据反差拉大,让观者的视觉集中在重要数据上。


通常情况下,颜色具有一定代表性,不同的颜色表示不同意义。用红色、橙色表示数据异常,起到警示作用,用绿色、蓝色表示数据安全,不用担心(在大屏中, 蓝色用的较多,因为蓝色科技感强一点)。

推荐几种图表常用配色:

其他细节

1、样式

好看的样式可以提升整个设计版面的美感。

举几个好看的样式(更多见文末下载):

2、动效

大屏尤其是拼接屏设备,本身不适合做交互,为了提升展示效果的可观赏性,通常会搭配一些动画效果。

比如轮播效果、数字的变化效果、图表的刷新动画等,动效还有增添空间感、平衡画面和整合信息的作用。可参考:《让你的报表动起来》

人的注意力容易被鲜亮的颜色吸引,也容易被运动的物体吸引。所以动效可以用来锦上添花,但同时也要考虑动效应用太多加载时间过长的问题。如果大屏的数据展示卡在一半会很影响观感,所以适当的动效是点睛之笔,过多的动效就画蛇添足了。

3、字体

一般用的比较多且好看的字体是:苹方黑体、思源黑体

4、图标

图标易于快速识别,并且合理的运用图标可以提升大屏的美感和设计感。如下图(更多见文末下载):

评论并私信“素材”即可下载模板背景、标题背景、边框组件、图标素材包,挑选最中意的素材作为备选,让你的制作效率up up!