PowerBI 页面设计心得分享



一件优秀的作品需要有很多特质:有价值,有效率,稳定可持续,易于维护与升级,高颜值,等等…这里千万不要小看颜值,很多时候它就是成败的决定性因素,重要性不低于技术,有时甚至高于…
工作的关系让我最近接触到很多高颜值作品,我想记录下自己的一些心得,同时也分享给大家。我会用往届可视化大赛的公开作品为例进行解析,这些作品的链接地址可以通过百度“Power BI可视化大赛”获得。
进入主题,我将从以下六个维度进行分享:


1.  页标题的设计
图一中的页标题设计非常经典:公司logo+竖线+报告名称。字体/字号/颜色的变化显得很活泼,同时采用深色主题色反衬以达到醒目的效果。这里标题的字体不必太大,包括logo也是,可以小一些,因为我们要重点强调的是标题下面的内容。
图一 第一届Power BI可视化大获奖作品—Project Progress Tracking System

图二的页标题设计与图一类似,但行宽字体都要大号一些,所以页标题行成为这个页面的强调重点。这本身也无可厚非,但下面主体内容中的图表由于字体太小会看不清楚,这在实际应用中将是个很严重的问题。不要说没关系,信息要么就表达清楚,要么就不要放上去。
图二 第二届Power BI可视化大赛获奖作品—Powder Bishop的销售分析报表


图三 第一届Power BI可视化大赛获奖作品—Powbier Boom公司人力资源分析

     2.  背景色的设计
通常黑色系的背景会让报告显得很高端,很专业,如图一。但这绝不是简单随意的选个纯黑就可以了,不信你试试,一个随意的纯黑背景照样会很LOW。黑也分好多种:渐变的黑,含蓄的黑,明亮的黑,黑,黑…所以要综合考量你要表达的情绪和与主题色的协调后再作选择。这会是个不断调节的过程,如果有参考案例会有很大帮助,看到喜欢的颜色可以利用PowerPoint的取色器获取。


一般来说暗色系背景在大屏的效果会更好, 而浅色系背景比较适合小屏。


3.   强调色的选择
这个和PPT设计是一样的,互补色,对比色和分裂互补色之间色相差异明显,因而可用于寻找主色调的强调色。同时,除非你的色彩驾驭能力特别强,用于强调的跳跃色越少越好。

图一的强调色为白色,在灰黑色背景下显得明亮醒目,整体色调非常协调。


图二的强调色应该是两种黄色加黑色,这绝对是专业美工设计的作品,整体观感可以说“赏心悦目”。但是想要模仿照搬到我们自己的作品上,难度会非常大。不信你试试。


图三的强调色是黄色和黑色,白色背景衬托下,干净利落,十分清晰
4. 主体布局
除了最基本的对齐,记得一定不要太拥挤,就算内容再多也要想办法留白,在两侧留白,在图表间留白。否则除了效果让人很压抑,也会失去重点,因为布局本身也会起到强调重点的作用。
图一图二的布局都非常优秀,视觉舒适的同时突出重点,让读者可以很快领悟他们要传达的信息。
图三的布局也很整齐,但直观感觉就是信息太多,一时间不得要领。而且图表字体太小,很难看清...
5. 图表元素越少越好
这里的图表元素是指网格线,边框,数据标签,甚至坐标轴,如果可以不用就不用,当然前提是不影响信息传递,如果非要用可以把颜色调的浅淡一些,这样整个页面会显得很简洁进而进一步突出重点。
6. 创建导航页
相对于直接进入报告页,并利用页标签切换,创建导航页进行页面切换要专业美观很多,如图四、图五
图四 第二届Power BI可视化大赛获奖作品—金融可视化 Financial Visualization1.0



图五 第二届Power BI可视化大赛获奖作品—汽车部件质量回溯

—— End ——


想加入PowerBI大师学习社群?请添加小编微信beyondexcel



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

推荐阅读更多精彩内容