Excel/WPS 布局优化/报表美化

现在基本都是从整体的角度考虑排版和美化,单拎出来的已经没有意义了。


图表选择

图表决策树

饼图

柱图
差异和对比

折线图
连续的时间序列表现方式

比较

序列

构成

描述

图表优化

加减

加法

完整性

  • 标题完整(反映出图表主题)
  • 业务度量(度量值、单位)
  • 时间(业务范围)

易读性

  • 排序、柱子宽度和间隙适当
  • 柱状图添加数据标签(一一对应)
  • 坐标轴标签不要倾斜
  • 条件格式
    • 数据条
    • 图标集
    • 自定义
    • ……

减法

视觉干扰

  • 控制数据位数(3或4位)
  • 弱化网格线
  • 控制颜色、去掉3D效果
  • 坐标轴名称自然认知无需标注
  • 去掉纵坐标轴(可选)

次要信息

  • 选择 TOP N 内容

乘除

化妆术

优化案例;

表格优化

  • image
    • 主要采用加减优化
    • 要有度量单位
    • 数据位数不要太长,心理学研究四位数最易阅读三位数最易记忆
    • 比较类的表格要有排序,突出重点
    • 相对差异要明显
    • 网格线影响内容墨水占比,让设计融入背景,让数据占据核心地位

柱图优化

  • image
    • 主要采用加减优化
    • 标题完整
    • 数据位数不要太长
    • 坐标轴标签倾斜
    • 柱子无排序、颜色太多、使用3D(永远不要用3D图,难以阅读)
    • 网格线影响内容墨水占比
      坐标轴标题无序再描述

图表组合

布局

对齐 Alignment

任何元素都不能在页面上随意安放,页面整齐。

  • 边距对齐
  • 文本对齐

对比 Contrast

页面上不同的元素之间要有对比双未

  • 主次对比
  • 颜色对比

重复 Repetition

设计的某些方面需要在整个作品中重复

  • 文本样式重复
  • 颜色重复

配色

单色

类比色

补色

分裂补色

内容

亲密性

  • 相关联的项组织在一起
  • 业务要有逻辑性、相关性
  • 如果把相关的元素分在一组
  • 使它们建立更近的亲密度
  • 不论是从理解上还是视觉上看都很有条例
  • 使表达的信息更清晰

仪表盘美容三部曲

一、展示数据价值

将需要展示的数据抽取出来
要展现数据的价值

二、选择合适的图表

选择图表要清楚三个问题:
明确目标受众,他们对该问题有何了解?
明确要传递的信息,分析数据关系了吗?数据说明了什么?需要传达多个信息吗?
明确信息的特点,是要进行项目比较、显示时间趋势,还是分析数据关系?
明确要表达的具体主题,再根据主题选择合适的图表:
image

三、布局模板

image
image
image
image
image
image
image
image

四、配色

图表系列色 :不同展示逻辑的图表可能需要不同的配色,所以一般至少准备两种图表系列色。
对比图表系列色:常用于多系列的柱形图、条形图和饼图等,强调数据系列之间的差异。
连续图表系列色:常用于单系列的柱形图、条形图、面积图等,在大屏整体看来只有“一个颜色”,但渐变的效果不仅表达了数据之间的连续性,还有酷炫的视觉效果。
image
图表告警色:一些需要特别突出的指标,或指标值达到预警值时的颜色,一般比较明亮,且与主配色有较为显著的对比。如果结合图表闪烁动画、警戒线等共同设置,效果更佳。
image

五、工整合理的文字

六、避坑指南

  • 内容丰富无重点
  • 间距混乱看不清
  • 内容拥挤无留白
  • 元素多样理不清
posted @ 2023-06-21 07:29  Teriteri  阅读(208)  评论(0)    收藏  举报