因为工作需要,最近在Power BI页面设计上下了些功夫,总结了一些心得,在这里做个记录。
不同于数据清洗,建模,指标建立,页面设计完全是另外一个领域,它涉及到的是一个人对美的底蕴。。所以此处水深不可测。相关的文章目前网上还很少,也没有一个统一的规范。但整体上,我们可以借鉴来自于网页设计和ppt设计的各种文章,因为Power BI本身就是二者的结合体。
首先,设计中可能涉及到几大要素:
布局、排版
Logo、标题
背景、底色
主题、颜色
字体、字号
视觉对象的选择和使用
接下来我们来逐个瓦解一下这里面的奥秘……
1. 布局、排版
优秀的报告通常都看起来非常清晰,主次分明,让人很容易抓住重点。
而这种优秀的报告,通常都拥有出色的布局和排版。
初开始做报表设计的同学比较容易犯的一个错误就是,所有的视觉对象和表格都平铺在页面上,不给页面留一丝丝空间,让整个报表看起来非常的busy...
而真正出色的布局,是要综合考虑报告的针对性,用户的互动体验以及页面的美观性多个因素。
我们来逐个攻破一下。
- 报告的针对性
这里我提到的针对性,就是你的报告究竟报告的是啥,什么是我要优先报告的,什么是仅供参照的。比如你报告的是销售情况,你的大的版面和重点区域一定是体现销售趋势或者销售占比的。
- 用户的互动体验
这里可以比较多的借鉴我们浏览网页时的感觉。想象一下,你所浏览过的网页,是否具有以下要素:导航,筛选,按钮,弹窗,而这些也都是我们在Power BI报告中和客户进行互动的关键。
你的报告或许有100个图表需要展示,但你绝不能把它们平铺在一个页面里。巧妙地结合上面提到的导航,筛选,按钮,弹窗功能,你的报告会有惊人的交互体验。我敢说不差于精心设计的网页。
- 美观性
美真的是个因人而异的东西,但是当你去认真观察,你或许能从中找到一些统一的线索。
首先就是给你的报告留有一定的"空白",这个空白不是说在密集的图表中间的小小的白线,而是报告的上下左右,图表的周围,都要留大一些的空白,让你的报表不要过于拥挤。
其次是视觉对象之间的划分,如果可能,尽量做明显的分区,至少,在两个视觉对象直接插入分割线。
然后就是导航栏,筛选栏,都可以设置在固定区域并且做好划分(参考你经常浏览的网页),这样的设计更符合普遍的行为习惯。
最后还有按钮和弹窗的使用,你也可以参考大多数网页的风格,做的更加优雅和好看。
2. Logo、标题
从普遍意义来说,一个真正的可视化报告一定报告的是某一家公司的某种业务指标,所以logo的使用无可厚非,这会让你的报告看起来更专业和统一。
如何巧妙地把logo和标题结合做出具有美感的设计,就需要我们稍稍花点心思。
我们先看一下微软官方的一个案例,如下
这。。。是不是有点过于简单了。。。设计呢???
我回想自己多年来浏览过的网页以及众多ppt案例,logo的确是非常关键的一部分,但是,logo在我们的报告中绝对不能过于夸张,从而掩盖了报告中我们真正要展示的部分,所以logo和标题的设计,我们要遵循的主要原则就是:小而美。
微软这个案例就是一个比较好的示范,用不算大的字体和突出的颜色体现出了报告的名字和所有者。
接下来我们再看几个logo和标题的示范
比较稳妥的设计就是公司logo+竖线+report名称,这么设计十有八九都不会出错,但相信大家都有自己的想法,我想说,follow自己的内心就好,不过再次提醒大家,logo和标题不要太大。
3. 背景、底色
背景和底色对我们报告的美观起到绝对作用,是绝对。
一个出色的报告一定是对背景和底色做过精心设计的,但是因为涉及到设计,这里不便做过多的分享(因为我本身也不是学设计的),我只能根据自己的经验给大家分享一些思路。
首先要给自己的报告设定一个基调,也就是你要做深色的比较酷一点的,还是浅色的比较清新一点的,这个就需要参考报告制定者的喜好以及公司的整体风格。
通常各个公司都会有一个自己的主色调,比如星巴克的绿色,吉野家的橙色。。
围绕着这个主色调和先前定好的基调,就可以给报告选择一个恰当的背景和底色了。
这里需要注意的是,你的背景最好是带有层次感的,而不是一块黑布。看到过的比较好的尝试有两种,一种是做渐变,一种是在某个主题图片的背景上做半透明的图层,这样就很有层次感。
未完待续。。。