PowerBI 页面设计心得分享

2019-12-02 22:39:37 浏览数 (3)

一件优秀的作品需要有很多特质:有价值,有效率,稳定可持续,易于维护与升级,高颜值,等等…这里千万不要小看颜值,很多时候它就是成败的决定性因素,重要性不低于技术,有时甚至高于…

工作的关系让我最近接触到很多高颜值作品,我想记录下自己的一些心得,同时也分享给大家。我会用往届可视化大赛的公开作品为例进行解析,这些作品的链接地址可以通过百度“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 ——

0 人点赞