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 ——