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. 背景、底色

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

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

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

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

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

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


未完待续。。。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,311评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,339评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,671评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,252评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,253评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,031评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,340评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,973评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,466评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,937评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,039评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,701评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,254评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,259评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,485评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,497评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,786评论 2 345