Power BI页面设计思路

因为工作需要,最近在Power BI页面设计上下了些功夫,总结了一些心得,在这里做个记录。

不同于数据清洗,建模,指标建立,页面设计完全是另外一个领域,它涉及到的是一个人对美的底蕴。。所以此处水深不可测。相关的文章目前网上还很少,也没有一个统一的规范。但整体上,我们可以借鉴来自于网页设计和ppt设计的各种文章,因为Power BI本身就是二者的结合体。

首先,设计中可能涉及到几大要素:

布局、排版

Logo、标题

背景、底色

主题、颜色

字体、字号

视觉对象的选择和使用


接下来我们来逐个瓦解一下这里面的奥秘……

1. 布局、排版

优秀的报告通常都看起来非常清晰,主次分明,让人很容易抓住重点。

而这种优秀的报告,通常都拥有出色的布局和排版。

初开始做报表设计的同学比较容易犯的一个错误就是,所有的视觉对象和表格都平铺在页面上,不给页面留一丝丝空间,让整个报表看起来非常的busy...

而真正出色的布局,是要综合考虑报告的针对性,用户的互动体验以及页面的美观性多个因素。

我们来逐个攻破一下。

- 报告的针对性

这里我提到的针对性,就是你的报告究竟报告的是啥,什么是我要优先报告的,什么是仅供参照的。比如你报告的是销售情况,你的大的版面和重点区域一定是体现销售趋势或者销售占比的。

- 用户的互动体验

这里可以比较多的借鉴我们浏览网页时的感觉。想象一下,你所浏览过的网页,是否具有以下要素:导航,筛选,按钮,弹窗,而这些也都是我们在Power BI报告中和客户进行互动的关键。

你的报告或许有100个图表需要展示,但你绝不能把它们平铺在一个页面里。巧妙地结合上面提到的导航,筛选,按钮,弹窗功能,你的报告会有惊人的交互体验。我敢说不差于精心设计的网页。

- 美观性

美真的是个因人而异的东西,但是当你去认真观察,你或许能从中找到一些统一的线索。

首先就是给你的报告留有一定的"空白",这个空白不是说在密集的图表中间的小小的白线,而是报告的上下左右,图表的周围,都要留大一些的空白,让你的报表不要过于拥挤。

其次是视觉对象之间的划分,如果可能,尽量做明显的分区,至少,在两个视觉对象直接插入分割线。

然后就是导航栏,筛选栏,都可以设置在固定区域并且做好划分(参考你经常浏览的网页),这样的设计更符合普遍的行为习惯。

最后还有按钮和弹窗的使用,你也可以参考大多数网页的风格,做的更加优雅和好看。

2. Logo、标题

从普遍意义来说,一个真正的可视化报告一定报告的是某一家公司的某种业务指标,所以logo的使用无可厚非,这会让你的报告看起来更专业和统一。

如何巧妙地把logo和标题结合做出具有美感的设计,就需要我们稍稍花点心思。

我们先看一下微软官方的一个案例,如下

微软示例报告中引用的logo

这。。。是不是有点过于简单了。。。设计呢???

我回想自己多年来浏览过的网页以及众多ppt案例,logo的确是非常关键的一部分,但是,logo在我们的报告中绝对不能过于夸张,从而掩盖了报告中我们真正要展示的部分,所以logo和标题的设计,我们要遵循的主要原则就是:小而美。

微软这个案例就是一个比较好的示范,用不算大的字体和突出的颜色体现出了报告的名字和所有者。

接下来我们再看几个logo和标题的示范

来自 Power BI可视化大赛案例
来自 Power BI可视化大赛案例

比较稳妥的设计就是公司logo+竖线+report名称,这么设计十有八九都不会出错,但相信大家都有自己的想法,我想说,follow自己的内心就好,不过再次提醒大家,logo和标题不要太大。

3. 背景、底色

背景和底色对我们报告的美观起到绝对作用,是绝对。

一个出色的报告一定是对背景和底色做过精心设计的,但是因为涉及到设计,这里不便做过多的分享(因为我本身也不是学设计的),我只能根据自己的经验给大家分享一些思路。

首先要给自己的报告设定一个基调,也就是你要做深色的比较酷一点的,还是浅色的比较清新一点的,这个就需要参考报告制定者的喜好以及公司的整体风格。

通常各个公司都会有一个自己的主色调,比如星巴克的绿色,吉野家的橙色。。

围绕着这个主色调和先前定好的基调,就可以给报告选择一个恰当的背景和底色了。

这里需要注意的是,你的背景最好是带有层次感的,而不是一块黑布。看到过的比较好的尝试有两种,一种是做渐变,一种是在某个主题图片的背景上做半透明的图层,这样就很有层次感。


未完待续。。。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。