POWER BI:门户网站品牌包管理(翻译)

• 下载一个样品品牌包（你可以立即使用它，但我怀疑你不会想要(因为设计的很丑)，但有一个原因。请继续阅读）
• 下载我们在这篇文章中介绍的完整品牌包。
  下载地址：https://msdnshared.blob.core.windows.net/media/2016/03/Multicolor-example-brand.zip
  这就是最终产品对我来说的样子。
  
  很酷，对吧？让我们开始吧。

概观

Reporting Services的品牌包由三个项组成，并打包为zip文件。这些物品是 -

• colors.json文件
• 元数据xml文件
• logo.png文件（可选）

您必须对品牌包中包含的文件使用这些命名约定，但是，您可以根据需要为zip文件命名。在创建Xbox品牌包时，让我们逐个浏览这些项目。

元数据文件

metadata.xml文件允许您设置在Reporting Services中看到的品牌包的名称，并具有colors.json文件和logo.png文件的引用条目（如果适用）。

要更改品牌包的名称，请更改XML文件标题名称中的条目。它看起来像我们的示例文件中的以下项目 -

name =“多彩的示例品牌”

这意味着我将在我的新品牌包装中将其更改为此

NAME =”的Xbox”

接下来，要在品牌包中使用徽标，请确保更新metadata.xml文件以在“内容”部分中包含对名为“logo.png”的文件的引用。

没有徽标条目的示例内容部分-

这就是我的基础品牌包现在的样子。由于我想在我的徽标中使用徽标，我打算将其更改为如下所示 -

现在让我们转到任何品牌包的最大部分 - colors.json文件。

颜色

您需要为品牌包完成的所有工作都将在此文件中完成。上传品牌包时，服务器从colors.json文件中提取相应的名称/值对，并将它们与主LESS样式表brand.less合并。然后处理此LESS文件，并将生成的CSS文件提供给客户端。样式表中的所有颜色都遵循颜色的六位十六进制表示。

RS的文件有两个主要类别，项目在这两个类别下分组 -

• 接口，包括特定于新Reporting Services门户的项目。
• 主题，其中包含特定于您创建的移动报告的项目。从RC2开始，如果您使用的是最新版本的Mobile Report Publisher，当您第一次使用Publisher连接到报表服务器时，该主题的副本将在本地与发布者一起保留，您可以使用它您创建和发布的移动报告。例如，Xbox主题移动报告看起来像这样 -

现在您将看到为什么我们为您提供了我们所做的样品品牌包装。继续，现在加载您的服务器。为此，您必须是门户网站的管理员，并且您需要按照以下步骤操作 -

1.从站点菜单转到“站点设置”

2.选择品牌菜单

3.上传您（希望）之前下载的样本品牌包zip文件标题“Multicolored example brand”。您的门户现在应该如下所示 -

GAH！那看起来很可怕，不是吗？嗯，它应该是。品牌包使用独特的颜色，以便于查看colors.json文件中的哪个选项映射到Web门户中的每个元素。那么让我们再看看我们的文件。界面的第一部分包含以下项目：

“primary”：“＃b31e1e”，
“primaryAlt”：“＃ca0806”，
“primaryAlt2”：“＃621013”，
“primaryAlt3”：“＃e40000”，
“primaryAlt4”：“＃e14e50”，
“ primaryContrast ”：“ #FFF”

您可以使用许多站点来翻译这些十六进制代码，但我更喜欢color-hex.com。因此，让我们将第一种颜色复制到翻译器中 - 它看起来像我在按钮背景中看到的红色。我会尝试用绿色“ ＃7cbb00 ” 替换它并重新上传我的品牌包以查看它的外观。

嘿，不错。但如果我将鼠标滑过按钮，看看会发生什么

我打赌这是主要的颜色。让我们尝试将其更改为以下“ ＃f65314 ”

因此，界面的每个部分（主要，次要等）对应于门户屏幕的不同部分。一般而言，这可以分解为界面部分下面的以下项目 -

主要部分 - 按钮颜色，悬停颜色
次要部分 - 标题栏颜色，搜索栏，左侧菜单（如果存在）和这些项目的文本颜色
中性主要 - 主页背景，报告区域背景
中性次要 - 文本框背景，文件夹选项背景，设置菜单
中性三级 - 站点设置背景
危险/警告/成功消息
KPI颜色（良好 - 绿色，差 - 红色，中性 - 橙色，无 - 黑色）

对你的几点建议 -

• 您可能会在第一次创建品牌包时进行大量实验，以查看哪些有效，哪些无效。为了节省时间，您无需在进行更改之前删除已上传的现有品牌包。每次上传新文件时，它都会覆盖现有文件，因此您可以更快地进行迭代。

• 虽然我提供的示例文件中的每个主要项目都有不同的颜色，但您可能会发现管理更小的数字（三个或四个）以及白色和黑色更容易。这使我更容易上手并创建新的。

说到移动报告的主题，该部分所需的大部分信息都可以在Mobile Report Publisher主题下拉列表中看到 -

每个主题都会显示背景颜色，以及数据点（底部排列的十二种颜色），好的，坏的和中性的选项通常分别为绿色，红色和黄色。品牌包中提到的其他项目，如强调色，地图颜色，面板背景等，应该是之前使用过Mobile Report Publisher（或Datazen Publisher）的人都能理解的。

现在几乎完成 - 只需要将我的徽标添加到品牌包装中。

商标

如果您的品牌包中包含徽标，它将显示在报告门户中，而不是您在“站点设置”菜单中为门户设置的名称。您不能在门户中同时使用标题和徽标。

品牌包装中没有徽标 -

带品牌包装标志 -

您为徽标包含的文件必须使用.png文件格式。上传到服务器后，文件尺寸将自动调整，因此您无需将其保存为特定尺寸即可使用。